MixItUp – это многофункциональный миниатюрный jQuery-плагин, который представляет вам великолепную возможность анимированной фильтрации и сортировки контента. Он также позволяет вам добиться адаптивной структуры кодов CSS и HTML. Этот плагин отлично подходит для галерей, блогов, портфолио и любого контента, который требуется упорядочить.
jQuery используется в MixitUp для сокрытия, отображения или перемещения контента в зависимости от фильтра, а также позволяет использовать CSS3-переходы, которые плавно анимируют эти элементы при перемещении. Это очень эффективный способ избежать подходов, требующих много ресурсов.
Свойства:
* Фильтрация и сортировка элементов при помощи CSS3-оптимизированных анимаций.
* Плагин легко адаптируется под ваши адаптивные шаблоны и media queries.
* Возможность управлять фильтрацией и сортировкой при помощи простого кликабельного интерфейса и возможность создавать более комплексные пользовательские UI при помощи специального API.
* Возможность оформлять анимации при помощи CSS3 transforms и easing.
* Возможность добавлять и удалять элементы в реальном времени посредством Ajax-дружественного API.
* Возможность одновременной фильтрации, сортировки и перемещения.
Браузерная поддержка:
* Полный функционал в Chrome, Safari и Firefox
* Полный функционал в iOS и Android-браузерах
* Работоспособность в IE8+ с отключенными анимациями, и полный функционал в IE10+.
Демо | Скачать
Раздел: Скрипты и коды Нет комментариев
MixItUp: CSS3 и jQuery плагин для фильтрации и сортировки
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 7387 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать