Grid Calculator

March 11, 2009

A simple tool that calculates the overall width of your grid by setting the font size, number of columns, column width and gutter width.

Tags: , ,

The Complex Grid

January 9, 2009

Creating a complex grid system that allows for a layout to be divided into 2, 3, 4, and 6 columns and that’s based on Karl Gerstner’s grid for CAPITAL magazine.

Tags: , , , ,

Six Creative Column Techniques

January 5, 2009

Effective ways of getting creative with your columns in grid-based Web design.

Tags: , , , ,

Gridmaker

December 23, 2008

An online tool where you can specify the width, columns, gutter and baseline of your grid and then save it locally in JPG format.

Tags: , , ,

The Funniest Grid You Ever Saw

December 16, 2008

An article demonstrating how the grid that was built for The Onion functions in practice.

Tags: , , , , ,

960 Grid System

December 4, 2008

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.

Tags: , , ,