Here's How jQuery is Creating the Interest in Pinterest

Posted on

  • email
  • twitter
  • facebook
  • share this

share this



Startup social networking site Pinterest has been gaining a lot of attention recently – most of it good, but some of the most recent news hasn’t been so great.

But good or bad, the online visual pinboard is one of the hot topics of the day and traffic to the site is skyrocketing. As this relates to the design and development world, one of the positive results of all this interest in Pinterest is the increased attention that’s being given to its engaging website design.

It appears to be using a very popular jQuery plugin called Masonry, created three years ago by David DeSandro. In DeSandro’s own words:

“Masonry is a dynamic grid 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, positioning each element in the next open spot in the grid. This minimizes vertical gaps between elements of varying height, like a mason fitting stones in a wall.”

And below is the designer's visual explanation of Masonry:

The design community has been enthusiastic about jQuery Masonry since DeSandro’s initial release, but until Pinterest came along there hasn’t been a Masonry site that’s received so much attention in so little time. Perhaps this will send Masonry right into the mainstream of everyday Web design, or perhaps Pinterest is doomed to fail and Masonry will fall back into the shadows outside the view of the general Web populace.

I certainly hope that's not the case because it is a very useful tool that inspires great designs. To help inspire your own designs using jQuery Masonry, below are five examples.

Pinterest

J. Walter Thompson

Scrolldit

Puma

Up Magazine

 

 

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

2 comments

Michiel Fuller 05-11-2012 4:03 AM

I really like how Masonry allows us to display our content in a much more appealing way than just using CSS floats like before. The whole Pinterest thing has opened peopleā€™s minds to how to display their content, and it is only a matter of time before Masonry gets picked up by more people.

Travis B 08-10-2013 7:13 PM

It is really funny looking back at this article just how far Pinterest has come in the past year.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter