Comments on: Organize Your CSS, Organize Your Life http://www.zorked.com/css/organize-your-css-organize-your-life/ Progressive Web Development Wed, 03 Mar 2010 14:50:14 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: jordan http://www.zorked.com/css/organize-your-css-organize-your-life/#comment-1593 jordan Thu, 11 Dec 2008 19:57:30 +0000 http://www.zorked.com/css/organize-your-css-organize-your-life/#comment-1593 Andrei, you make good points. I primarily intended this to be for large corporate sites, where one might be overwhelmed with 20-30kb CSS files. Tracking up and down to find an errant style can be a killer. If you are working on a small or extremely consistent site, then yes, you would probably only want to use a single file per media type. I tend to work in layers when writing CSS: layout, then fonts, then colors. This helps me see problems that are related to the box model or to cross-browser font rendering. This is a main reason why I have things organized into several files; the secondary is so that I can swap typography or color schemes at will, rather than having to sort out layout, color, and typography. Thanks for the comment! Andrei, you make good points. I primarily intended this to be for large corporate sites, where one might be overwhelmed with 20-30kb CSS files. Tracking up and down to find an errant style can be a killer.

If you are working on a small or extremely consistent site, then yes, you would probably only want to use a single file per media type.

I tend to work in layers when writing CSS: layout, then fonts, then colors. This helps me see problems that are related to the box model or to cross-browser font rendering. This is a main reason why I have things organized into several files; the secondary is so that I can swap typography or color schemes at will, rather than having to sort out layout, color, and typography.

Thanks for the comment!

]]> By: Andrei Eftimie http://www.zorked.com/css/organize-your-css-organize-your-life/#comment-1569 Andrei Eftimie Thu, 11 Dec 2008 09:11:46 +0000 http://www.zorked.com/css/organize-your-css-organize-your-life/#comment-1569 I know this is an <em>old</em> article, but don't you find it <strong>harder</strong> to sort through a bunch of css files instead of having just 1? (more for different media types are ok) Lets say you need to modify the #header. You will need to go to /color/ to change the color, then you will need to go to typography to change the font-size, and the you will need to go to base (or common) to change the margins / paddings. It would be <strong>much</strong> quicker if all #header information would be in the same place, not spread across different rules, or even different files. I know this is an old article, but don't you find it harder to sort through a bunch of css files instead of having just 1? (more for different media types are ok)

Lets say you need to modify the #header. You will need to go to /color/ to change the color, then you will need to go to typography to change the font-size, and the you will need to go to base (or common) to change the margins / paddings.

It would be much quicker if all #header information would be in the same place, not spread across different rules, or even different files.

]]>