Barry Frost

This is Barry Frost’s personal website.

Tagged #grid


Creates CSS to implement CSS Grids.

iOS Sketchpad

Grids for sketching out the different resolutions for iOS apps.

The Goldilocks Approach to Responsive Web Design

Golden Grid System

Proportional columns, gutters and a baseline grid.

Less Framework 2

CSS framework with baseline grids, media-queries and boilerplate code

Grid backgrounds for iPhone

A new global visual language for the BBC's digital services

New look coming soon, plus a history of previous designs

Highcharts - Interactive JavaScript charts for your webpage

Is it time to move beyond 960? ~ Authentic Boredom

Cameron’s analysis suggests it is, although a sub-1024 size is still best


Mac grid overlay app

Fluid 960 Grid System

Fluid/fixed 12 and 16 column layouts with example elements that scale magically

Grid Designer 2

Enter widths, gutters and/or number of columns and this tool will work out the dimensions you need to use. It can also export CSS for the layout and also typography, aligned to a baseline grid

The Grid System

Resources and tools for grid-based designs. Good example itself: horizontal and vertical grid alignment with a grid overlay toggler

School of Visual Arts — MFA in Interaction Design

(As you’d expect from Airbag) an attractive, well-designed grid layout. Great whitespace and balance

Scannability Equals Profit

Helping people scan-read a page through columns, grids and whitespace

Go to Hell-vetica

The Apple and Adobe versions of Helvetica Neue Light are completely different

Flexigrid for jQuery

Resizable/sortable grid component for jQuery

960 Grid System

12 or 16 column grids with templates for Fireworks, OmniGraffle, etc.


jQuery table plugin - sorting, column-resizing etc. Can build table using Ajax and JSON


Overlay grid guides in Firefox