Advertise here

Grid & Layout

Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

February 03, 2013     15037     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     12535     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     10358     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     10512     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     6078     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     27535     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     20219     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     2095     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     3831     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     5507     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     28497     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     28019     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     5086     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     16197     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 »

Flex – A fluid asymmetrical animated grid plugin for jQuery

July 31, 2012     3210     Grid & Layout
Flex – A fluid asymmetrical animated grid plugin for jQuery

Flex is a fluid asymmetrical animated grid plugin for jQuery. Flex is an idea inspired by the old flash homepage on Adidas.com.

Read More »

AdvertisementAdvertise with us!