The jQuery Masonry plugin is easily the best jQuery plugin not only for the output, but for it's load speed, easy usage and wide support. If you are unaware of the jQuery masonry plugin it is a plugin which nicely layers and molds your selected element to leaving minimal white space than if you were to use (in CSS) float:left; or display:inline-block; . It achieves this by positioning your selected element's parent to relative and then positioning your selected element to absolute furthermore top:x; left:x; etc..How is it different to float:left; or display:inline-block; ?
Well it also takes into account the heights of elements allowing it to fit elements between each other rather than on new rows. Check it out bellow :).
1st comment
ReplyDelete2nd
Delete