Create dynamic grid layouts like Pinterest

Pinterest has become very popular over the past year and if you like to design a website layout based on a grid system like Pinterest has then Wookmark jQuery plugin is what you need. Similar to jQuery Masonry, the plugin was design to create a dynamic grid system automatically detecting window size and organizing boxes into columns. The plugin automatically adjustes the size on browser resize also.

To make it work, you need set the width/height of the images in the HTML img attribute. The grid system can be performed either when document is rendered (before images are loaded) or after all images are loaded (if the height and width of images is not known).

Create dynamic grid layouts like Pinterest

Create grid systems like Pinterest

View Wookmark jQuery Plugin

Related Posts

Responsive grid layout that adapts

Cool forum software written in PHP and MySQL

Data grid component for Dojo

Responsive grid layout generator

Leave a Reply