Unobtrusive masonry for http://masonry.desandro.com/.

html.html

<div class="masonry" data-masonry-element="widget" data-masonry-gutter=20>
  <!-- ... -->
</div>

js.js

$(function() {
  $('.masonry').each(function(index, container) {
    container = $(container);

    isFitWidth   = container.data("masonry-fit-width");
    itemSelector = container.data("masonry-element");
    gutter       = container.data("masonry-gutter");

    container.masonry({
      itemSelector: "." + itemSelector,
      "isFitWidth": isFitWidth ? true : false,
      "gutter": gutter ? gutter : 0,
    });
  });
});