Separation in the blink of an eye
I’ve seen them so many times: pages where the HTML is mighty fine (!) but the CSS looks like it’s taken straight from Dreamweaver. While I hate having to deal with those kinds of designs there is something good about them. They prove the point that HTML and CSS are two separate units, and that it’s possible to mess up one of them and do fine on the other. That’s after all the point of CSS…
Now. A much more unusual combination is good CSS together with bad HTML. So I put together a little example for you. Separation illustrated (only works in Firefox, I’m lazy). I’ve made all lines about 80 characters long and removed all other whitespace. Enjoy!
How’s that for a company website?
Jesse Skinner (12 comments) ( 23 Jan 2007 )
Haha, every tag is a blink tag. Thats fantastic!
I’m inspired to produce HTML like that for now on. Maybe we can even put together a new DOCTYPE.. HTML-BLINK 1.0.
Emil Stenström (605 comments) ( 23 Jan 2007 )
@Jesse: You go! :)
To everyone: Seems the sk2_comment_spam table suddenly exploded, sorry if you weren’t able to comment, everything should be fine now.
Robert Nyman (33 comments) ( 23 Jan 2007 )
Nice! :-)
Jrf (4 comments) ( 24 Jan 2007 )
All I can say is… ROFL
Devon (3 comments) ( 24 Jan 2007 )
LOL!! OH MY! That’s classic. I’ve seen some horrid code before, but I never ever imagined anything like this. As soon as I saw the code, I just sat there with a blank stare and my jaw hanging open and blinked a few times as I tried to get a grip on reality again. You just created a work of art.
Emil Stenström (605 comments) ( 24 Jan 2007 )
Thanks everyone! You know you don’t have to tell me everything I do is art, just to be my friend… ;)
Alan (2 comments) ( 25 Jan 2007 )
Nice one Emil, brightened up my day…
Innocent (1 comments) ( 29 Jan 2007 )
i wish i could learn CSS. i have tried and given everything i can but somehow i lose it. i need help.
Emil Stenström (605 comments) ( 30 Jan 2007 )
@Innocent: Have you looked at my beginners tutorial?
Blather (1 comments) ( 10 Mar 2007 )
What exactly does “CSS looks like it’s taken straight from Dreamweaver” look like? CSS is CSS. I’m not sure how you could tell it apart. DW doesn’t add anything to hand-coded CSS.
Emil Stenström (605 comments) ( 11 Mar 2007 )
@Blather: Dreamweaver does not do smart CSS. It generates classes and absolute position them all until they are exactly where you’ve said they should be. That obviously does not work.