Für manche Menschen würde Isotope der Arbeit, die Sie zuvor mit Masonry geleistet hatten, sehr ähnlich sehen. Können Sie die Hauptunterschiede zwischen den beiden erklären?
Isotop hat mehrere Eigenschaften, die dem Mauerwerk fehlen. Mauerwerk macht im Wesentlichen eine Sache, indem es Elementelemente in einer kaskadierenden Anordnung platziert. In Isotope ist die Layoutlogik von Masonry integriert, aber es gibt auch mehrere andere Layoutmodi, mit denen Elemente dynamisch positioniert werden können. Sie können sogar Ihren eigenen benutzerdefinierten Layoutmodus entwickeln.
Wie bereits erwähnt, sind Filter- und Sortierfunktionen integriert. Das Filtern von Elementen ist so einfach wie das Übergeben eines jQuery-Selektors:
$('#container').isotope({ filter: '.my-selector' });
Isotope nutzt die besten Browserfunktionen. Anstatt die typische Positionierung der Stile links / oben zu verwenden, verfolgt Isotope einen progressiven Verbesserungsansatz und verwendet CSS-Transformationen, sofern dies vom Browser unterstützt wird. Dies bietet erstklassige Leistung für erstklassige Browser. Mit der Hardwarebeschleunigung sehen Animationen in WebKit-Browsern und sogar in weniger leistungsfähigen Geräten mit iOS seidig flüssig aus. CSS-Transformationen bieten eine bessere Leistung bei CSS-Übergängen, auf die ich später noch eingehen werde.
Ein weiterer Unterschied ist die Lizenz, wie @AminAriana hervorhob. Das Mauerwerk steht unter der MIT-Lizenz , Isotope ist jedoch nur für den persönlichen Gebrauch kostenlos .
PrimosK hat Ihre Frage so ziemlich beantwortet, aber ich wollte mich nur einschalten ...
Isotope ist ein fantastisches jQuery-Plugin. Ich habe es erfolgreich auf mehreren Websites verwendet.
Eines der Dinge, die ich an Isotope am meisten mag, ist, wie anpassbar es ist. Es ist gut dokumentiert und kann fast alles tun, was Sie sich vorstellen können, wie es mit unendlichem Bildlauf zu erweitern und benutzerdefinierte Layoutmodi zu verwenden.
quelle