A simple CSS framework for designers and developers, based on 35 equal-width columns.
An article outlining the re-design of ICMA’s quarterly publication and its grid.
A columns, rows and midpoints panel for Photoshop CS4 & CS5.
A selection of 960 pixel-wide uniform grid templates ranging from 3-columns to 16-columns, for both Adobe Photoshop and Fireworks.
When I first crossed the great divide from print to web, one of the earliest things I tried to do was introduce a flexible multi-column grid (you know, like a magazine).
People, including myself are building sites using grids. Now it seems to me that when you’re designing in a browser you want to be able to follow the grid’s principals all the way through the process.
A jQuery based fluid grid system template based on Nathan Smith’s 960 Grid System. Allows multiple layouts including 12 or 16 fluid columns and 12 or 16 fixed columns.
I wanted to try and give some insight on how I created Version Four using a grid, and how I went from wireframes to the finished website you see here.
An on-line companion to the book Thinking with Type by Ellen Lupton that contains a section on single-column, multi-column and modular grids.
There is practically no (or very little) documentation about this problem on the web or in many typography or grid design books.
A free 4 Column Photoshop grid template for a 1024×768 screen resolution by Ray Gulick.
Article on Mezzoblue exploring the different column options for grid based designs.
A simple tool that calculates the overall width of your grid by setting the font size, number of columns, column width and gutter width.
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.
Effective ways of getting creative with your columns in grid-based Web design.
An online tool where you can specify the width, columns, gutter and baseline of your grid and then save it locally in JPG format.
An article demonstrating how the grid that was built for The Onion functions in practice.
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.