Architecture for CSS

Grid System

• The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.

• Gridpak The Responsive grid generator

• GuideGuide for Photoshop I give you GuideGuide: a columns, rows and midpoints panel for Photoshop CS4 & CS5

Object-Oriented CSS

How do you scale CSS for thousands of pages? Object Oriented CSS is an answer. It's an approach for writing CSS that's fast, maintainable, and standards-based. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites. Source: OOCSS

• OOCSS Wiki
• OOCSS Group
• OOCSS SlideShare
• OOCSS for Javascript
• OOCSS Test Performance

Misc.

• SMACSS Scalable and Modular Architecture for CSS. An evolving guide to CSS architecture for sites small and large.

• Taking control of the cascade

• Isobar This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US.

• BEM is an approach to front-end development designed with flexibility and ease of modification in mind.