Ordering Disorder: Grid Principles for Web Design

November 11, 2010

Order­ing Dis­or­der is a book by Khoi Vinh that deliv­ers a defin­i­tive take on grids and the Web and pro­vides both the big ideas and tech­niques of grid-based design.

Tags: , ,

Grids: Recondite Structures of Design

November 11, 2010

Grids, along with visual hier­ar­chy, typog­ra­phy, color the­ory, rhythm, etc., are the basic foun­da­tions of design and yet they are widely ignored by the industry.

Tags: , , , , , ,

960px Grid Templates

November 11, 2010

A selec­tion of 960 pixel-wide uni­form grid tem­plates rang­ing from 3-columns to 16-columns, for both Adobe Pho­to­shop and Fireworks.

Tags: , , , , ,

Bon Graf Pads

November 11, 2010

A range of beau­ti­fully crafted grid lay­out pads printed on acid free 100gsm uncoated paper and made in Australia.

Tags: , ,

Raster Systems Tote Bag

November 11, 2010

Lovely orange and black tote bag fea­tur­ing a design that fea­tures a sim­ple grid system.

Tags: , , ,

Six Column Sandbox

November 11, 2010

A CSS grid frame­work that’s based on a base­line of 1.4x the para­graph text-size, 160px columns, with gut­ters of 20px.

Tags: , , , ,

Frak

November 11, 2010

Frak is a small fluid grid that sup­ports nested grids and comes in at under 1kb. It’s per­fect for fast web­site prototyping.

Tags: , , ,

1140px Fluid Grid System

November 11, 2010

A 12 col­umn, 1140px wide CSS frame­work that grace­fully scales for smaller screen sizes.

Tags: , , , ,