If a sorting or filtering preference is defined, isotope will sort and filter the items based on the provided parameters, effectively changing the displayed order of items without changing HTML mark up. All this happens on the fly in the browser. In short, isotope adds interactivity to your layouts without requiring assistance from a server. Once the items are loaded in the DOM, isotope will sort, filter and lay them out according to your specifications. In my view, isotope is best used in scenarios where a visitor is exposed to a large list of items and needs to narrow their scope or rearrange the items on the fly.
But that's just one application. I've used isotope in many projects both online and offline and I've seen many interesting applications that used the library as is, or extended to add further functionality. In this course, you'll get a full break down of isotope all the way from creating a simple image gallery to controlling, sorting, and filtering through URL hashes and leveraging the power of content management systems like WordPress to simplify the process.
- What is Isotope.js?
- Installing Isotope and jQuery
- Configuring layout modes
- Setting parameters
- Making layouts responsive
- Filtering and sorting
- Creating URL hashes
- Filtering and sorting with hashes
- Filtering and sorting in WordPress