Use the power of grid based designs to cre­ate a struc­tured and pro­fes­sional page lay­out in InDesign.

A Wikipedia entry that defines the Rule of Thirds and how it should be applied.

Have you ever sliced a lay­out, only for it not to be grid-aligned once it’s scripted?

An arti­cle by Garr Reynolds that explains the basic tech­nique of the Rule of Thirds and how it relates to the Golden Mean or Golden Section.

Quiet struc­ture is achieved when you de  –  empha­size the struc­tural ele­ments and bring a rhyth­mi­cal con­sis­tency to the layout.

Dis­cusses the steps taken when mea­sur­ing and cut­ting a comp layed over a grid and turn­ing that data into CSS.

An arti­cle on the Dev Opera site on how to imple­ment grids for the web through the use of CSS.

Effec­tive ways of get­ting cre­ative with your columns in grid-based Web design.

An arti­cle demon­strat­ing how the grid that was built for The Onion func­tions in practice.

A flex­i­ble CSS sys­tem by Jason Santa Maria for deal­ing with a vari­ety of images sizes by using mul­ti­ple CSS classes.

What do houses and well designed pages have in com­mon? They are both built on a frame­work  —  a care­fully mea­sured, solid struc­ture that forms a foun­da­tion on which to build.

Many of the pages that you see every­day have a grid. You may not see it but it is there, hold­ing up the design, estab­lish­ing struc­ture, guid­ing the page elements.