Advertise here

Grid & Layout

Gridmanager.js – Building Rows and Grids with Built in Editable Regions

May 27, 2014     5692     Grid & Layout Bootstrap
Gridmanager.js – Building Rows and Grids with Built in Editable Regions

Gridmanager.js is a way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, & optional TinyMCE or CKEditor.

Read More »

jQuery Portfolio – Slick and Modern Portfolio Plugin

April 27, 2014     6310     Grid & Layout
jQuery Portfolio – Slick and Modern Portfolio Plugin

jQuery Portfolio plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going.

Read More »

Elastic Columns – jQuery Grid Plugin with Equal Widths

April 08, 2014     5400     Grid & Layout
Elastic Columns – jQuery Grid Plugin with Equal Widths

Elastic Columns is a lightweight jQuery plugin that will suit your needs if you want to build a grid of items using columns with equal widths.

Read More »

GridList – Drag & Drop Library for Resizable and Responsive Lists

April 01, 2014     18579     Responsive Drag & Drop Grid & Layout
GridList – Drag & Drop Library for Resizable and Responsive Lists

GridList is a drag and drop library for two-dimensional, resizable and responsive lists.

Read More »

Google Grid Gallery

March 23, 2014     19331     Gallery Responsive Grid & Layout
Google Grid Gallery

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

Read More »

rowGrid.js – jQuery Plugin to Place Items in Straight Rows

February 27, 2014     17116     Responsive Grid & Layout
rowGrid.js – jQuery Plugin to Place Items in Straight Rows

RowGrid.js is a small, lightweight jQuery plugin for placing items in straight rows. It's responsive and can be use infinite scrolling.

Read More »

Responsive Grid System with Fixed Gap

November 01, 2013     7569     Responsive Grid & Layout
Responsive Grid System with Fixed Gap

Fluid (responsive, adaptive) layout is today a default requirement when developing a website and, whether we want it or not, we somehow re-orient our thinking towards a tablet-like approach in working with website layouts.

GridSystem is a plugin to help you calculate and deal with columns and responsive layout.

Read More »

Split Layout

October 26, 2013     9891     CSS3 & CSS Grid & Layout
Split Layout

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.

Read More »

jqGrid – jQuery Grid Plugin

October 20, 2013     12396     Ajax Grid & Layout
jqGrid – jQuery Grid Plugin

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web.

Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

Read More »

Wallpaper – jQuery Plugin for Element Filling Backgrounds

October 15, 2013     2391     Responsive Grid & Layout
Wallpaper –  jQuery Plugin for Element Filling Backgrounds

Wallpaper is a jQuery plugin for smooth-scaling, element-filling backgrounds. A really simple way to add element-filling background images.

Read More »

FreeWall – Dynamic Grid Layout Without Gaps

September 17, 2013     26595     CSS3 & CSS Responsive Grid & Layout
FreeWall – Dynamic Grid Layout Without Gaps

Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet

Freewall allows you to create many types of grid layout (flexible layout, images layout, pinterest-like layout, etc) with nice CSS3 animation effects and call back events.

Read More »

Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

September 02, 2013     14518     Grid & Layout
Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

Salvattore is a jQuery Masonry alternative with CSS-driven configuration.

It creates HTML elements depending on the number of columns you specify. Each of the items of your container is placed on these columns by turn. To get started simply add a data-columns attribute to the container.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     36028     Responsive Grid & Layout
Shuffle – Sort and Filter a Responsive Grid of Items

Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items

Features

  • Uses CSS Transitions!
  • Responsive (try resizing the window!)
  • Filter items by groups
  • Items can have multiple groups and be different sizes
  • Sort items
  • Advanced filtering method (like searching)

Read More »

View Mode Switch with Grid and List Layout

July 03, 2013     20443     Responsive Grid & Layout
View Mode Switch with Grid and List Layout

A simple view mode switch that has two example layouts, a grid and a list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive.

Read More »

jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

June 25, 2013     17928     Grid & Layout
jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

jQuery.waterfall is jQuery plugin for Pinterest like waterfall layout. It’s lightweight version of fluid columns masonry layout of isotope. It's fast, tiny, reliable and free alternative to isotope masonry column shift layout.

Read More »