Alternative layout strategy for jQuery Masonry
Keeps the items in original order

← View docs and demos
Before: Masonry
1
2
3
4
5
6
7
8
9
10
11
12
13
After: Ordered
1
2
3
4
5
6
7
8
9
10
11
12
13

What?

David DeSandro's jQuery Masonry loops through the items and places each as close to the top as possible.

JQuery Masonry Ordered tries to preserve the previous/next relationship of the elements in the sequence.

Is there a tradeoff?

Yes, Masonry Ordered usually takes up visibly more vertical space.
jQuery Masonry Ordered by Vit ‘tasuki’ Brunner