Comments on: CSS Comments for Beginners

By: Robin Wood

Robin Wood — Wed, 04 Nov 2009 21:52:08 +0000

There is a good article on formatting CSS at CSS-Tricks. The discussion is very good.

By: David Hucklesby

David Hucklesby — Mon, 02 Nov 2009 22:35:23 +0000

You said “I wasn’t giving tips on organizing” (CSS). I know– I was just showing off.
Adding lots of meaningful comments is highly recommended. But it can lead to large files. Software exists to compress CSS files. Dynamic CSS also lets you use “CSS variables’. i haven’t tried it yet, but it seems a great idea…

By: Robin Wood

Robin Wood — Mon, 02 Nov 2009 19:57:12 +0000

Yes, I agree. I wasn’t giving tips on organizing, just noting the importance of commenting each major section. I think CSS organization deserves its own post.

Here is an article on that topic that I came across last week 5 rules to write more readable CSS files. Good article and comments.

By: David Hucklesby

David Hucklesby — Sat, 31 Oct 2009 05:35:30 +0000

There are other ways of organizing styles, of course. I begin with basic styling of elements: font-size, margins, padding; styling of major structural elements comes next; at the end I do the decorating – colors, backgrounds, etc.

I guess it does not matter what kind of organization you use, as long as you do follow some logical order so you can find your place easily when you come back to the code months later.

My understanding of the “overflow” trick is to use any value _except_ visible. “auto” usually works, but may produce scroll bars in some browsers. “hidden” works well, although you may have to reset this for IE 6. “overflow” won’t work for IE 6 or 7 – give a width or height to those browsers (min-height to IE 7).

Good article. Thanks.