Online Demo
We have introduced two well-known responsive layout plug: Isotope and masonary, today we introduce a pretty good responsive layout plug-in –freetile.js, using it can also generate cool dynamic layout effects. I'm sure you'll love it!
Key Features
Freetie from assemblage and assemblage Plus's built-in layout engine, inspired by Masonry,vgrid and Wookmark, but compared to them, has the following unique areas:
- Allows elements of any size to be included and does not require a fixed column width, so you don't need to specify the column widths to fit your element size
- The built-in algorithm allows you to easily customize the location of your inserts to suit different preferences. For example, align left or right, or close to a specific element.
- Intelligent animation can be a good way to determine whether the need for animation effects. For example, the element that was just added and the invisible element.
- As long as the sites using assemblage and assemblage plus templates are using it, it's very stable.
How to use
Basic Use Method:
JS Code
- $ (' #container '). Freetile ();
To enable animation effects:
JS Code
- $ (' #container '). Freetile ({animate: true, elementdelay:30});
Specify a custom element selector:
JS Code
- $ (' #container '). Freetile ({selector: '. Thumbs '});
is not very simple answer, I hope you like this plugin, if you have any questions, please leave us a message!
Source: Another awesome responsive layout jquery plugin –freetile.js
Another awesome, responsive layout jquery plugin –freetile.js