Skip to content
Newer
Older
100644 51 lines (32 sloc) 1.71 KB
39a8329 @kristianmandrup ready to rock
authored
1 jQuery Masonry
2 ==============
3
4 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.
5
6 This package has all the documentation and demos to get you started.
7
8 View this project live at [http://masonry.desandro.com](http://masonry.desandro.com).
9
10 ## Viewing this project locally
11
12
13 ### Via download
14
15 You can download a zip of all the flat HTML files from [http://meta.metafizzy.co/files/masonry-site.zip](http://meta.metafizzy.co/files/masonry-site.zip).
16
17 ### Via Jekyll
18
19 The documentation and demo pages are generated using [Jekyll](http://github.com/mojombo/jekyll/wiki). With Jekyll installed, you can clone this repo and run Jekyll from Terminal:
20
21 git clone https://github.com/desandro/masonry.git
22 cd masonry/
23 jekyll --server --auto
24
25 Then view the live site at [http://localhost:4000](http://localhost:4000).
26
27 ## Including Masonry as a submodule
28
29 The _module_ branch has just `jquery.masonry.js` and `jquery.masonry.min.js`, perfect for adding to your repo as a [submodule](http://dropshado.ws/post/20058825150/git-submodules).
30
31 ``` bash
32 git submodule add https://github.com/desandro/masonry.git
33 cd masonry/
34 git checkout module
35 git pull origin module
36 cd ../
37 git submodule update --init
38 ```
39
40 Then you can reference `masonry/jquery.masonry.min.js` within your own project.
41
42 To pull in the lastest version of the masonry submodule:
43
44 ``` bash
45 cd masonry/
46 git pull origin module
47 ```
48
49 * * *
50
51 Copyright (c) 2012 David DeSandro
Something went wrong with that request. Please try again.