Nicer responsive masonry

mplungjan

New Member
TL;DR: See fiddle; http://jsfiddle.net/UTB5C/ - pretty much all I'm looking for is a javascript doohickey that would fix the gaps with floated elements such as those.Longer version: So as I understand it, there are two major libraries for creating walls of tightly-knit elements; Masonry and Isotope.However, apart from the suspiciously similar websites, both these libraries have the same oddity when it comes to resizing the viewport with fluid/responsive elements. Each masonry'd element first resizes individually (creating larger gutters), and then a beat later, gets re-arranged to the new form. See it here or here.It seems I'm the only one who thinks this is ugly.Is there an alternative plugin/library that would achieve the same masonry effect, but with more 'native' looking resizing (i.e. one without the delay), considering an element width set in percentages, and gutters?Here's the CSS I have now as Stack Overflow doesn't allow me to only link to JSFiddle (sigh);\[code\]#wrapper { width: 100%; overflow: hidden;}#wrapper > div { width: 46%; margin: 0 2% 15px; float: left;}\[/code\]
 
Back
Top