Q:

How to do a Pinterest-like UI layout in Meteor? (Edited, anyone use Cast.js?)

Very new to webdev here, but trying my hand at Meteor!  I'd like to create a collection that contains some text, a link, and an image and show each item in the collection in a grid-type layout similar to Pinterest. 
I have found some resources, such as Meteor-isotope (https://github.com/digioak/meteor-isotope), cast.js (http://blog.benmcmahen.com/post/45711238911/create-beautiful-grid-layouts-with-cast-js) and even maybe using twitter bootstrap's own grid system?
Is there a recommended approach to a gridview with Meteor?  Thank you.

A:

Masonry works nicely for me (here's my app). Simply add it to your project. 
meteor add sjors:meteor-masonry

In order to make rendering work correctlly with images, you'll also need to add the imagesLoaded library.
meteor add mrt:jquery-imagesloaded

Here's an example on how to use it in your code:
result.html
<template name="resultPage">
  <div id="result-container">
    {{#each posts}}
      {{> post}}
    {{/each}}
  </div>
</template>

<template name="post">
  <div class="result-item">
    <a href="{{url}}" target="_blank">
      <img src="{{url}}">
    </a>
    <div class="author">
      Submitted by: <strong>{{author}}</strong>
    </div>
  </div>
</template>

result.js
Template.resultPage.rendered = function() {
  var $container = $('#result-container');

  $container.imagesLoaded( function(){
    $container.masonry({
      itemSelector : '.result-item'
    });
  });
};

