Griddy: Fast and Simple Grid Overlay Plugin for JQuery

Griddy is a simple JQuery plugin that overlays a customizable grid over any element. The current options and defaults are:

$('.element').griddy(
	rows: 10,
	rowheight: 0,
	rowgutter: 20,
	columns: 4,
	columnheight: 0,
	columngutter: 20,
	color: '#ccc', 
	opacity: 30
	}
		
Use the default 0 for rowheight or columnheight to make Griddy calculate the column width and row height automatically.

Dummy Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dapibus nisi a justo dictum cursus. Phasellus velit est, pulvinar quis varius nec, tincidunt ut nulla. Nam mi sem, posuere ut tempor eget, rhoncus vitae massa. Aenean ultrices sodales nisl ut fermentum. Duis non lorem metus. Mauris at metus risus. Nulla est tortor, iaculis eu accumsan eu, convallis et risus. Duis leo dolor, porta sit amet fringilla eget, commodo vel lorem. Nam metus libero, tristique a volutpat in, egestas in nisi. Duis vulputate venenatis sapien nec vulputate.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.

Vivamus ullamcorper dapibus massa egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum hendrerit viverra. Pellentesque eu gravida orci. Quisque suscipit dolor non eros porttitor sodales. Cras ultrices, tortor et rutrum blandit, libero est venenatis risus, porta commodo mauris nunc a odio. Curabitur porttitor velit quis quam mattis egestas. Pellentesque aliquam sollicitudin est ac tempor. Vestibulum eleifend leo sed justo laoreet iaculis fermentum id justo.