Introduction
Recently, I have been quite interested with a new kind of web layout - dynamic and fluid layout. It cleverly fills in all the spaces and rearranges each items and display it nicely on browsers, and they usually come with slick animation too. Some of them even have advance filtering for different categories.
I found 8 websites that share the same characteristics and in the last section of this post, I listed 3 jQuery plugins that help you to achieve the same effect as well. Enjoy!
Showcase
How to do it!!!
Alright, I guess you want to know how to do it. Luckily, thanks to these 3 plugins, making them are extremely easy!
- jQuery Masonry
A dynamic layout plugin for jQuery. The flip-side of CSS floats
- Isotope
An exquisite jQuery plugin for magical layouts
- QuickSand
Reorder and filter items with a nice shuffling animation.
Comments will be moderated and
rel="nofollow"
will be added to all links. You can wrap your coding with[code][/code]
to make use of built-in syntax highlighter.