iCreativeLabs blog

grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner. Grid-based layouts have become really popular among web designers over the last year and some people who love website build a grid system, they are Khoi Vinh, Cameron Moll, Olav Bjørkøy, Brandon Schauer, Jeff Croft and Mark Boulton. below the site who talk about grid and column design.

960 Grid System

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. They give Zip contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML, you can download it there. thanks to Nathan Smith

GridFox - The Grid Layout Firefox Extension

Eric Puidokas, A web developer living in Santa Monica, California build AWESOME Grid Layout Firefox extension that you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around. you can see it some example and download gridfox.

Grid and Column Designs in web designer wall

you will see a nice collection of 32 column-based websites. These sites show how grid layout can be applied on various type of sites.

below you can see it iCreativeLabs design that use 960 Grid System, and maybe we will sharing the files into our Web Templates freebies :