Comments on: Squeaky Clean CSS

By: michael

michael — Mon, 31 May 2010 10:51:57 +0000

great website… Good resources for learning,
That is very much helpful for us.
thanks for sharing it dear.
pmp training

By: ????????

???????? — Mon, 24 Aug 2009 15:55:00 +0000

???????? ???????????, ??????????????? ?????????????? ??, ???????????? ?????????????? ?????, ?????????? ???????????????? ??????????, ??????? ????????????.

By: Evan Mullins

Evan Mullins — Thu, 01 Nov 2007 19:45:15 +0000

This has come in handy! I have been using these tips to keep me squeaky clean! Thanks for the help, and I love Lightbox! Awesome work-

By: Washington

Washington — Wed, 04 Jul 2007 12:30:52 +0000

Fantastic website… Good resources for learning, easy to follow… Keep up the good work!!! Make your opinion about my resources :)

By: Niko

Niko — Mon, 02 Jul 2007 06:40:05 +0000

Speaking man to man in the graphic world, i must say: rockin’ suggestions!
And Lightbox is a joy… Many thanks for the awesome works!

By: Stormy

Stormy — Mon, 02 Jul 2007 04:34:45 +0000

If you really are concerned about doing good style sheet work, you should be focused more on “browser inclusion” than “squeeky clean” sheets. Whats more important…..that more users see your site in more agents or pretty style sheets?

The only item I liked in your list and found useful was the import list. But even thats a bit immature. You should consider revising that for different situations and sheets for different browers and versions. For example IE5, IE6, and IE7 are all different and have different CSS “bugs”, when you are using non-quirksmode layouts. Use the following types of imports to control which browsers get which fixes:

1. @import ‘/styles/styles.css’ – All but NS4 or earlier (PC/MAC), IE4 or earlier (PC), all IE (all MACs only) [use to target IE 5 PC]
2. @import “/styles/styles.css” – All but NS4 or earlier (PC/MAC), IE4 or earlier (MAC/PC) [use to target IE 5 PC/MAC]
3. @import url(/styles/styles.css) – All but NS4 or earlier (PC/MAC) [use to exclude NS4 PC/MAC]
4. @import url(‘/styles/styles.css’) – All but NS4 or earlier (PC/MAC), all IE (all MACs only) [use to target all IE's PC only]
5. @import url(“/styles/styles.css”) – All but NS4 or earlier (PC/MAC) [use to exclude NS4 PC/MAC]
6. @import “null?\”\{“;
@import “/styles/styles.css”; – All but NS4 or earlier (PC/MAC), IE4 or earlier (MAC/PC), IE 5 (PC only) [use to target IE 5 MAC]
7. @media all{(open comment) rules (close comment)} – All but NS4 or earlier (PC/MAC), IE4 or earlier (PC), all IE (all MACs only), special browsers on new MAC OSX [use to target IE 5 PC]

If you want to learn more about CSS fixes and “hacks” for fixing browser CSS bugs, come check oput my site: http://www.stormdetector.com

Ive got the first Internet Explorer 7 CSS hack that allows you to target IE 7 and many others.

By: john smith

john smith — Fri, 29 Jun 2007 17:39:21 +0000

nice one! love lightbox btw cheers for ur hard work

By: Sean Donovan

Sean Donovan — Fri, 08 Jun 2007 18:30:09 +0000

Thanks for this article… Very useful!

By: Linkexchanger

Linkexchanger — Tue, 01 May 2007 20:09:49 +0000

Hi,

Thanks for you hints. Do you like to exchange links with us.
My website is:

http://kredite.projekt-opsio.de/

Please mail me.

By: Nathaniel

Nathaniel — Fri, 20 Apr 2007 14:33:29 +0000

Great tips, I’ve been looking for some simple guidelines for coding clean CSS for a while.

And thanks for the design, I’m currently using the Qwilm theme on my wordpress blog at http://endemoniada.org