Animate Window resize content rearrange

Problem

I see many themes where when window is resized it rearranges content with slight animation for example http://wpexplorer.me/demo.php?theme=pronto . If you make window smaller or larger it moves rows and columns accordingly . I have proper css that does the same thing but I couldnt find anywhere on js or css how to animate on rearranging .

Any help highly appreciated .

Problem courtesy of: user1649941

Solution

You can use the masonry jQuery plugin it does just that

Solution courtesy of: Ibu

Discussion

There's always the Isotope plugin, too. (A little search never hurt anyone!)

Discussion courtesy of: crowjonah

there is also http://www.wookmark.com/jquery-plugin for this, but as said Ibu, the masonry jquery plugin do this great

Discussion courtesy of: Hovhannes Sargsyan

This recipe can be found in it's original form on Stack Over Flow.