Skip to content

yairEO/simpleGrid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

simlpeGrid

This grid is good for items which have the same proportions, and are to be aligned perfectly within their containing element. The grid works in percentage units, and only changes the DOM when it should (when number of items-per-row has changed). Also, the amount of DOM elements does not matter to performance, since the grid does not loop over the items, but uses it's own dynamic style element to change the width of the elements.

Weight: ~4kb (uncompressed)

How to use:

$('ul').simpleGrid({
    margin      : .5,  // spacing between grids (only for calculations. set this in CSS as well)
    initialSize : 250, // aim for this size (per item)
    minSize     : 150  // minimum item size
});

About

the most performant grid system for same-size items

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published