October 16th, 2010
Jason vs. Semantic CSS – establishing a visual outline in your stylesheet
Reading time: 1 – 2 minutes
Before we begin, let me say that the delivered stylesheet should be minified and free of excess spaces, tabs, semicolons and lengths of 0px instead of “0″, using tools like the YUI compressor or the CSS Drive Online CSS Compression Utility.
I have read and been part of many discussions about the format of a CSS document. I happen to prefer to keep my declarations on one line, alphabetized. I also like to keep the entire ruleset on one line, unless the ruleset is too long (I know, that’s subjective, but it is my blog).
Recently, though, I’ve had to work on some interesting and complex designs. As the DOM depth grew, I found myself getting lost in my own HTML. The solution, for me, was a simple one, both easy to implement and easy to back out of (especially when using the tools listed above).

