Tools

960 Grid System

The 960 Grid System is 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.


2009-06-11_2003

In an effort to help developers and designers adopt this win-for-all approach to layout, Andrée Hansson has created the 960 Gridder browser overlay which can be triggered through a simple link in the browser.

2009-06-11_2005

Activating the 960 Gridder on this blog eventually looks like this, revealing that I have a small breakage of the 960 Grid system…

2009-06-11_2009

Please make a note of the control panel in the left side which allows for simple tweaking of the grid overlay… really really cool stuff.

Check it out…
960 Grid System
960 Gridder

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s