GitHub - DevGrow/Griddy: Griddy is a small JQuery plugin thats creates a simple, customizable overlay on top of any element. It can also calculate row heights and column widths automatically based on number of rows/columns and gutter space.

DevGrow / Griddy Public

Griddy is a small JQuery plugin thats creates a simple, customizable overlay on top of any element. It can also calculate row heights and column widths automatically based on number of rows/columns and gutter space.

devgrow.com/griddy-overlay/

7 stars 2 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 4 Commits
README		README
basic-styling.css		basic-styling.css
example.html		example.html
griddy.js		griddy.js

Repository files navigation

Plugin Name: Griddy
Author: Monjurul Dolon, http://mdolon.com/
More Information: http://devgrow.com/griddy-overlay

Griddy is a small JQuery plugin thats creates a simple, customizable
grid overlay on top of any element. It can also calculate row heights
and column widths automatically based on the number of rows/columns 
and gutter space. Initially the plugin was pretty limited and did only
what I needed to, however after deciding to make it public I added a 
few options, including:

    * rows (#, default = 10, use 0 to disable)
    * rowheight (px, default = 0 [auto])
    * rowgutter (px, default = 20)
    * columns (#, default = 4, use 0 to disable)
    * columnwidth (px, default = 0 [auto])
    * columngutter (px, default = 20)
    * color (hex, default = #ccc)
    * opacity (0-100, default = 30)

The plugin is released under GPL, MIT and BSD licenses - free for any use!