- by Judd Lyon
- Mar 1, 2009
- Filed in: Web design & development
Until recently, grid systems have been the domain of print designers. Now they're all the rage in web design, with new CSS frameworks popping up left and right. Nathan Smith's 960 Grid System caught on quickly and deservedly so, it's a great prototyping tool; clean enough to pull off for production if you wish.
From the 960 Grid System website:
“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.”
Since I'm not keen on math and prefer to just write my IDs/classes on the fly, I made a simple graphic of a 960 pixel grid broken down into smaller units. I've found it useful on a number of recent projects and thought I'd share.
Preview (click on the image for the full view):
About the author
Judd Lyon is the Principal of TRIF3CTA, a web design and Internet marketing company in Austin, Texas.
Comments
There are no comments for this entry.
