This document discusses CSS frameworks and introduces the Blueprint CSS framework. CSS frameworks provide predefined code to simplify and speed up website development. Blueprint is an optimal framework for browser compatibility and speedy development. It contains useful features like a grid system and printing stylesheets. While the source code can be bloated and lack freedom, Blueprint is a clean, well-structured framework used by many sites. A generator tool allows customizing Blueprint's grid columns.

1. 7 Dec 2010Blueprint CSS Frameworkby Ashley HauEngaging Your Customers Online

2. What are CSS Frameworks?

3. Tool to Aid Web DevelopmentCSS frameworks are meant to speed up and simplify the development of complex websites.

4. Reusable CodeThese frameworks contain predefined libraries of code that contain a ton of options for you to use in your HTML.

5. Example of ConvenienceFor instance, grid-based frameworks usually contain several classes that are a set number of pixels wide to make it easy to create multi-columned layouts.

6. Popular CSS Frameworks Blueprint CSS (http://www.blueprintcss.org)

7. Elements (http://elements.projectdesigns.org)

8. YUI 2: Grids CSS (http://developer.yahoo.com/yui/grids)

9. Logic CSS (http://code.google.com/p/logicss)

10. Elastic CSS (http://elasticss.com)Introducing Our Favorite FrameworkBlueprint cuts down development time with:an easy-to-use grid system

11. sensible typography

12. useful plugins (including stylesheet for printing)What we like about the Blueprint CSS Framework Optimal browser-compatibility

13. Speedy development

14. Consistency

15. Normalize code/class base