inoui / Perfect-Masonry

A way of created a perfect grid using javascript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

##Perfect Masonry NOTE! Perfect-Masonry has been turned into a jQuery plugin and can be found here - https://github.com/DrewDahlman/Mason

A way to detect missing gaps in a grid of elements and fill in those gaps to create a perfect fluid grid.

View DEMO

Read a blog post

##HOW TO USE var _GRID = new MASON( '#parent_element', "#container_element", ".selector_element", 1.5, // ratio [ [2,2], [3,1], [2,1], [1,1] ] )

Be sure all of your elements are floated left.

##TODO On some screen sizes there appears to be a slight shift of 1 - 6px on filler elements after resize, need to fix that.

About

A way of created a perfect grid using javascript