Gridly.js : A Simpler Masonry-like Script

Masonry already has been upgraded to Isotope yet there are a number of other grid layout Javascript tools appearing including gridaccordion.js and gridfolio.js. Gridly.js is another and it has the virtue of being very simple to code as seen in this codepen[click on the screenshot below to go to the live Codepen]:
gridly
Not only are the grid contents responsive but users can drag and drop grid elements wherever they want them. Clearly, Web designers now have a wealth of layout tools for dashboards, portfolios, and SPA-Single Page Applications.

Advertisements

About warkworth1

Web Designer and Developer that uses WordPress primarily but also Bootstrap, Foundation Zurb, Ink, and even Magento etc. Love teaching full stack developer tricks with HTML/CSS/JavaScript/PHP/SQL at WordCamps and on my blogs
This entry was posted in coding, ui. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s