Недавно я обнаружил плагины Masonry и Isotope JQuery. Они кажутся функционально почти идентичными, и оба имеют одного и того же автора. Единственная очевидная разница, которую я вижу, - это лицензия.
Каковы основные различия между этими двумя функциями с точки зрения функциональности? Зачем использовать одно вместо другого?
Отрывок из интервью с автором:
Некоторым людям Isotope покажется очень похожим на ту работу, которую вы ранее проделали с Masonry; Вы можете объяснить основные различия между ними?
Изотоп имеет несколько особенностей, которых не хватает масонству. По сути, масонство делает одно - размещает элементы элементов каскадом. Isotope имеет встроенную логику компоновки Masonry, но, кроме того, он также имеет несколько других режимов компоновки, которые можно использовать для динамического позиционирования элементов. Вы даже можете разработать свой собственный режим макета.
Как я уже упоминал, в него встроены функции фильтрации и сортировки. Фильтровать элементы так же просто, как передать селектор jQuery:
$('#container').isotope({ filter: '.my-selector' });Isotope использует лучшие возможности браузера. Вместо использования типичного позиционирования стилей слева / сверху, Isotope использует подход прогрессивного улучшения и использует преобразования CSS, если они поддерживаются браузером. Это обеспечивает высочайшую производительность для первоклассных браузеров. С включением аппаратного ускорения анимация выглядит гладко и гладко в браузерах WebKit и даже на менее мощных устройствах с iOS. Преобразования CSS лучше работают с переходами CSS, о которых я расскажу позже.
Другое отличие - это лицензия, как указала @AminAriana. Каменная кладка находится под лицензией MIT , но Isotope бесплатен только для личного использования .
Вы можете купить коммерческую лицензию на изотоп (25 $) на этой странице .
PrimosK в значительной степени ответил на ваш вопрос, но я просто хотел вмешаться ...
Isotope - отличный плагин jQuery. Я успешно использовал его на нескольких сайтах.
Что мне больше всего нравится в Isotope, так это то, насколько он настраиваемый. Он хорошо документирован и может делать практически все, что вы можете придумать, например, расширять его с помощью бесконечной прокрутки и использовать настраиваемые режимы макета.
источник