Comments on: 9 CSS Ethics Every Designer Should Have

By: weboz.iam

weboz.iam — Mon, 13 Oct 2008 00:29:54 +0000

I agree with most of these, but this one about breaking stylesheets into few files I can’t agree. Just, when you’re doing a bigger website with few thousand visitors, it’s pretty much important not to make too many HTTP requests..

By: Dan Collins

Dan Collins — Thu, 10 Jul 2008 20:49:38 +0000

Great tips!
Thankyou very much!

By: Shine

Shine — Thu, 03 Jul 2008 08:09:20 +0000

Great article! Thank you

By: Eric Martin

Eric Martin — Wed, 02 Jul 2008 16:55:15 +0000

Nice article, thanks!

I’d never thought about doing #1 – seems like a good idea.

I switched to #3 a while ago and wouldn’t want to go back to putting every element on a separate line.

I used #4 for a work project and I have to say, I’m not a big fan. Mainly because it increases the number of server request and considering styles can bleed across functional uses, it can be difficult to organize correctly.

#8 is a good idea. I tend to group mine first by HTML elements (div, p, table, etc.) then according to the page layout.

By: nikos

nikos — Thu, 01 May 2008 14:09:23 +0000

For me the best rule is number 6. Due to my day job (SEO) I am checking lots of time checking on websites and so far I havent seen a CSS file using a comment with all the color’s values. Is a simple idea which can save a lot of time…

Thanks
Nikos

By: John Sinclair

John Sinclair — Tue, 22 Apr 2008 18:12:45 +0000

Item #3 — one line is easy to read if your text editor or CSS editor gives you syntax coloring. But if I’m browsing style sheets on the web it is harder to glance and understand.
Item #4 — multiple imported stylesheets are harder to maintain and I find I can lose track of cascades and inheritances.
Items #1 and #2 — I employ. The slight overhead associated with verbose commenting is outweighed by the maintainability. And I always assume someone else will someday work with my legacy code.
#9 — class names such as .floatLeft and .center are simple, obvious, and expedient. They are best used in tags, not divs, For example, Good article. A good dialog to start.