Isotope v3 released: stagger in, IE8 out
5 May 2016
Isotope v3 is Metafizzy's flagship product — the best JavaScript library for filtering and sorting dynamic layouts. It just got a whole lot better with new version 3. We dropped support for IE8 & 9, and Android 2.3. In doing so, we were able to shed 800 lines of code to make Isotope's filesize 20% smaller. We added a new option to stagger item transitions (finally).
Staggered transitions are a small change to animation behavior, but the result is subtly compelling. The reveal and hide animations appear more natural.
See the Pen Isotope - stagger by David DeSandro (@desandro) on CodePen.
We simplified using Isotope with Webpack. Now your webpack.config.js
only requires two aliases.
module.exports = {
resolve: {
alias: {
'masonry': 'masonry-layout',
'isotope': 'isotope-layout'
}
}
};
Best part: Isotope v3 is backward compatible with Isotope v2. Upgrade worry free. All your previous code will continue to work: jQuery plugin, events, methods, etc.
Open-source projects rarely get to version 2. I'm proud that Isotope has made it all the way to version 3.
We've been pushing out a bunch major version upgrades to our projects in 2016: Masonry v4, imagesLoaded v3, Packery v2, now Isotope v3. Next up: Flickity v2.