What Is It?
The grid is a useful tool for web developers to streamline production processes and create a uniform, organized website. It is similar to a patchwork quilt, where the stitches act like columns and the patches are like content.
My prototype for a 14-column, 1428 pixel grid is inspired by Nathan Smith's 960 Grid System. A link to his original page can be found here.
To see an illustrated example, go to Sampler.
How Does It Work?
The grid uses a system of pre-defined widths to create spaces for content to exist. The size of the page is defined first, then the page is divided into columns with corresponding grid numbers.
The system might sound strange in writing, but it makes logical sense when the code is presented. Additions such as "Alpha" and "Omega" are used to make content flush with a column, and the "Push" and "Pull" functions move content to the left or right.
