Différences entre les plugins jQuery Isotope et Masonry [fermé]


95

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?

Réponses:


136

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 .


19
Veuillez copier-coller le texte pertinent de la page Web dans votre réponse (sous forme de citation). Le lien peut mourir (temporairement ou définitivement), ce qui rendrait votre réponse inutile.
Šime Vidas

11
De plus, comme vous l'avez mentionné dans la question, vous devez prêter attention aux conditions de licence. La maçonnerie est sous licence MIT, mais Isotope n'est gratuit que pour un usage personnel. Les gens qui lisent la réponse peuvent oublier cela, alors je l'ai souligné explicitement.
Amin Ariana

4
pourtant, beaucoup d'auteurs dans Themeforest utilisent l'isotope malgré la licence.
Jürgen Paul

Rappel: certaines personnes considèrent l'option de payer comme une bonne chose :) Cela augmente les chances que le projet continue d'être mis à jour.
Hugo

2

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.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.