Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Eric Kim
Eric Kim
3,637 Points
Posted by Eric Kim
Eric Kim
3,637 Points

Does anyone knows good guideline for Jquery Masonry?

http://masonry.desandro.com/

I've been having a hard time to get used to this awesome masonry design code. Does anyone knows good guideline for this? Or does treehouse have a future roadmap for this?

4 Answers

Nicola Zanon
Nicola Zanon
457 Points
Nicola Zanon
Nicola Zanon
457 Points

What are you exactly looking for? How to implement the code in a page?

Eric Kim
Eric Kim
3,637 Points
Eric Kim
Eric Kim
3,637 Points

Yes, exactly. I would like to master it!! :)

Eric Kim
Eric Kim
3,637 Points
Eric Kim
Eric Kim
3,637 Points

Yes, exactly. I would like to master it!! :)

Nicola Zanon
Nicola Zanon
457 Points
Nicola Zanon
Nicola Zanon
457 Points

It's pretty simple:

<div id="container"> <img class="item" src="path/img.jpg"> <img class="item" src="path/img.jpg"> <img class="item" src="path/img.jpg"> </div>

And jQuery

$('#container').masonry({ columnWidth: 200, itemSelector: '.item' });