Fluid / responsive
This hack allows you to use percentage-based widths for item elements for fluid / responsive layouts.
var $container = $('#container')
// initialize Isotope
$container.isotope({
  // options...
  resizable: false, // disable normal resizing
  // set columnWidth to a percentage of container width
  masonry: { columnWidth: $container.width() / 5 }
});
// update columnWidth on window resize
$(window).smartresize(function(){
  $container.isotope({
    // update columnWidth to a percentage of container width
    masonry: { columnWidth: $container.width() / 5 }
  });
});
Filters
- show all
 - metal
 - transition
 - post-transition
 - nonmetal
 - inner-transition
 - alkali and alkaline-earth
 - not transition
 - metal but not transition