Slashdot Mirror


Dvorak Rants on CSS

John Dvorak writes on CSS after working on redesigning his weblog, the article ended up being extremely funny. From the write-up:
As we move into the age of Vista, multimedia's domination on the desktop, and Web sites controlled by cascading style sheets running under improved browsers, when will someone wake up and figure out that none of this stuff works at all?!

26 of 522 comments (clear)

  1. Standard versus Proprietary? by dada21 · · Score: 3, Insightful

    I can't believe the guy is still writing. The only reason I ever browsed through PcMag back in the bookstore days was to catch his commentary -- to me he was still the first real tech comedy print blogger before the term was coined.

    I have to agree with him here 100%. Back in my SysOp days running a multinode BBS, I remember the hassles of the design interface -- we had 80 x 25 characters to use and we had (at most!) 2.4K/s download speed. Any remember using TheDraw to animate ANSI? What fun those days were.

    All those hours and hours of editing in edlin and then TheDraw and then the RipTerm editor were always a big hassle, but today's multimedia standards are absolutely horrible. Once something finally gets to the ideal stage, it is replaced by something new that doesn't work well. CSS is probably the worst "standard" ever created in terms of design -- the idea is great but I'm starting to see that "freely created" standards are more and more garbage, no matter what the ubergeek thinks.

    I'm in the process of starting our CSS layout from scratch for all of our blogs (I hired one graphic designer and have 2 more volunteers). We've spent 40 hours in the last week testing a few ideas on a variety of browsers and they're a mess. I think I should go back to the days of plain-jane HTML and just deal with it, but many people are becoming comfortable with the whole Web 2.0 interface and it is almost expected. I can accept that, but it seems that CSS does more harm than good, especially with the massive number of browsers out there. I really think we should consider each browser application and each version number as a totally seperate entity. I have to keep an entire set of different installs of various browsers (when possible) just to test all the different versions.

    I'm a pro-market kind of guy, so I can accept these stumbling blocks because I do know that it is better for the market to have all the competition, buggy or not. Many standards do work eventually, but they have to be replaced because something new was released that everyone wants. I look at Flash (which was mostly proprietary for a long time) and I was much more luckier in designing a flash interfaced site (in terms of compability over the long haul) than I have been with any of the public standards.

    I'm wondering: is the future not a public standard but a mess of proprietary ones that may work better, even if they require plug-ins and additional software to work? Standards bodies have NO REASON to try to make something work in even one platform -- they can blame the developer of the platform for the mess. Proprietary formats, on the other hand, often times will see any bugs being blamed on the developer of the format, not the developer of the platform using the format. When Flash first came out, the great majority of problems we had were always blamed on Macromedia, not on IE or Netscape. While I'm not saying this is necessarily an area that competition (of relatively proprietary standards) is the best for the short term, it might be for the long term. Who is competing against CSS in terms of proprietary standards for basic text and graphic layout? Will HTML be replaced by a variety of other formats that require some other application to be bought to create them?

    (FWIW, I know that making a good CSS means documenting and comments everywhere -- even when that is done properly there still seem to be a ton of problems across the various platforms. I also have spent time on csszengarden.com for some insight in overcoming the problems).

    1. Re:Standard versus Proprietary? by mopslik · · Score: 5, Insightful
      I'm in the process of starting our CSS layout from scratch for all of our blogs (I hired one graphic designer and have 2 more volunteers). We've spent 40 hours in the last week testing a few ideas on a variety of browsers and they're a mess.

      The troubles you are experiencing are not CSS problems, per se, but rather piss-poor browser implementations of CSS. If browsers followed the specs, you'd probably eliminate 99% of the issues right off the bat.

    2. Re:Standard versus Proprietary? by Waffle+Iron · · Score: 5, Insightful
      Sure it has its flaws, but you can be assured that if it looks nice in one browser, it'll look nice in all of them the same.

      For me, all Flash sites look exactly the same: Click here to download plugin.

      Sorry, I don't want a plugin that's mostly used to enable advertisers to max out my CPU. Whatever, there's millions of other sites on the web to see. I'll just move on to the next one.

  2. Can you read my mind? by fragmentate · · Score: 4, Insightful

    Dvorak is waiting for DPSS.

    Ever since we began using CSS for handling the visuals on our reporting platform we've had a much easier time making a big splash with clients. In the past just giving a new look and feel was all that was needed to appease the vast majority of clients; in spite of the data shown being exactly the same. Sure CSS requires effort, and as I read through the W3C's documentation I don't see them make the claim that CSS is necessarily easy on its own. Instead, the combination of tools (HTML and CSS) make presentation easier to update and shape.

    DPSS (Designer Perceptive Style Sheets) should be ready in the next 50 to 100 years though. So, Mr. Dvorak, hold out just a bit longer and you can just think it, and it will be done.

    Instead, Mr. D, rant about how the different browsers (IE6 rules!) failed to follow a published standard. The largest obstacles in web development are not the individual elements, but the containers. Having to do the same thing 3 different ways is obscene. On that, we agree.

  3. What's the alternative? by KingSkippus · · Score: 5, Insightful
    The real problem is that no two browsers--let alone no two versions of any one browser--interpret CSS the same way! The Microsoft browser interprets a style sheet one way, Firefox interprets it another way, and Opera a third way.

    The problem is not with the CSS standard, the problem is with implementations of that standard. IE has been on a different planet for years when it comes to implementing standards. It's kind of laugable that there's the "Microsoft CSS standard," then there's the real CSS standard.

    Firefox does better, and unlike Microsoft, they're actually trying. (And making a damn good effort of it, IMHO, it's actually really close from what I can tell.)

    I don't have much experience with Opera, but I haven't had much trouble with it when dealing with CSS.

    Remember several years ago when several car manufacturers got busted for putting bad tires on new cars? No one argued that having tires on cars was a broken idea. The same is true in this case. Don't ditch CSS, just fix the friggin' browsers.

    Besides, what exactly is the alternative? Putting style tags on each element? For one thing, you'll run into the same problems, and for another, I'm confused as to how that is easier than using CSS. Going back to tag-level formatting? No thanks. Frankly, that was a hideous idea when they came up with it the first time.

    It was a nice rant, though, but misdirected.

    1. Re:What's the alternative? by Anonymous Coward · · Score: 4, Insightful

      My gripe with learning CSS is that it uses technical terms that are completely inconsistent. For instance you want to have bold text. The declaration for this is "font-weight: bold". Now, I happen to know that the boldness is actually part of the font selection process, but most people just want bold text. So you want your links underlined, right? "text-decoration: underline". It's technically not part of the font, but to the users of the spec, you've introduced two different sets of adjectives to describe "how I want the letters to look". So finally, you decide your links should be blue. So is it "text-color" or "font-color"? No, it's just "color". Definitely developed by people who just wanted to sell reference books.

      Now that I've waded through all that and used it for years, I still have gripes, the biggest being that your choices for layout are basically "proportional" and "fixed", with no options in between for "wide enough to fit this table column at whatever font size the user has specified." (I write web applications that basically deal with tabular views of data, so dealing with tables is a BIG part of my day, and I'm not talking about trying to make bits and pieces of pictures line up using them). If I try fixed width, then if someone increases their font size past what I tested with, it begins to wrap around and look ugly. If I try specifying proportions, then no matter what I do, I end up with columns that consist of a checkbox or a two digit number that take up 1/10th of the width of the screen and again looks ugly. If I try using table tags and letting the browser render it however it likes, then users end up with basically random screens depending on how the browser was feeling that day, and hitting reload causes the entire page to render differently.

  4. Re:Two problems by mrxak · · Score: 4, Insightful

    The real problem is that browsers aren't following standards, not that CSS is broken. But any decent web designer knows what won't work on which browsers, and decide how to do things accordingly.

  5. This just in.. by Rob+T+Firefly · · Score: 4, Insightful

    ..Dvorak displays lack of understanding of issue he's ranting about.

    Ok, this is actually a bit funny, but not in a humorous editorial column way. More of a sad "son hits dad in the groin with a baseball bat on 'Funniest Home Videos'" sort of way.

  6. Re:Two problems by eln · · Score: 5, Insightful

    Katz^WDvorak is complaining about it now because he finally got around to trying to redo his blog with it. From the article, it appears he's basically experiencing some pain with his first exposure trying to format using a technology that he doesn't really understand. No real surprise there.

    Sure, CSS has issues, but most of his frustration appears to stem from the fact that he really doesn't know much about CSS.

  7. He's blaming the wrong group... by Spaceman40 · · Score: 4, Insightful

    "Another fine mess from the standards bodies."

    What? So, the reason why CSS renders differently on each browser is because of the standards bodies?

    In other news: The POSIX standard is why Linux isn't the top operating system. The SQL standard is why every database works slightly differently (enough to trip you up). The 802.11a/b/g standards are why wireless can be a pain to set up...

    --
    I [may] disapprove of what you say, but I will defend to the death your right to say it.
  8. Damn Right by martinmcc · · Score: 5, Insightful

    Unsurprisingly there are a lot of 'omfg css is so easy, you are just doing it wrong' and 'its the implementers problem' type replies. While both these statements are true, they are missing the point.

    CSS in principle is a good idea, and in practice, even in its current state, is a great improvement on the alternative, but the fact remains that in order to do a non trivial design that works across all in-use browsers it is going to take a lot of work. To do this in a standard way (without relying on browser quirks) takes more work still. Not particularly hard work, but can be very time consuming. Granted, this is the fault of the implementations, but that is a bit of a moot point to the person who has to spend the hours trying to remove a 1 pixel gap from the side on image in ie, without breaking the appearance in firefox.

    As a professional web developer, I rarely am meet with issues that I have any difficultly understanding, the problems come when you design an elegant solution for a problem, implement 99% of it, then find some bug in one of the technologies used requires you to throw it all out and start again, rushing a ugly and hard to maintain solution in order to meet deadlines and avoid the broken bits. Experience help to avoid this, but when you multiply the amount of technologies typical in a web project (server, db, client side scripting, server side scripting, content (html), display (css)) etc. by the number of implementation that may be used for each one, factoring in the rate of change these technologies go through, it become impossible to be ready for all possible limitations/ errors in implementation.

    1. Re:Damn Right by Anonymous Coward · · Score: 5, Insightful

      No, no, no! I've said it before and I will say it again. The fault is not with the CSS standard, or even with the implementations (though IE has held the Web back by nearly a decade now). the fault is with people who think that a one-pixel gap is so important that they are willing to spend hours trying to remove it. I truly wish to god that pixels had been completely eliminated from the CSS spec, because its presence just encourages people to use it as a unit of measure and think that is acceptable. I bet that one-pixel gap is a problem because you are using an image-based layout, and you are using pixel-locked image formats. Therefore, it is your own damn fault.

      CSS was designed for content-based pages, not image-based pages. It is the marriage of a content-specific styling mechanism with an "OMG I need this pixel-precise and exactly matching the colors I see on my mis-tuned CRT with my ultra-tiny font sizes because I never set my system DPI properly" mentality of image-based layouts, predominately springing from graphic designers with their roots and training in a paper-based world, that causes the problems. Stop and realize that CSS is designed to deal with screen sizes from 4" to 56", font sizes from 6pt to 66pt, DPIs from 40 to 350, languages from right-to-left English to BIDI combinations of Latin and Hebrew, text-based terminals to LCD-based graphical terminals to CRT-based graphical terminals to pure-audio sans-graphics terminals, and CSS manages to have a single unified language for dealing smoothly with all of these in a single styling system, and be downright ashamed at your small-minded pixed-based layout woes.

      Have you ever tested your pages with a default font size of 8pt and 17pt? On systems with a DPI of 67 and 148? Do you take your pretty page, un-maximize the browser window, grab a corner, and wave it around like mad to make sure that your layout doesn't break no matter what the window dimensions are? Do you put your page on a 21" monitor with 120 DPI and maximize it, to make sure you are not leaving 70% of the window as wasted blank space? (::cough:: cnn.com ::cough::) Stop whining about your stupid pixel and start paying attention to what is TRULY important in web development.

  9. Experts should be optional by bill_mcgonigle · · Score: 5, Insightful

    Sure, CSS has issues, but most of his frustration appears to stem from the fact that he really doesn't know much about CSS.

    He's probably used to HTML. The Web exploded because HTML was easy and anybody could 'get it'. I taught my grandfather HTML over lunch on a sheet of paper in the late 90's. This was good for the web, despite how people bitch and moan about their refined aesthetic sensibilities being offended by amateur GeoCities pages.

    Since then the programmers have taken over. HTML documents need to have an XML namespace declaration at the top that most mortals can't remember. The CSS inheritance model is nonsensical, I need a 2-page cheat-sheet to get the syntax right, its designer thinks declaring aliases are 'too complex' and it takes a bona fide css expert to get css positioning working across browsers with a design that survives user-preferred fonts.

    I'll start worrying about all this when browsers stop rendering the transitional DTD styled with basic CSS and positioned with tables.

    --
    My God, it's Full of Source!
    OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
    1. Re:Experts should be optional by joebok · · Score: 5, Insightful

      ...Since then the programmers have taken over. ...

      As a programmer, I would like to distance myself from that - it's the graphic artists who have messed everything up. People who are insistant about they want this font here and that font there and this needs to be 2 pixels to the left but that needs to be mint yellow... The people that want it to "look nice" rather than to work are the culprits!!

    2. Re:Experts should be optional by moosesocks · · Score: 3, Insightful

      Really?

      It would appear to me that for the past 5 years, graphic designers have been one of the most technically-literate groups of people out there. They're one of the few demographics that actually "get it" when it comes to things like CSS.

      There are some pretty slick sites floating around using nothing but HTML and CSS made by these designers by hand.

      and for the record..... CSS is simultaneously one of the best and worst things to happen to the web. Best because it's an amazing tool for ensuring consitency of design, and providing *real* layout control. Worst because the standard was woefully incomplete in its early versions, and implemented differently in every browser.

      --
      -- If you try to fail and succeed, which have you done? - Uli's moose
    3. Re:Experts should be optional by bill_mcgonigle · · Score: 5, Insightful

      Ah, yes, quite right. That's another facet of the same problem, I think, the de-democratization of the web. I was thinking more about how you need to be a computer scientist to understand the CSS inheritance model, writing javascripts to work around browser incompatibilities, how getting simple jobs done on the web often involves dealing with xml, xml-schema, xpath, xquery, and their ilk, etc., but the designers certainly are doing their best to make websites into magazines rather than interactive hypermedia user interfaces. Personally I don't need random stock photos of smiling people with dreadlocks and thick rimmed plastic glasses using laptops to use a website. Or Flash.

      --
      My God, it's Full of Source!
      OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
    4. Re:Experts should be optional by bill_mcgonigle · · Score: 3, Insightful

      You do realize that this is a medium that's in its infancy and the easiest way to get people to adopt it is to lower the barrier to entry, right? So a magazine type look and feel would probably work in this regard.

      I don't see how throwing out 40 years of Human Computer Interaction research lowers any barriers, rather it raises them.

      Yes, if your website's only purpose is to reproduce a 1-page magazine ad, go nuts. Though a PDF would be more appropriate for that. If you want people to interact with your website, don't ask designers who are experts in a non-interactive media to suddenly become experts in another field.

      --
      My God, it's Full of Source!
      OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
  10. Re:Two problems by Bogtha · · Score: 5, Insightful

    it appears he's basically experiencing some pain with his first exposure trying to format using a technology that he doesn't really understand.

    Precisely. The first clue should be when he says:

    CSS's real benefit was that the layout not only could be changed easily but also could become dynamic: The content is stored in a database and presented as necessary, with instant updates. With dynamic content, it's possible for 100 people to go to the same Web site and get 100 different versions.

    What the hell is he talking about? Not only is that not CSS's "real benefit", I can't even figure out how he managed to get the idea that this is what CSS is all about. Did he take one look at the CSS Zen Garden and completely miss the point or something?

    He can't even get basic facts and terminology right:

    The first problem is the idea of "cascading." It means what it says: falling--as in falling apart. You set a parameter for a style element, and that setting falls to the next element unless you provide it with a different element definition.

    Nope, wrong. That's inheritance. The cascade is when you resolve rules found in multiple stylesheets.

    You don't "set parameters for style elements" at all. Style elements are instances of the <style> element type, and they are used to include parts of a stylesheet in an HTML or XHTML document. You don't set parameters for elements either. He could be talking about attributes, or perhaps properties, it's hard to tell when his terminology is so muddled.

    Finally, this bit is hilarious:

    Worse yet, nobody except the most techie insiders wants to talk about this mess.

    That's right, he's been totally oblivious to CSS, and now, when he starts to learn a bit about it, he blames his ignorance on some sort of conspiracy! That's right, us "techie insiders" have been keeping the truth from you, muhahaha!

    --
    Bogtha Bogtha Bogtha
  11. Re:Le sigh. by JebusIsLord · · Score: 3, Insightful

    I thoroughly enjoyed those percentages you either pulled out of your ass, or were delivered, Joseph Smith style, on a stone tablet from heaven.

    --
    Jeremy
  12. Whole PC world: It doesn't work and nobody cares by dpbsmith · · Score: 5, Insightful

    His rant can be extended to the whole PC world in general. The infancy of the personal computer industry began in an atmosphere of "selling the dream" and never worrying that it couldn't be delivered... and has never grown up.

    Computers with sixteen-slot S-100 busses that couldn't possibly drive sixteen cards.

    The Apple ][ which had no fan. The first time I saw one, I said, "Wow! they must have brilliant thermal engineers." Then the owner explained that the reason why the cover was off was that if he put the cover on it would overheat and shut down. They didn't have brilliant thermal engineers: they didn't know that they needed thermal engineers.

    I remember a guy who kept talking about how wonderful his North Star Advantage was. I asked him if it was reliable. He said, absolutely, he had had no problems with it whatsoever. So the next time I was in his office, I asked for a demo. "Oh, I can't," he said. "The power supply burned out last month." "But," I said, "I thought you said you hadn't had any problems with it." "I haven't had any problems with the computer," he said. "Just the power supply."

    And that, in a nutshell, is the way the PC industry has been since its inception. CSS is just one of many examples. People tried to achieve consistent appearance with HTML, and couldn't because it wasn't designed for that and different browsers rendered it differently. So, they invented CSS, whose whole reason for existence is to allow Web pages to be written to a standard that will be rendered consistently by all browsers. And it doesn't really work, and nobody cares.

    How about all those USB devices whose instructions tell you never to plug them into a hub?

    How about all the CDs that burn and verify without error... and can then be read in about 95% of all CD readers?

    How about all the Bluetooth thingies that won't interoperate properly with other Bluetooth thingies?

    How about all the Windows releases, each of which is going to solve the security and usability problems of the previous releases?

    It goes on and on... but it doesn't matter because nobody expects the stuff to work any more...

  13. Re:Two problems by WindBourne · · Score: 4, Insightful

    Near as I can tell, it has been years since Dvorak has understood anything in the tech world.

    --
    I prefer the "u" in honour as it seems to be missing these days.
  14. Re:Two problems by YA_Python_dev · · Score: 5, Insightful
    Instead of using some WYSIWYG editor I decided to strike it out on my own and write a page from scratch using the "standards" that the W3C touts.

    Writing web pages following the standards is a good thing, but making a complex CSS layout work with some buggy browsers out there is hard. The solution is to not recreate the CSS from scratch, but starting from an already debugged existing layout.
    E.g.:

    1. http://css-discuss.incutio.com/?page=CssLayouts
    2. http://www.dezwozhere.com/links.html
    3. http://www.positioniseverything.net/articles/onetr uelayout/

    Too many CSS web developers are trying to reinvent the wheel.

    --
    There's a hidden treasure in Python 3.x: __prepare__()
  15. Re:Two problems by avronius · · Score: 3, Insightful

    Sure, sometimes I, too, believe that Dvorak might have difficulty finding his a$$ with both hands and a map, but many of his articles help me to understand how laypersons interpret technology.

  16. Re:Blame Internet Explorer by HTTP+Error+403+403.9 · · Score: 4, Insightful
    Well, you can blame IE all you want, but you should realize it is still the most popular browser. If you are desinging sites for other people to look at, you may want to keep that in mind.
    I think a better characterization is that IE is the most used browser.
    --
    I'm not a Troll, it's reverse psychology.
  17. Re:Blame Internet Explorer by It'sYerMam · · Score: 4, Insightful
    The distinction is quite clear.. Is heart disease the most popular disease in the US? No, it's the most common.

    (Disclaimer: I may have forgotten the actual most common cause of death.)

    --
    im in ur .sig, writin ur memes.
  18. Re:Two problems by Just+Some+Guy · · Score: 5, Insightful
    With all do respect, I shouldn't have to be a "decent" web designer to be able to put up a personal homepage that looks the same in all browsers.

    You're halfway right, but only in that decent web designers understand that their pages won't look the same in all browsers. That's the nature of the medium. If you can't truly come to grips with that concept and work with it instead of against it, then you'll never become good.

    Again, web is not print, and you're only hurting yourself if you try to treat it as such. Real web design recognizes that users have different browsers, operating systems, plugins, extensions, fonts, sizes, monitors, gamuts, resolutions, DPIs, and so on. It is completely, utterly impossible to make an end run around those differences. Either make a design that scales and flows well on every client you can get your hands on (including Lynx and cell phones), or make a pretty PDF and be done with it.

    --
    Dewey, what part of this looks like authorities should be involved?