960 Grid System
This was shown to me by Tim Carter over at Pedrera as a way to streamline design into development and create efficiency between the two by using a simple system around both. Here’s a short description:
“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. The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.”
When used by both the design and development teams, it will lead to much more accurate positioning of objects on the page which should lead to faster turnaround times.
To get the 960 Grid files click here