The Grid System » grid system

Sushi & Robots

Antonio Carusone — Fri, 07 May 2010 14:48:15 +0000

Beautifully personal portfolio by Jina Bolton that reveals the site grid and baseline grid.

Bisgrafic

Antonio Carusone — Fri, 07 May 2010 14:45:55 +0000

Lovely grid site design by Barcelona based Bisgrafic.

Long Live the 12-Column Grid

Antonio Carusone — Fri, 07 May 2010 14:44:14 +0000

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).

Web Design with Grids

Antonio Carusone — Fri, 07 May 2010 14:42:30 +0000

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.

Fluid Grid

Antonio Carusone — Fri, 07 May 2010 14:33:53 +0000

A web grid system that allows designers to use the screen real estate on large monitors and retain great design on smaller ones.

Griddy

Antonio Carusone — Fri, 07 May 2010 14:31:18 +0000

A small JQuery plugin thats creates a simple, customizable overlay on top of any element.

Grid Based Designs

Antonio Carusone — Wed, 03 Mar 2010 03:07:24 +0000

A gallery showcasing some of the world’s best websites designed based on a grid.

The Golden Grid Template

Antonio Carusone — Wed, 03 Mar 2010 03:05:29 +0000

A PSD template based on the CSS framework The Golden Grid by Vladimir Carrer.

Eternal Network

Antonio Carusone — Wed, 06 Jan 2010 15:42:34 +0000

Lovely minimal grid based site design that’s reminiscent of old computer paper.

Fluid 960 Grid System

Antonio Carusone — Wed, 06 Jan 2010 15:40:55 +0000

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.

Masonry

Antonio Carusone — Wed, 06 Jan 2010 15:36:49 +0000

Masonry is a layout plugin for jQuery that arranges elements vertically then horizontally according to a grid.

Limited Edition 2010 Letterpress Calendar

Antonio Carusone — Mon, 21 Dec 2009 16:46:11 +0000

Grid-based limited edition letterpress calendar set in Helvetica.

Myths & Misconceptions About Grid Systems

Antonio Carusone — Mon, 30 Nov 2009 05:56:00 +0000

A few myths and misconceptions about grids exist in the design community that can be detrimental.

Slammer 1.0

Antonio Carusone — Mon, 23 Nov 2009 04:00:05 +0000

A new, robust version of Slammer that superimposes a customizable grid over any window.

Create a Grid Based Resume

Antonio Carusone — Mon, 23 Nov 2009 03:52:08 +0000

Use the power of grid based designs to create a structured and professional page layout in InDesign.

Basic Maths Wordpress Theme

Antonio Carusone — Mon, 23 Nov 2009 03:50:15 +0000

Basic Maths is an elegant grid-based Wordpress theme by Khoi Vinh and Allan Cole that features color-scheme control and supports microformats.

Neutica+

Antonio Carusone — Thu, 05 Nov 2009 04:01:54 +0000

Neutica+ is a Wordpress theme that features a strict, grid based design mixed with clean typography.

Grid-based Layout

Antonio Carusone — Thu, 05 Nov 2009 03:59:26 +0000

A grid is a technique that comes from print design but easily be applied to web design as well. In its strictest form a grid is literally a grid of X by Y pixels.

Designing for the Web

Antonio Carusone — Thu, 08 Oct 2009 18:56:30 +0000

A Practical Guide to Designing for the Web has written explanations of the core principles of graphic design in relation to the web.

Evo4 CMS Wordpress Theme

Antonio Carusone — Thu, 08 Oct 2009 18:46:22 +0000

A Wordpress theme based on a 4-column grid system.