Category: Layouts

Page Slide – Responsive jQuery Plugin

on April 11, 2012 in Development, Layouts

Page Slide is a jQuery plugin from the creator of backstretch that can slide a page out of view to reveal an additional navigation area.

Similar functionality exists on the mobile version of the facebook site and like facebook, this plugin is also ideal for responsive web sites.

Content can be loaded from an iframe or as a modal. There are options to configure the speed and direction of the animation.

Page Slide - Responsive jQuery Plugin

Wookmark – jQuery Column Layout Plugin

on March 26, 2012 in Development, Layouts

Wookmark is a jQuery plugin that helps you to create a responsive grid layout based on the width of the container or window.

The plugin can be customised by specifying the width of the column and the spacing in between.

The number of columns will automatically update as the browser is resized and the height of the columns will remain approximately equal.

Wookmark - jQuery Column Layout Plugin

Splitter – jQuery Plugin

on December 14, 2011 in Development, Layouts

Splitter is a jQuery plugin that divides two more or more divs either vertically or horizontally and creates a draggable split bar to adjust the distance between the panes.

The look and feel can customized with CSS and it supports cookies to save and retrieve the position of the panes between page loads.

Isotope – Dynamic Layouts with jQuery

on November 21, 2011 in Development, Layouts

Isotope is a jQuery plugin for creating dynamic, intelligent layouts that cannot be done with CSS alone.

It features filtering and sorting to hide, reveal and sort elements using jQuery selectors in just about any way you like.

There are several pre-defined layout modes to display data. Vertical layouts react to changes in the browser width and horizontal layouts react to the browser height:

Isotope uses progressive enhancement and is developed to take advantage of the best browser features available. For animations, you can use CSS3 transitions and transforms in capable browsers while lesser browsers will degrade gracefully.