Grid & Layout

Responsive Equal Height Blocks

July 10, 2014     1690     Responsive Grid & Layout
Responsive Equal Height Blocks

Responsive Equal Height Blocks with JavaScript and CSS.

It's virtually dividing the list into rows, picking the height of the highest item in each row, and setting it for the other corresponding row items in a responsive way

Read More »

jPList – jQuery Plugin for Sorting, Pagination and Filtering Any HTML Structure

June 05, 2014     3007     Tables Grid & Layout
jPList – jQuery Plugin for Sorting, Pagination and Filtering Any HTML Structure

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).

Read More »

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

May 27, 2014     2244     Grid & Layout
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     3521     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     2885     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     6786     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     7918     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     13000     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     5856     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     5388     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     6363     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     1735     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     16073     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     8863     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     22321     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 »

AdvertisementAdvertise with us!