Advertise here

jQuery Plugins Tagged ‘layout’

Freetile – jQuery Layout Plugin

September 01, 2012     29672     Responsive Effects Grid & Layout
Freetile – jQuery Layout Plugin

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.

It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement.

Read More »

jQuery Masonry – Dynamic Layout Plugin for jQuery

August 01, 2012     6132     Grid & Layout
jQuery Masonry – Dynamic Layout Plugin for jQuery

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid.

The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Read More »

Gridster.js – Drag & Drop Multi-Column jQuery Grid Plugin

July 31, 2012     16982     Drag & Drop Grid & Layout
Gridster.js – Drag & Drop Multi-Column jQuery Grid Plugin

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better.

Read More »

BlocksIt.js – Dynamic Grid Layout jQuery Plugin

May 15, 2012     14524     Tables Effects
BlocksIt.js – Dynamic Grid Layout jQuery Plugin
BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into 'blocks' and position them in well-arranged grid layout like Pinterest

Read More »

Wookmark Dynamic Grid Layout Plugin

May 10, 2012     3989     Tables
Wookmark Dynamic Grid Layout Plugin

Wookmark plugin lays out a series of elements in a dynamic column grid. It detects the size of the window and automatically organizes the boxes into columns. Resize your browser to see the layout adjust.

Read More »