Advertise here

Grid & Layout

Columnizer – Newspaper Column Format jQuery Plugin

February 16, 2013     2536     Grid & Layout
Columnizer – Newspaper Column Format jQuery Plugin

Columnizer jQuery plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns.

Read More »

jui_datagrid – jQuery Datagrid Plugin using jQuery UI

February 16, 2013     22221     Tables Grid & Layout
jui_datagrid – jQuery Datagrid Plugin using jQuery UI

jui_datagrid is an Ajax-enabled jQuery plugin, useful to manipulate database data in tabular format. It has built-in pagination, sorting, editing, deleting and advanced searching.

Fully customizable, simple but powerful API, jQuery themes compatible, localization support.

Read More »

Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

February 03, 2013     15729     Responsive Grid & Layout
Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

Nested is a jQuery plugin to create a gap free, multi column grid layouts. Nested plugin also sports a responsive design.

Read More »

Shapeshift – Dynamic Grid System With Drag & Drop

January 24, 2013     12777     Responsive Grid & Layout
Shapeshift – Dynamic Grid System With Drag & Drop

Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container.

Grid System: All items flow from left to right, top to bottom.

Drag & Drop: Click and drag elements to move them, even to different containers.

Responsive: Resize the browser window so see the grid change with the new dimensions.

Media Queries: Work normally with responsive grids, watch as the page shifts with the new attributes.

Works on Touch: Enable drag and drop on touch devices by using the included

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10909     Effects Animation Grid & Layout
Fullscreen Pageflip Layout Using BookBlock Plugin

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Read More »

Animated Responsive Image Grid jQuery Plugin

November 23, 2012     11038     Responsive Grid & Layout
Animated Responsive Image Grid jQuery Plugin

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings.

This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

Read More »

jQSlid – jQuery Interactive Cycle Slides Plugin

November 18, 2012     6186     Grid & Layout
jQSlid – jQuery Interactive Cycle Slides Plugin

jQSlid is a simple jQuery plugin that offers parallel sliding for both content and the navigation.

It can be used in various situations where sliding functionality is required. e.g You can use it for creating sliding banners and portfolio sliders with navigation and content sliding in parallel. 

Read More »

Grid-A-Licious – Responsive Grids With jQuery

November 08, 2012     28793     Responsive Grid & Layout
Grid-A-Licious – Responsive Grids With jQuery

Grid-A-Licious is a jQuery plugin that enables us to easily create Pinterest-like floating-grid layouts. There are other resources to create such an output but Grid-A-Licious differs itself by offering a completely responsive solution. 

Read More »

Gamma Gallery – Responsive Image Gallery Experiment

November 06, 2012     21126     Gallery HTML5 Responsive Grid & Layout
Gamma Gallery –  Responsive Image Gallery Experiment

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account. 

Read More »

equalize.js – jQuery Plugin for Equalizing the Height or Width of Elements

September 12, 2012     2197     Grid & Layout
equalize.js – jQuery Plugin for Equalizing the Height or Width of Elements

equalize.js is a jQuery plugin for equalizing the height or width of your elements. Equalize will accept any of the jQuery Dimension methods: height, outerHeight, innerHeight, width, outerWidth, innerWidth.

Read More »

Quicksand – Reorder and Filter Items With Shuffling Animation

September 10, 2012     4168     Effects Grid & Layout
Quicksand – Reorder and Filter Items With Shuffling Animation

Quicksand is a jQuery plugin for reordering and filtering items with a nice shuffling animation.

Read More »

Isotope – Exquisite jQuery Plugin for Magical Layouts

September 08, 2012     6047     Grid & Layout
Isotope – Exquisite jQuery Plugin for Magical Layouts

Isotope is an exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

Read More »

Freetile – jQuery Layout Plugin

September 01, 2012     29736     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 »

Draggable Image Boxes Grid with jQuery

August 28, 2012     28824     Drag & Drop Effects Grid & Layout
Draggable Image Boxes Grid with jQuery

Here you ll learn how to create a template with a fullscreen grid of images and content areas.

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More »

jQuery Masonry – Dynamic Layout Plugin for jQuery

August 01, 2012     6190     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 »