Scalable and Modular Architecture for CSS“SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS”
It’s by Jonathan Snook. Just buy it.
2011 in review: 20 CSS sites that rocked! | Feature | .net magazine“2011 was packed with media queries, standards-based animations and selectors, but what were the best CSS sites of the year?”
An Introduction To Object Oriented CSS (OOCSS) – Smashing Coding | Smashing Coding“the concept of object oriented CSS and how it can help improve both the performance and maintainability of your Web pages.”
On HTML and CSS best practices — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
On HTML and CSS best practices — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts“Best practices are exactly that; best. Not ‘better’, not ‘good when…’ or ‘best if…’, just best. They’re always the best, no matter what.”
Nice thread on best practise vs time constraints.
Opera Dragonfly – Style profiler preview“CSS selector matching is often neglected when it comes to performance of web documents and applications. For small documents, the performance impact is negligible, but for documents with a large DOM (like the Opera Dragonfly application itself), a single “bad” selector can have a serious impact.”
Formatting vendor-prefixed CSS · Deep Thoughts by Mark Otto“A little bit of guidance on code formatting goes a long way for your own sanity, and those of your peers.”
Understanding CSS’s vertical-align Property | Impressive Webs“Vertical-align isn’t working!” cried the web developer.”