Beside the Blueprint Css framework, 960 Grid System is also the powerful Css framework. The 960 Grid System was created by Nathan Smith as a way to streamline web development workflow by providing the most commonly used dimensions. It is absolutely based on a width of 960 pixels, this might be the disadvantage for those development who want to built the website with more that 960 pixels of width.

The 960 Grid System was primarily developed for rapid prototyping, cutting down on repetitive and tedious tasks but it is also more than suited to be used for any web design project. In this post, you will probably find the tutorials, a showcase of sites designed using the 960 Grid System.

960 Grid System Tutorials
Learn the Basics
This is the most basic tutorial to get you started with 960 Css framework. You are taken through the basics of loading the framework, so you can start developing a simple webpage with 960 Grid System in the fast way.

Working with 960 Grid System
This tutorials that takes you through the basics of installing the 960 Grid System.

Detailed Look at the 960 Css Framework
This is the opportunity to spend some time with 960 Grid System, you will be amazed at how much time can saved when you are developing your web projects using the 960 Grid System.

Design and Aesthetic Benefits
It is regardless of whether you use css grids for prototyping or production systems, there are multiple aesthetic and design benefits.
1. Visual design cohesion between page elements.
2. Uniformity and consistency in HTML element placement, thereby reducing Css coding errors.
3. Easier to apply the “rule of thirds” and the “golden section” to design, which results in a visually appealing layout to most human eyes.
4. Mostly eliminates the need to use nested HTML tables.
5. Nested sub-grids for very complex designs that are relatively simple to produce.
6. Easier to apply images and text calla outs to produce asymmetric layout for visual texture.
7. Cross-browser support, so less screaming and hair pulling when you get around to testing for that bane of designers.
8. Reduced effort for producing slicker web page layouts, compared to coding the necessary Css from scratch.
9. Reduced future effort if you need to reposition elements or change rendering characteristics for related elements.
10. Unable with static page and CMSes/ blog platforms.
11. Enables the popular use of creating “magazine” and premium themes for blog platforms.

Fluid 960 Grid System
An example of the 960 Grid System. It has built with a library of commonly used HTML elements, combining these with Css for typography and layout, and adding some basic effects from popular Javascript libraries. For example, there are three templates, which are 960 pixels width, 12 column fluid width or 16 column fluid width.

Enjoy using this Css framework for your web development.