slides.com/chelsealura/isotope
Masonry is a JavaScript grid layout library.
It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.
var $container = $('#container').isotope({ // main isotope options itemSelector: '.item', layoutMode: 'cellsByRow', // options for cellsByRow layout mode cellsByRow: { columnWidth: 200, rowHeight: 150 },
Isotope's website
Isotope's Github
Full list of all Isotope Code Pen examples
By Chelsea Lura
Slide deck used for a lightening-talk I gave on Isotope.
Full Stack JavaScript Developer looking for interesting work opportunities in the greater Seattle area.