All Projects → heroic → Rucksack

heroic / Rucksack

rucksack.js arranges your elements into a proper beautiful arrangement in a given width constraint.

Programming Languages

javascript
184084 projects - #8 most used programming language

Rucksack

Rucksack is a jquery plugin to arrange elements that can fit in the given width. It relies on the knapsack algorithm.

Usage:

$('#container').rucksack({
    width: 'width to fit in. defaults to 960px',
    class: 'class name to be given to the div that will contain the elements of one row. defaults to rucksack'
})

Example

Here's a working example by @omgmog

http://jsfiddle.net/vXbCY/

Another example by ctcherry

http://jsfiddle.net/URMuA/

Contributors:

  1. gauravsc
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].