Fragment rozmowy z autorem:
Dla niektórych ludzi Isotope wyglądałby bardzo podobnie do pracy, którą wykonałeś wcześniej z Masonry; czy możesz wyjaśnić główne różnice między nimi?
Izotop ma kilka cech, których brakuje Masonry. Masonry zasadniczo robi jedną rzecz, umieszczając elementy elementów w układzie kaskadowym. Isotope ma wbudowaną logikę układu Masonry, ale dodatkowo ma również kilka innych trybów układu, których można użyć do dynamicznego pozycjonowania elementów. Możesz nawet opracować własny tryb układu niestandardowego.
Jak wspomniałem, ma wbudowaną funkcję filtrowania i sortowania. Filtrowanie elementów jest tak proste, jak przekazanie selektora jQuery:
$('#container').isotope({ filter: '.my-selector' });
Isotope korzysta z najlepszych dostępnych funkcji przeglądarek. Zamiast używać typowego pozycjonowania stylów lewy / górny, Isotope stosuje podejście progresywnego ulepszania i używa transformacji CSS, jeśli jest obsługiwana przez przeglądarkę. Zapewnia to najwyższą wydajność przeglądarek z najwyższej półki. Wraz z uruchomieniem akceleracji sprzętowej animacje wyglądają gładko w przeglądarkach WebKit, a nawet na mniej wydajnych urządzeniach z systemem iOS. Przekształcenia CSS działają lepiej z przejściami CSS, które omówię później.
Kolejną różnicą jest licencja, jak wskazał @AminAriana. Masonry jest na licencji MIT , ale Isotope jest darmowy tylko do użytku osobistego .
Można kupić (25 $) izotopu licencję na wykorzystanie na tej stronie .