4 ms·
I've started using the 960.gs grid system to design sites and it allowed me to reuse more style sheet code therefore reducing the total lines of css. The 960.g
by proee 17y ago
I've started using the 960.gs grid system to design sites and it allowed me to reuse more style sheet code therefore reducing the total lines of css.
The 960.gs helps me keep my css clean because I'm able to establish the bulk of the site design using predefined grid classes as opposed to custom defined classes which are tightly coupled to a particular layout.
- antidaily 17y agoYes! I'm a huge fan of 960.gs and also Blueprint. Both allow me to focus on aesthetics as opposed to, say, how to make a 4 column layout work in IE6. It's probably cut the time it takes me to layout a page design in half. This may not be as popular but I also started writing my styles on a single line (eg #header {height: 100px; background: silver; padding: 0 0 20px 0;}). I've found it much easier to scroll through my stylesheets and find the classes I'm looking for.
- proee 17y agoYes, I'm a big fan now of throwing all my css for a class or id in a single line. The same dang rules are in all the classes or ids, so it's not that big of a deal to look across the line and quickly modify say the height. This reduces the number of lines in your css file by a factor of 5x.
- chewbranca 17y agoI like 960.gs a lot. I've also used both YUI grids and blueprint with compass which are also great. To the OP, any combination of a grid system with Sass will make CSS much more of a pleasure to work with. I would recommend using code folding over single line CSS which can easily get cluttered. By using cold folding you get the benefit of having one line per style, but you can jump down into a particular declaration and still have the readability of multiline styles.
- mlLK 17y ago+1 for you for using grids. Nowadays I try to design everything for YUI's base CSS library (reset-fonts-grids).