- 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
- Compass - Open source CSS Authoring Framework.
- Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
- Font Awesome - The iconic font designed for Bootstrap.
- Zurb Foundation - Framework for writing responsive web sites.
- SASS - CSS extension language which allows variables, mixins and rules nesting.
- Skeleton - Boilerplate for responsive, mobile-friendly development.
- IcoMoon - Tools for generating pixel-perfect icon fonts using SVG/PDF/Sprites.
- Scalable and Modular Architecture for CSS - Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows.
- CSS Property Index - All properties in an easy-to-digest form.
- 6 ways of vertically centering DIVs - Vertically centering DIVS in your html elements
- Repaint/Reflow Concepts - Learn the core concepts behind repaint/reflows and understand their difference.
- CSS Performant Web Pages - Common wrong CSS uses/abuses for making website slow in speed performance.
- Opera's Guide to minimizing large reflows/repaints - Opera's guide for better ways to minimize Reflow/Repaints
- Youtube clip on Repaint/Reflows - Google I/O talks on debugging CSS rendering and performance.