When web development was easy…

Do you remember the time when web development was easy? Right where it all started, when there was just one browser, and only one website existed?

Things changed. And now you can’t trust anything any longer. Trust me, if you think you know how your site will be shown, you’re wrong. Just consider the 10 major steps of “progress” we’ve made since then:

  1. Browser widths stopped being predictable as soon as people stopped using maximized windows, and monitor sizes stopped being the same everywhere. People cling to their fixed 760px or 960px grids feverishly (yes, me too), dreaming that they are what people use.
  2. Browser heights started giving us the same problems as widths, but toolbars also started showing up, making height prediction plain impossible to predict. “The fold” is now the top 10 pixels of a page, unless you got a browser warning, then “the fold” is pixels 10 to 20.
  3. Aspect ratio, the relation between width and height, went strange when first wide-screen monitors, then TV-screens and mobile phones, entered the market. I wouldn’t be surprised if I’m soon able to set my own ratio, or if someone launches a stretchable screen that I can drag to my own preference. I hope your site is well prepared for that one.
  4. Colors differ not only depending on the lightning in the room (which was a problem as soon as there where two computers), but also depending on monitor (including brightness and contrast), gamma correction differences between operating systems, gamma correction bugs in PNG files and browser implementations, color profiles (now supported in Firefox 3.1!). Add to this accessibility tools that invert colors, increase or decrease saturation. Pantone color codes on the web anyone?
  5. Font selection is another interesting mess. The browser has a default font, different (of course), depending on what operating system/device you’re on. The website author can try to override that font, specifying one or more fonts, which the user might, or might not, have. Oh, and lets not forget the editors, copying and pasting text from Outlook or Word, getting font tags inserted into your throughly crafted site.
  6. Font rendering complicates things even further by letting either the operating system or the browser render the fonts as they wish. Things like ClearType, subpixel font rendering, and font smoothing.
  7. Character encoding is far beyond repair, and this is easily conveyed by looking at what steps a browser has to go through to render a single letter. To quote Mark Pilgrim: “It’s a 7-step algorithm; step 4 has 2 sub-steps, the first of which has 7 branches, one of which has 8 sub-steps, one of which actually links to a separate algorithm that itself has 7 steps…”.
  8. Unstyled HTML looks different because of default stylesheets in some (but not all) browsers. Developers are left guessing what styles to set to override all defaults.
  9. CSS styling is of course fully unpredicable, depending on not only browser, but on what underlying rendering engine, and version of that engine, and with what patches applied, and on what settings the user has made. On top of this we have piles of bugs, which tips most developers from scientists, trying to use logic to solve problems, to “empirates”, trusting only trial-and-error as a tool to “just get it to work”.
  10. HTML versions can also be selected in several ways, not always according to reason. First you can specify no doctype, and watch everyone try to render your site like IE5 once did, long time ago when someone used that browser. Then you can pick a doctype, and watch how some browsers render your page differently, depending on whether your doctype is in their “white-list” or not. And then there’s standards mode, quirks mode, and almost standards mode, there’s XML prologues and MIME-types, and what-not.

But that’s not all, enter IE8

The newest entry in the “making web development hard” toplist, is (soon to be released) IE8. They have recently decided that your page will be rendered based on popular vote. So better not make your designs “arty” in any way. People might think it’s broken and vote you to IE7 rendering (very broken). Don’t laugh, it’s not a joke, the proof is on IEblog, linked in the paragraph above. I dare you.

“Are you fully out of your fucking mind?”, you might be tempted to ask the IE8 developers. The reply is simply, no no, don’t worry, just settings this HTTP header you can opt-out of the rendering that popular vote has selected for you, even though you already opted-in by setting a doctype once.

And so we slowly stop caring, and give up. Dreaming ourselves back to the time when there where one computer, and one website…

12 responses to “When web development was easy…

  1. Browser heights – been pulling my hair out for this fixed design the past few days (http://tinyurl.com/bh8aka). I tell ya – never take fixed layouts lightly.

    Re: IE. I’ll just keep formatting my machine before every project, install the latest of everything, and go down the Firefox > Opera > IE clean up route. F**k everyone and everything else, ha-ha. You just have to laugh don’t you. After getting stress-related illness last week (I’m sure it was) I’ve decided THERE IS more important things in life.

    Another good one G :]

  2. Unfortunately, not many people realize those factors. It becomes harder and harder to explain that to clients, so the internet ends up with a good quantity of low quality websites.

  3. Nice post lol. I remember the days when you only had to worry about resolutions at 1024 x 768, now who know what suffers are using. I’ve tried out the new IE8. I haven’t ran into many websites that needed to be changed to IE7 compatibility mode. The only good thing about the new rendering system is that it is a step for IE8 to be more compliant.

  4. @Anonymous (aka. “Web Design Articles”): Thanks for your comment. One minor thing: the name field is for people to write their name in, not to promote search keywords like you do. This is not a place for advertisement.

  5. Great article, nice to know that there are others out there that feel the pain of the changing technology. Trying to make quality web design for both traditional and mobile browswers is turing me gray :-). Thanks for the post!

  6. “Unfortunately, not many people realize those factors. It becomes harder and harder to explain that to clients, so the internet ends up with a good quantity of low quality websites.”

    Completely Agree the above post

  7. Discussing the said changes in web development one by one, yes it is true that web development is no more an easy thing to do. Browser heights and widths have changed. The relation between the width and height of the user’s screen is completely unpredictable since now people use internet over mobile phones.

    In effect, yes the CSS styling is unpredictable too. So its more difficult now in all to design a website.

Comments are closed.