Get new jQuery plugins just once a week

×

jLayout

FavoriteLoadingAdd to favorites

July 4, 2014

jLayout | library for JavaScript layout algorithms

The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen.

The library currently provides four layout algorithms: border, which lays out components in five different regions; grid, which lays out components in a user defined grid, flex-grid which offers a grid with flexible column and row sizes, and flow which flows components in a user defined direction. Using the grid and flex-grid algorithms you can also create horizontal and vertical layouts. A jQuery plugin to lay out HTML elements is also available.

var myLayout = (…)

// lay out without resizing the container
myLayout.layout(container);

// resize the container, then lay it out
container.bounds(myLayout.preferred());
myLayout.layout(container);

Created by Bram Stein

Download

Example

jLayout javascript plugin

layouting

jLayout

Related posts:

FakeCrop
Multifilter
contents
jLayout javascript plugin

http://jquer.in/wp-content/uploads/2014/07/jLayout.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever