TypoGridder version 0.2 last updated: 04/12/2007

What the hell is that?

Just a few days ago I cam across a
presentation about grids in webdesign by Khoi Vinh.
The results look very good and for a hobby designer like me -- let's say a complete layman when it
comes to designing -- this kind of background information is more than just helpful.

What the TypoGridder does

To get to the heart of it: a baseline grid is added.

You initialize the TypoGridder and it automatically gets the lineheight of an element (by default
<p> but you can choose any jQuery selector).
Then it queries a little PHP script which creates a very simple image which is used for tiling.

The result is an opaque layer with a tiling baseline grid.

Setup

Include

While developing a website you might want to enable the TypoGridder on every page impression. This is how
you do that: