94 votes

Différences entre les plugins jQuery Isotope et Masonry

J'ai récemment découvert le Maçonnerie y Isotope Plugins JQuery. Ils semblent être fonctionnellement presque identiques et 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 les deux en termes de fonctionnalité ? Pourquoi utiliseriez-vous l'un plutôt que l'autre ?

135voto

PrimosK Points 5242

Un extrait de l'entretien avec l'auteur :

Pour certaines personnes, Isotope ressemble beaucoup au travail que vous avez réalisé précédemment avec Masonry. entre les deux ?

Isotope possède plusieurs fonctionnalités qui font défaut à Masonry. Masonry fait essentiellement ne fait qu'une chose, placer des éléments d'articles dans une disposition en cascade. Isotope intègre la logique de mise en page de Masonry, mais en plus, il dispose de plusieurs autres modes de mise en page qui peuvent être utilisés pour dynaquer les éléments. plusieurs autres modes de mise en page qui peuvent être utilisés pour positionner positionner des éléments. Vous pouvez même développer votre propre mode de disposition personnalisé.

Comme je l'ai mentionné, il dispose de fonctions de filtrage et de tri intégrées. intégrée. Le filtrage des éléments est aussi simple que de passer un sélecteur jQuery :

$('#container').isotope({ filter: '.my-selector' });

Isotope tire parti des meilleures fonctionnalités des navigateurs existants. Au lieu d'utiliser le positionnement typique des styles gauche/haut, Isotope prend un approche d'amélioration progressive et utilise les transformations CSS si elles sont prises en charge par le navigateur. par le navigateur. Cela permet d'obtenir des performances optimales pour les meilleurs navigateurs. navigateurs. Grâce à l'accélération matérielle, les animations sont très fluides sur les navigateurs WebKit. sur les navigateurs WebKit, et même sur les appareils moins puissants utilisant iOS. Les transformations CSS sont plus performantes avec les transitions CSS, dont je parlerai plus tard.

Une autre différence est la licence comme l'a souligné @AminAriana. Maçonnerie est sous la Licence MIT mais Isotope est seulement gratuit pour un usage personnel .

Vous pouvez acheter (25$) Licence commerciale pour les isotopes en cette page .

3voto

Darko Romanov Points 921

Considérez également deux autres plugins jQuery :

Galerie de carreaux y Galerie des carreaux finaux

Vous me pardonnerez de faire de l'auto-promotion (je suis le développeur) mais je pense que ces références pourraient vous aider ou aider d'autres personnes qui cherchent des systèmes de grille alternatifs à la maçonnerie et aux isotopes.

Galerie de carreaux est un plugin qui permet de disposer les images de manière à remplir complètement une zone donnée. Vous obtenez ainsi un rectangle rempli d'images. sans espaces. Pour atteindre ce résultat, il est nécessaire de recadrer les images, mais vous pouvez définir un alignement vertical et un alignement horizontal. Considérez également que la grille générée est toujours aléatoire.

Galerie des carreaux finaux est un plugin similaire, mais il ne recadre pas les images, d'autre part il ne peut pas s'adapter à une zone donnée, ce qui signifie que la galerie grandit verticalement. Il supporte également le scroll infini et l'ajout programmatique d'éléments.

Les deux galeries sont réactives et un plugin WordPress est disponible.

2voto

Ahrengot Points 382

PrimosK a plus ou moins répondu à votre question, mais je voulais juste ajouter quelque chose...

Isotope est un plugin jQuery génial. Je l'ai utilisé avec succès sur plusieurs sites.

L'une des choses que j'apprécie le plus dans Isotope, c'est sa capacité à être personnalisé. Il est bien documenté et peut faire presque tout ce à quoi vous pouvez penser, comme l'étendre avec un défilement infini et utiliser des modes de mise en page personnalisés.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X