Solution Log | Antonio David - NVNCBL » indent http://www.nvncbl.com A place to log my programming solutions for future reference Mon, 17 May 2010 21:39:17 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 CSS Neatness Technique http://www.nvncbl.com/2009/01/css-neatness-technique/ http://www.nvncbl.com/2009/01/css-neatness-technique/#comments Sun, 04 Jan 2009 20:39:30 +0000 Antonio http://www.nvncbl.com/?p=150 css-neatness-technique_0.jpg We’ve all seen long and unmanageable CSS files, sometimes hundreds or even thousands of lines long.  Finding the exact declaration you’re looking for can be a royal pain in the arse.  It’s worse when style declarations for a particular element can be found more than once in a file, such as when the coder wants to separate structural styling from say typography styling.

The technique is simply to:

“Indent the CSS code in the same way corresponding elements are structurally indented in the HTML.”

“How amazing”, I thought, as the idea of indenting CSS declarations never occurred to me.  And yes, please keep structural and typography styling together in the same declaration.

I haven’t coded anything using this method yet (I only learnt of it today!), but I think it will make my CSS coding exponentially more manageable.  If you have your own special way of organizing CSS files, do tell.  I’m sure we’d all like to hear it.  For now, indenting seems to be the way to go.

Image credit: http://www.dryicons.com

]]> http://www.nvncbl.com/2009/01/css-neatness-technique/feed/ 3