J'ai récemment découvert les plugins Masonry et Isotope JQuery. Ils semblent être fonctionnellement presque identiques et les deux semblent avoir le même auteur. La seule différence évidente que je peux voir est la licence.
Quelles sont les principales différences entre ces deux en termes de fonctionnalité? Pourquoi utiliseriez-vous l'un sur l'autre?
Un extrait de l'entretien avec l'auteur:
Pour certaines personnes, Isotope ressemblerait beaucoup au travail que vous aviez fait auparavant avec la maçonnerie; pouvez-vous expliquer les principales différences entre les deux?
Isotope a plusieurs caractéristiques qui manquent à la maçonnerie. La maçonnerie fait essentiellement une chose, plaçant les éléments d'article dans un arrangement en cascade. Isotope intègre la logique de mise en page de Masonry, mais en outre, il dispose également de plusieurs autres modes de mise en page qui peuvent être utilisés pour positionner dynamiquement des éléments. Vous pouvez même développer votre propre mode de mise en page personnalisé.
Comme je l'ai mentionné, il intègre des fonctionnalités de filtrage et de tri. Filtrer les éléments est aussi simple que de passer un sélecteur jQuery:
$('#container').isotope({ filter: '.my-selector' });Isotope tire parti des meilleures fonctionnalités du navigateur. Au lieu d'utiliser le positionnement typique des styles gauche / haut, Isotope adopte une approche d'amélioration progressive et utilise des transformations CSS si elles sont prises en charge par le navigateur. Cela fournit des performances de premier ordre pour les navigateurs de premier ordre. Avec l'accélération matérielle, les animations semblent fluides sur les navigateurs WebKit, et même sur les appareils moins puissants utilisant iOS. Les transformations CSS fonctionnent mieux avec les transitions CSS, dont je parlerai plus tard.
Une autre différence est la licence, comme l'a souligné @AminAriana. La maçonnerie est sous licence MIT , mais Isotope n'est gratuit que pour un usage personnel .
Vous pouvez acheter (25 $) la licence commerciale Isotope sur cette page .
PrimosK a à peu près répondu à votre question, mais je voulais juste intervenir ...
Isotope est un plugin jQuery génial. Je l'ai utilisé avec succès sur plusieurs sites.
L'une des choses que j'aime le plus chez Isotope, c'est sa personnalisation. Il est bien documenté et peut faire presque tout ce que vous pouvez imaginer, comme l'étendre avec un défilement infini et utiliser des modes de mise en page personnalisés.
la source