Posts Tagged ‘tips’

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).

Read the rest of this entry »

Premium Wordpress Plugin