jQuery Masonry

First time here? Subscribe to my RSS feed or follow me on Twitter.
Thanks for visiting!

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Came across this for the first time today. Reminds me a lot of the old Grid-a-licious WordPress theme. Also, it’s hosted on GitHub so you can grab it there too.

Find This Article Useful?

1 I like This

Share/Save This Entry

About this entry

You’re currently reading “jQuery Masonry,” an entry on MirthLab

Published:: Thursday, March 11th, 2010 at 1:06 pm

Author:: Mark Quezada

Category:: Links, Web Development

Tags:: jquery, plugin

Twitter Updates

The only reason I'm glad Twitter for iPad is out is because I hope that means they'll finally start working on the desktop version again. 3 hours ago

RT @al3x: If Top Tweets are any indication, we're doomed as a species. 3 hours ago

Sweet, the Pro Git book is available for free in epub format so you can read it using iBooks on your iPad (and iPhone): http://mrth.ws/9b 3 hours ago

@markjardine Please let us all know what you end up choosing... been looking for a replacement myself. 9 hours ago

Apple's new Showtimes website is slick. If your browser supports geolocation (Chrome/Safari), you get local showtimes: http://mrth.ws/9a 9 hours ago

@jshtkt thanks! Hope you got my text on your birthday :) 2010/09/02

RT @rands: The story is constructed to fit the perspective. 2010/09/02

After this series of WordPress hacks, I'm seriously considering moving to Jekyll. 2010/08/31

The Oatmeal: "This is how I feel about buying apps" http://mrth.ws/99 2010/08/31

@DeanPerry yeah, I know. Been trying to get Google to reindex it since it was hacked. Such a huge pain. Thanks though. 2010/08/31

Jason Day

May 14th, 2010
7:45 UTC

I really like masonry – I also figured out (with some help) how to filter /sort the divs – http://jasondaydesign.com/masonry_demo/

zander

June 28th, 2010
1:29 UTC

any chance you could post the code / template for this – I’m having difficulty – in fact I just need to figure out how you got the different item numbers into div classes? Is it using categories or have you inserted some kind of custom field?

Thanks!

jQuery Masonry

Find This Article Useful?

Related Articles

About this entry

2 Comments

Have your say

Twitter Updates

Most liked posts

Recent Posts

Categories

Archives