Another awesome responsive layout jquery plugin –freetile.js

Source: Internet
Author: User

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
    1. $ (' #container '). Freetile ();

To enable animation effects:

JS Code
    1. $ (' #container '). Freetile ({animate: true, elementdelay:30});

Specify a custom element selector:

JS Code
    1. $ (' #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

    • Gbin1.zip (44.8 KB)

Another awesome, responsive layout jquery plugin –freetile.js

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.