Simple Grid

Simple Grid is a jQuery plugin intended to be a no-fuss way to "replicate" your Photoshop grid on top of your development site.

Set these 3 variables to get started:

1. rowHeight
   This is your line-height (most of the time)
2. columnWidth
   This is your column width - it's BEST to use a number that divides the gridWidth evenly!!
3. gridWidth
   This is the width of the area being gridded

Example

$.simpleGrid({
  rowHeight: 20,
  columnWidth: 30,
  gridWidth: 960
});