javascript - bootstrap - Diferencias entre los plugins jQuery de isótopos y mampostería

masonry cdn

Question

Recientemente descubrí los plugins JQuery de Masonry e Isotope . Parecen ser funcionalmente casi idénticos y ambos parecen tener el mismo autor. La única diferencia obvia que puedo ver es la licencia.

¿Cuáles son las principales diferencias entre estos dos en términos de funcionalidad? ¿Por qué usarías uno sobre el otro?

Answer 1

PrimosK prácticamente te formuló una pregunta, pero solo quería sonar ...

Isótopo es un plugin impresionante de jQuery. Lo utilicé con éxito en múltiples sitios.

Una de las cosas que más me gusta de Isotopo es lo personalizable que es. Está bien documentado y puede hacer casi cualquier cosa que se te ocurra, como ampliarlo con desplazamiento infinito y usar modos de diseño personalizados.

Answer 2

Un extracto de la entrevista con el autor:

Para algunas personas Isotopo se vería muy similar al trabajo que habías hecho previamente con la Masonería; ¿Puedes explicar las principales diferencias entre los dos?

Isótopo tiene varias características que la Masonería no tiene. La albañilería esencialmente hace una cosa, colocando los elementos en una disposición en cascada. Isotopo tiene la lógica de diseño de Masonry incorporada, pero además, también tiene varios otros modos de diseño que se pueden usar para posicionar dinámicamente los elementos. Incluso puede desarrollar su propio modo de diseño personalizado.

Como mencioné, tiene incorporadas funciones de filtrado y clasificación. Filtrar elementos es tan fácil como pasar un selector de jQuery:

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

Isotopo aprovecha las mejores características del navegador que hay. En lugar de utilizar el posicionamiento típico de estilos izquierdo / superior, Isotopo adopta un enfoque de mejora progresiva y utiliza transformaciones CSS si es compatible con el navegador. Esto proporciona un rendimiento de primera clase para los navegadores de primera categoría. Con la aceleración del hardware, las animaciones se ven sedosas en los navegadores WebKit e incluso en los dispositivos menos poderosos que usan iOS. Las transformaciones CSS funcionan mejor con las transiciones CSS, que analizaré más adelante.

Otra diferencia es la licencia, como señaló @AminAriana. Masonry está bajo la licencia de MIT , pero Isotopo es solo gratuito para uso personal .

Puede comprar (25 $) la licencia comercial de isótopos en esta página .