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