[deprecated] Masonry layouts without any frameworks
JavaScript CSS Shell
Latest commit 6898ca8 Aug 22, 2014 @desandro deprecation notice
Permalink
Failed to load latest commit information.
_layouts
_posts
css
js
.gitignore ignore _site Nov 7, 2011
.jshintrc unused: true in .jshintrc; tick version Feb 2, 2013
.tm_properties
README.mdown
_config.yml v1.0 use minified version Dec 6, 2011
component.json
index.html
masonry.js
masonry.min.js
minify.sh

README.mdown

Vanilla Masonry

This project is now deprecated. Masonry v3 supports vanilla JS, without requiring jQuery. Use it!


Masonry is a dynamic grid layout script. 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.

You might have heard of jQuery Masonry, this is the framework-free version.

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

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

Viewing this project locally

Via download

You can download a zip of all the flat HTML files from http://meta.metafizzy.co/files/vanilla-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/vanilla-masonry.git
cd masonry/
jekyll --server --auto

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


Copyright (c) 2011 David DeSandro