960 Grid System, by Nathan Smith, “is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.” Why 960? 

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

The grid is divided into 12 and 16 columns, which can be used separately or in tandem. PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML are available for download here.

This flexible grid system and its supplied templates are handy for prototyping website designs and helps keep elements consistent and easier to code.

 

-Beverly

Advertisements