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

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>