The Grid System

960 Grid System Photoshop Action

Antonio Carusone — Mon, 23 Aug 2010 20:52:43 +0000

These actions will create a Photoshop document ideal for laying websites out in 12, 10, 8, 6 and 4 columns.

iPhone Grid System

Antonio Carusone — Mon, 23 Aug 2010 20:51:53 +0000

A 12:8 (480:320) modular grid system for the iPhone, with the unit of 40px and the gutter of 5px.

30 Grid-Based WordPress Themes

Antonio Carusone — Mon, 23 Aug 2010 20:50:14 +0000

In this article we have 30 WordPress themes have been developed using a popular CSS Grid Frameworks such as the 960.gs, Blueprint, YUI2 and The Golden Grid.

Design & Build a Grid Based Web Design with CSS

Antonio Carusone — Mon, 23 Aug 2010 20:49:16 +0000

Step by step walkthrough of the design and build process of a grid based WordPress theme. From the initial Photoshop concept, through development.

Forum is back up!

Antonio Carusone — Fri, 07 May 2010 15:03:43 +0000

Sorry for the downtime on the forums. They’re back up now.

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

Antonio Carusone — Wed, 03 Mar 2010 03:08:40 +0000

A tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.

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.

Applying Mathematics to Web Design

Antonio Carusone — Wed, 03 Mar 2010 03:00:47 +0000

Because of its beautiful nature, mathematics has been a part of art and architectural design for ages. But it has not been exploited much for website design.

Mystery of Golden Ratio Explained

Antonio Carusone — Wed, 03 Mar 2010 02:59:06 +0000

The Egyptians supposedly used it to guide the construction the Pyramids. The architecture of ancient Athens is thought to have been based on it.

Buy Slammer = Help Haiti

Antonio Carusone — Wed, 20 Jan 2010 21:12:07 +0000

The grid-generating app Slammer is part of the Indie+Relief initiative. Buy it and all proceeds from today (01/20) will be donated to Haiti.

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.