Skip to content
forked from desandro/masonry

Layout elements in a grid, like a mason fitting stones in a wall

Notifications You must be signed in to change notification settings

Slind14/masonry

 
 

Repository files navigation

jQuery Masonry

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

This package has all the documentation and demos to get you started.

View this project live at http://masonry.desandro.com.

Bower

If you are cool with the command line, install jQuery Masonry as a Bower package:

bower install jquery-masonry

Viewing this project locally

Via download

You can download a zip of all the flat HTML files from http://meta.metafizzy.co/files/masonry-site.zip.

Via Jekyll

The documentation and demo pages are generated using Jekyll. With Jekyll installed, you can clone this repo and run Jekyll from Terminal:

git clone https://github.com/desandro/masonry.git
cd masonry/
jekyll --server --auto

Then view the live site at http://localhost:4000.


Copyright (c) 2012 David DeSandro

About

Layout elements in a grid, like a mason fitting stones in a wall

Resources

Stars

Watchers

Forks

Packages

No packages published