Open Source jQuery Layout Plugin – jQuery Masonry

jQuery Masonry is a open source layout plugin for jQuery. This Free jQuery layout plugin rearranges elements to a grid.

open-source-jquery-layout-plugin-jquery-masonry

Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

This Free jQuery Plugin measures the height of the elements when placing them, you will need to account for images that haven’t loaded. The best method is to specify the width and height of images inline.

Website: http://desandro.com/resources/jquery-masonry

Demo: http://desandro.com/demo/masonry/basic.html

Posted on: February 8, 2010 as Javascript, Open Source, Scripts
No Comments
Share/Save/Bookmark

Related Posts


Leave a Reply

Comment moderation is enabled, no need to resubmit any comments posted.