The Grid System » Tools

Golden Grid System

Antonio Carusone — Mon, 05 Mar 2012 04:04:44 +0000

A folding grid for responsive design.

Fluid Baseline Grid System

Antonio Carusone — Mon, 05 Mar 2012 04:02:19 +0000

An HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.

The Square Grid

Antonio Carusone — Mon, 05 Mar 2012 04:00:52 +0000

A simple CSS framework for designers and developers, based on 35 equal-width columns.

Gridbooks

Antonio Carusone — Wed, 02 Nov 2011 18:14:18 +0000

A collection of books and pads featuring grids for web design and online campaign development.

phiRatio Proportions Calculator

Antonio Carusone — Wed, 02 Nov 2011 18:12:43 +0000

phiRatio is an iOS tool to calculate different types of proportions. Not only calculates golden proportions, it also calculates 4:3, 16:9 and 3:2 ratios.

Fluid Baseline Grid

Antonio Carusone — Wed, 02 Nov 2011 18:09:48 +0000

The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.

GuideGuide

Antonio Carusone — Sun, 06 Feb 2011 16:45:04 +0000

A columns, rows and midpoints panel for Photoshop CS4 & CS5.

Modular Grid Pattern

Antonio Carusone — Sun, 06 Feb 2011 16:43:50 +0000

A web app and Photoshop extension that aids in creating modular grid systems.

Six Column Sandbox

Antonio Carusone — Thu, 11 Nov 2010 16:29:06 +0000

A CSS grid framework that’s based on a baseline of 1.4x the paragraph text-size, 160px columns, with gutters of 20px.

Frak

Antonio Carusone — Thu, 11 Nov 2010 16:26:31 +0000

Frak is a small fluid grid that supports nested grids and comes in at under 1kb. It’s perfect for fast website prototyping.

1140px Fluid Grid System

Antonio Carusone — Thu, 11 Nov 2010 16:24:34 +0000

A 12 column, 1140px wide CSS framework that gracefully scales for smaller screen sizes.

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.

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.

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.

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.

Atrise Golden Section

Antonio Carusone — Thu, 05 Nov 2009 03:56:45 +0000

Atrise Golden Section allows you to design using the golden section proportion visually over your preferred design software.