Natural Gallery: Галерея естественного макета
Natural-Gallery - это галерея списков с ленивой загрузкой, бесконечной прокруткой и естественным расположением.
UniFilter: многоцелевой плагин jQuery для фильтрации, сортировки и поиска
Плагин UniFilter был создан, чтобы максимально упростить фильтрацию, поиск и сортировку в любом списке элементов. UniFilter позволяет использовать фильтры, ползунки диапазона, поля сортировки и поиска вместе, или вы можете использовать их по отдельности. Например, вы можете добавить одно окно поиска для небольшой фотогалереи или пять фильтров для своего интернет-магазина.
Наконец, UniFilter предоставляет четыре чистых эффекта анимации CSS3 для отображения / скрытия элементов и совместим с плагином Masonry jQuery.
Муури: фильтруемые и перетаскиваемые макеты сетки с помощью JavaScript
Muuri создает гибкие, сортируемые, фильтруемые и перетаскиваемые макеты сетки. Да, в одной библиотеке много функций, но мы постарались сделать ее как можно меньше. По сравнению с тем, что там есть, Muuri представляет собой комбинацию Packery, Masonry, Isotope и jQuery UI Sortable.
sdFilterMe: плагин jQuery Portfolio & Gallery Filter
sdFilterMe - это простой легкий плагин jQuery для удобной фильтрации и упорядочивания портфолио, статей, галереи и т. д.
Сопло: фильтрация и обработка данных jQuery
Nozzle - это простая библиотека для фильтрации и обработки данных в jQuery.
filterjitsu.js: плагин jQuery для фильтрации элементов DOM
Filterjitsu - это плагин jQuery для фильтрации элементов DOM на основе параметров поискового запроса в URL-адресе. Он фильтрует просто по атрибутам данных, делая несколько предположений о структуре вашей DOM.
Есть много способов отфильтровать данные на сервере перед их отправкой клиенту. Filterjitsu специально предназначен для использования на кешированных HTML-страницах, обслуживаемых из CDN, снимая фильтрацию с серверной части и обеспечивая быструю загрузку страниц.
Filterizr: потрясающая фильтруемая галерея jQuery
Filterizr - это плагин jQuery, который сортирует, перемешивает и применяет потрясающие фильтры к адаптивным галереям с использованием переходов CSS3.
Возможности:
- Подключаемый внешний вид (напишите свои CSS-эффекты в поле справа и нажмите «Фильтровать»!)
- Performant - оптимизирован для удобной работы на мобильных устройствах
- Легкий - около 8,5 КБ, единственная зависимость - jQuery.
- Отзывчивый - с вашими медиа-запросами (измените размер окна!)
- Открытый источник
Фильтр анимированного поиска jQuery
Плагин jQuery с анимированным поисковым фильтром для элементов списка.
Портфолио Cube: Адаптивный плагин jQuery Grid
Cube Portfolio - это мощный плагин jQuery, который обеспечивает красивую анимированную фильтрацию, настраиваемые подписи и идеально подходит для портфолио, галерей, членов команды, сообщений в блогах или любого другого упорядоченного контента. Он отлично сочетается с существующим HTML и CSS , что делает его отличным выбором для динамических и адаптивных макетов.
Функции:
- Адаптивный и центрирующий макет
- Полностью настраиваемый: более 20+ вариантов
- Вы можете добавлять неограниченное количество предметов
- Вы можете добавлять элементы с помощью AJAX
- Адаптивный встроенный лайтбокс с поддержкой изображений, youtube и vimeo.
- Встроенная единая страница ajax с поддержкой любого HTML
- 6 стартовых шаблонов
- 10 анимаций для сеток предметов
- Фильтр по категориям: группируйте записи по категориям
- Поддержка выпадающей фильтрации
- Функция отложенной загрузки
- Использование CSS-анимации с переходом на jQuery
- Мощный API: init, destroy, filter, appendItems, showCounter
- Регулируемая скорость, переход, замедление и эффекты для каждой подписи
панель фильтров: виджет фильтра jQuery Mobile
Общий виджет фильтра для jQuery Mobile на основе расширения фильтра listview.
Фильтрация отзывчивой галереи портфолио CSS3
Фильтровать. Галерея портфолио CSS3 создана для легкого и стильного представления ваших проектов, изображений и ссылок.
Функции:
- Чистый дизайн и закомментированный код
- Легко настроить под ваш дизайн и цветовую палитру
- Сделано на чистом CSS3 и HTML5
- Отзывчивый и адаптивный к различным размерам экрана
- Фильтры категорий
- 3 готовых темы
- 4 макета столбца для каждой темы
- 2 колонки
- 3 колонки
- 4 колонки
- Макет в полную ширину
- Анимированные оверлеи
- Быстрые ссылки для лучшего взаимодействия с пользователем
- Лайтбоксы для детального изображения и презентации проекта
- Lightbox навигация
- Пользовательские полосы прокрутки
jQuery Dynatable: плагин интерактивных таблиц HTML5 + JSON
Dynatable - это плагин для семантических интерактивных таблиц, использующий jQuery, HTML5 и JSON.
Dynatable делает три вещи:
- Нормализовать: он нормализует таблицу HTML в массив объектов JSON, где каждый объект (или запись) JSON соответствует строке в таблице.
- Шеф: сортирует, фильтрует и разбивает на страницы коллекцию JSON.
- Рендеринг: он отображает результирующую коллекцию операций обратно в таблицу.
Каскадные выпадающие списки jQuery
Cascading DropDowns - это плагин jQuery, который реализует раскрывающиеся списки, в которых содержимое одного списка зависит от выбора другого списка. Плагин имеет правую панель с элементами (любая структура html), которые зависят от выбранного значения в раскрывающемся списке и фильтруются при обратном вызове выбора. Выпадающие списки работают с json в качестве источника данных (массив ajax или javascript). Элементы правой панели работают с ajax или встроенным HTML в качестве источника данных.
Возможности:
- Работает с JSON и AJAX (пример PHP + SQLite)
- Поддерживает источник данных HTML / DOM для элементов правой панели
- Поддерживает массив javascript в качестве источника данных для раскрывающихся списков
- Полностью настраиваемые стили
- Работает во всех основных браузерах
- Аннотированный исходный код
- Документация JSDoc
Многоцелевые медиа-боксы jQuery - отзывчивая сетка
Это HTML | CSS | Полностью адаптивное портфолио JQuery в стиле pinterest с лайтбоксом. Он будет адаптироваться к ширине своего контейнера, поэтому вы можете положить его куда угодно, и вы можете положить что угодно в коробки. Также вам не нужно загружать все изображения сразу (для повышения производительности), поэтому вы можете указать количество изображений для загрузки при первой загрузке и количество изображений для загрузки при нажатии кнопки «загрузить больше изображений».
Панель фильтра навигации создается автоматически из категорий, которые вы указываете для каждого изображения.
Возможности:
- Полностью адаптивная сетка и лайтбокс
- Функция отложенной загрузки
- Лайтбоксы поддерживают изображения и фреймы любых размеров и сохраняют правильные пропорции.
- Панель навигации фильтра создается автоматически из категорий, которые вы указываете для каждой миниатюры.
- Установите количество изображений для загрузки при запуске и при нажатии кнопки «загрузить больше изображений»
- Поддержка эскизов для сетки только для изображений, которые вы хотите улучшить.
- Полностью отзывчивая сетка и лайтбокс
- На всю ширину, сетка адаптируется к 100% своего контейнера, если вы установите для ширины каждого столбца значение «авто».
- Вы можете указать статическую ширину для каждого столбца или указать количество столбцов.
- При указании количества столбцов вы можете установить минимальную ширину для каждого столбца.
- CSS3 эффекты
- Эффект наведения с учетом направления
- Лайтбоксы со слайд-шоу (воспроизведение, пауза, автовоспроизведение)
- Простая реализация
- Совместим с Twitter Bootstrap
Shuffle.js: плагин jQuery Shuffle
Плагин Shuffle.js, который помогает категоризировать, сортировать и фильтровать адаптивную сетку элементов и размещать группы элементов. Помимо других интересных функций, это эффективный, отзывчивый и быстрый плагин.
Это большое улучшение для перемешивания. В первую очередь, способность к раскладке кирпичной кладки. Другие дополнения включают добавление / удаление элементов, включение / отключение, несколько экземпляров на странице и многое другое!
Еще один фильтр столбцов DataTables в jQuery
Этот плагин jQuery позволяет пользователю легко добавлять компоненты фильтра в столбцы таблицы, плагин работает поверх плагина DataTables jQuery.
Возможности:
- Различные варианты фильтров:
- выберите вход
- автозаполнение ввода - используйте виджет автозаполнения jQuery UI (с некоторыми улучшениями)
- Разбор различных типов столбцов:
- простой текст
- простой текст с разделителем
- один или несколько элементов HTML с возможностью извлечения текста / значения / идентификатора из каждого элемента HTML
- Поддержка нескольких таблиц
- Поддержка CSS:
- каждый фильтрующий элемент имеет класс стиля css, поэтому его стиль можно легко переопределить
- Кнопка сброса фильтра:
- рядом с каждым фильтром появится кнопка сброса (эта кнопка позволяет пользователю сбросить фильтр)
- Используемый фильтр визуальное уведомление:
- когда используется определенный фильтр, он будет выделен (цвет выделения можно легко изменить с помощью css)
Расширенный плагин для таблиц jQuery
Удобный обработчик таблиц
Функции:
- редактируемый контент
- выбираемая строка
- строка с множественным выбором
- выбор источника (база данных, файл или HTML)
- фильтруемый контент
- скачать отфильтрованный контент
- обновление базы данных, защищенное паролем, с тайм-аутом
- изменяемый размер
Фильтруемый: фильтр столбцов таблицы jQuery для Bootstrap
Bootstrap и X-editable тематический плагин jQuery, который выполняет фильтрацию по столбцам для таблицы HTML.
Перемешать: jQuery Категоризируйте, сортируйте и фильтруйте гибкую сетку элементов.
Плагин jQuery Shuffle классифицирует, сортирует и фильтрует гибкую сетку элементов. Функции:
- Использует переходы CSS!
- Отзывчивый
- Фильтровать товары по группам
- Элементы могут иметь несколько групп
- Сортировать элементы
- Расширенный метод фильтрации (например, поиск)
Замечательный плагин jQuery для создания волшебных макетов - Isotope
Isotope - это впечатляющий плагин jQuery, который позволяет нам сортировать элементы и создавать интеллектуальные макеты. Используя плагин, любой заданный список элементов может быть отфильтрован с помощью эффектов отображения / скрытия, и их можно переупорядочить с помощью гладкой анимации. очень мощный. С помощью простой функции элементы можно преобразовать в горизонтальные / вертикальные макеты или разумно расположить в сетке и многое другое. И все это с красивой анимацией.
Фильтрация и категоризация продуктов jQuery
Элегантный способ фильтрации и категоризации продуктов. Легко редактируемая структура, управляемая json, с плавными эффектами и визуализацией. Функции:
- Читаемая база данных, управляемая JSON
- Полный экран или ограниченное использование
- Включает две темы: серая и сепия и файлы psd.
- Загрузка образа во время выполнения для повышения производительности
- Прокомментированный и квалифицированный код javascript с JSLint
MixItUp: плагин CSS3 и jQuery Filter & Sort
MixItUp - это легкий, но мощный плагин jQuery, который обеспечивает красивую анимированную фильтрацию и сортировку категоризированного и упорядоченного контента. Он отлично сочетается с существующим HTML и CSS, что делает его отличным выбором для гибких, адаптивных макетов. Он идеально подходит для портфолио, галерей, блогов или любого категоризированного или упорядоченного контента! MixItUp использует jQuery, чтобы решить, какие элементы скрыть, показать или изменить положение на основе ваших фильтров, а затем применяет возможности переходов CSS3 для плавной анимации этих элементов в их новых локации. Это чрезвычайно эффективный подход, который максимально использует возможности вашего современного браузера и позволяет избежать более ресурсоемких подходов, связанных с jQuery .animate () и position: absolute.
Filter.js: фильтр объектов JSON на стороне клиента jQuery
Filter.js - это клиентский фильтр объектов JSON для отображения / скрытия элементов HTML. Можно указать несколько критериев фильтрации и использовать их вместе друг с другом.
StreamTable.js: поисковый фильтр нового поколения в jQuery
StreamTable.js передает потоки данных для таблиц в фоновом режиме, обновляет и отображает их с помощью шаблонных фреймворков, таких как Mustache.js, HandleBars.js. Иногда мы хотим показать тысячи записей в таблице. Это может занять слишком много времени для отображения страницы и сделать ее непригодной для использования до тех пор, пока не будет заполнена вся таблица. Чтобы противостоять этому, мы могли бы заполнить таблицу с помощью вызова Ajax. В обоих случаях пользователям приходится ждать, пока не заполнятся все строки таблицы. Кроме того, пользователь не может выполнять какие-либо операции с таблицей, такие как поиск, разбиение на страницы и т. Д. Идея StreamTable.js состоит в том, чтобы сначала заполнить минимальное количество строк (может быть, 10 или 20), а после этого данные в потоке незаметно в фоновом режиме и обновить таблицу. . Это обеспечивает немедленную загрузку страницы и ее немедленное использование для всех операций.
Sieve: плагин jQuery для поиска чего угодно
Sieve - это плагин jQuery, позволяющий быстро добавить интерактивный поисковый фильтр к любому блоку контента.
jui_datagrid: плагин jQuery Ajax Datagrid
jui_datagrid - это плагин jQuery с поддержкой Ajax, полезный для управления данными базы данных в табличном формате. Полностью настраиваемый, простой, но мощный API, совместимость с темами jQuery, поддержка локализации. Он имеет модульную конструкцию, поэтому он использует плагин jui_pagination для разбиения по страницам и плагин jui_filter_rules для поиска.
Плагин выделения текста и фильтра jQuery
Когда кто-то вводит что-либо в нем, заданная область на вашей странице становится отзывчивой и отображает только часть этой области, которая содержит слово или строку, введенную пользователем.
Создайте веб-сайт для поиска покупок на базе Google с помощью jQuery и PHP
В этом руководстве мы создадим простую систему поиска товаров. Используя jQuery и PHP, мы подключимся к Google Shopping Search API и вернем список товаров, доступных для покупки, вместе с ценами, фотографиями и другой полезной информацией. API поиска в покупках дает нам прямой доступ к большой базе данных Google с товарами и ценами, полученной от партнерских интернет-магазинов. Еще одним преимуществом использования этой службы является то, что продукты автоматически ранжируются и фильтруются, чтобы мы могли лучше соответствовать поисковому запросу пользователя.
jQuery TickBack: плагин для анимации фильтрации списка
Плагин jQuery для анимации фильтрации списка. Правильная версия jQuery (1.8+), jQuery Transit (в настоящее время неофициальная не объединенная вилка с соответствующей поддержкой браузера). Также: элементы в списке должны иметь одинаковые размеры. Вы указываете при начальной загрузке плагина функцию обратного вызова, которая используется для определения того, следует ли отфильтровать элемент в списке.
Smart Cart: многофункциональный плагин jQuery для корзины покупок
Smart Cart - это гибкий и многофункциональный плагин jQuery для корзины покупок. Это делает раздел добавления в корзину покупок в Интернете намного проще и удобнее. Он компактен по дизайну, очень прост в реализации и требует минимального количества HTML. Выбранные товары в корзине доступны в виде массива пар продукт / количество, разделенных знаком «|» в форме отправки или при запуске события оформления заказа. Smart Cart 2 имеет простой и компактный дизайн с вкладками для экономии места. Особенности (Smart Cart 2.0):
- Легко реализовать, требуется минимум HTML
- Чистый и компактный дизайн, конструкция с вкладками экономит место
- Поиск продуктов и фильтр категорий обеспечивают легкий и быстрый доступ к продукту, который ищут пользователи.
- Автоматически рассчитывает промежуточный и общий итог
- Количество можно редактировать из списка корзины
- Поддержка событий, настраиваемая функция Ajax и проверка могут быть легко реализованы с помощью событий.
- Отображение изображения продукта и расширенный показ всплывающих подсказок
- Можно реализовать несколько тележек на одной странице
- Опция шаблона для простой настройки деталей отображения продукта
- Предварительно добавляйте товары в корзину при загрузке страницы
Guggenheim.js: плагин jQuery Gallery с эффектной фильтрацией и изменением порядка
Guggenheim.js - это независимый от фреймворка плагин для создания сексуальных интерактивных галерей. Он использует CSS3 анимацию (с откатом к Javascript) для создания анимированной фильтрации, переупорядочивания и разбивки на страницы вашей галереи.
filterrify: jQuery HTML5 Расширенная фильтрация тегов с демонстрацией
Filtrify - это плагин расширенной фильтрации тегов, созданный на основе функции многократного выбора Chosen и вертикального навигационного меню Ормана Кларка. Расширенный, потому что вы можете искать теги внутри тегов и фильтровать элементы по нескольким тегам из разных категорий и получать оперативную обратную связь о количестве элементов, содержащих связанные теги.
Галерея анимированных фильтров jQuery: Фильтры
Фильтры - это плагин jQuery, который позволяет фильтровать элементы с помощью настраиваемой анимации. Вы можете использовать переходы CSS3 или просто эффект fadeIn / Out. Сходите на демонстрации и посмотрите, насколько это просто.
Как создать быстрый и простой фильтр списка с помощью jQuery
Иногда вы хотите, чтобы пользователи вашего веб-приложения быстро отфильтровали список. Например, в веб-приложении, над которым я сейчас работаю, есть страница со списком двух десятков стран, и я хочу, чтобы пользователи как можно быстрее находили страну, которую они ищут. В этой статье показано, как мало требуется кода, чтобы быстро и постепенно улучшать это с помощью jQuery.
jPList: плагин обработки списка jQuery
jPList - это плагин jQuery для сортировки, разбиения по страницам и фильтрации любого контента, например DIV, списков и таблиц.
- Работает с любым контентом (таблицы, списки, элементы div)
- SEO дружелюбный
- Пейджинг
- Фильтрация
- Сортировка по возрастанию или убыванию
- Алфавитная или числовая сортировка
- Состояние сортировки, разбиения по страницам и фильтрации может быть сохранено в файлах cookie.
Плагин jQuery ListNav
Этот плагин jQuery предоставляет простой способ ненавязчиво добавить виджет навигации на основе букв в любой список UL или OL. Над списком появляется легко стилизуемая (через CSS) панель навигации, отображающая для пользователя буквы от A до Z. Щелчок по одной из букв фильтрует список, чтобы отобразить только те элементы в списке, которые начинаются с этой буквы.
Фильтр таблицы PicNet
Этот плагин jQuery добавляет в обычную таблицу Html возможность фильтрации столбцов в режиме реального времени, подобную Google. Фильтр таблицы PicNet используется в производстве в нескольких проектах PicNet, поэтому он был протестирован готовым к работе. Табличный фильтр родился в рамках нашего проекта Visual Analytics (Mouse Eye Tracking) и получил отличные отзывы.
Плагин jQuery для фильтрации зыбучих песков
Quicksand - это плагин jQuery, очень функциональный для изменения порядка и / или фильтрации элементов путем перетаскивания хорошей анимации. Все, что вам нужно сделать, это предоставить два набора предметов. Вы можете сделать это несколькими способами: * Используя базовый HTML, такой как неупорядоченный список * Загрузка данных с помощью вызовов Ajax * Элементы HTML для изменения с помощью JavaScript
Фильтрация списка jQuery
Вот небольшой умный скрипт, который, безусловно, пригодится, если вы хотите дать пользователям возможность уточнить результаты поиска или отфильтровать результаты поиска. Если бы у вас был список фильмов с длинными названиями, это был бы быстрый и простой способ отфильтровать результаты.
jLocator: локатор магазина jQuery
jLocator - это плагин для поиска магазинов jQuery, использующий Google Maps API V3 и обеспечивающий поиск, сортировку, фильтрацию и разбиение на страницы для ваших магазинов. База данных не требуется. Возможности:
- База данных не требуется
- Google API V3, ключ не требуется
- Все магазины объявлены в HTML, структура HTML гибкая и может быть легко изменена.
- Любую дополнительную информацию можно добавить в магазин.
- Значок карты можно заменить любым изображением / значком.
- Определение местоположения пользователя (геолокация)
- Ищите магазины по адресу, городу или почтовому индексу.
- Сортируйте магазины по названию или другому свойству.
- Автоматическая пагинация магазинов
- Могут быть добавлены несколько видов фильтров: фильтры флажков, выпадающие фильтры и поиск по текстовым полям.
- Полностью настраиваемые стили
- Работает во всех основных браузерах
table_filter.js: плагин jQuery для фильтрации строк таблицы HTML
Это плагин jQuery, который использует ввод из текстового поля для фильтрации строк в таблицах HTML. он быстрый и легкий (уменьшенная версия занимает всего 872 байта).
tiltShift.js: фильтры изображений jQuery и CSS3 для имитации эффекта сдвига и наклона
Плагин jQuery, который использует фильтры изображений CSS3 для воспроизведения эффекта сдвига и наклона. Это пробная версия, и в настоящее время работает только в Chrome и Safari 6.
SlickGrid: молниеносная сетка / электронная таблица jQuery
SlickGrid - это компонент сетки / электронной таблицы JavaScript. Это продвинутый компонент, который будет немного сложнее изучить и настроить, но как только вы полностью реализуете его потенциал, он поразит вас! Некоторые основные моменты:
- Адаптивная виртуальная прокрутка (обрабатывайте сотни тысяч строк с максимальной скоростью отклика)
- Чрезвычайно высокая скорость рендеринга
- Поддерживает темы пользовательского интерфейса jQuery
- Пост-рендеринг фона для более богатых ячеек
- Настраиваемый и настраиваемый
- Полная навигация с клавиатуры
- Изменение размера столбца / изменение порядка / отображение / скрытие
- Автоматическое изменение размера колонки и принудительная подгонка
- Подключаемые форматеры и редакторы ячеек
- Поддержка редактирования и создания новых строк.
- Группировка, фильтрация, настраиваемые агрегаторы и многое другое!
- Продвинутые автономные и многопольные редакторы с поддержкой отмены / повтора.
- «GlobalEditorLock» для управления одновременным редактированием в тех случаях, когда несколько представлений на странице могут редактировать одни и те же данные.
Шаблон карты jQuery с возможностью поиска с таблицами Google Fusion Tables
Вы хотите разместить свои данные на карте с возможностью поиска. Это бесплатный инструмент с открытым исходным кодом, который поможет вам в этом.
Функции :
- чистый, полноэкранный макет
- новый удобный для мобильных устройств и планшетов благодаря адаптивному дизайну
- адресный поиск (с переменным радиусом)
- геолокация (найди меня!)
- новые URL-адреса RESTful для обмена поисковыми запросами
- количество результатов (с использованием Google Fusion Tables API)
- возможность легко добавлять дополнительные фильтры поиска (флажки, ползунки и т. д.)
- все сделано с помощью HTML, CSS и Javascript - код на стороне сервера не требуется
GridNic: молниеносная сетка / электронная таблица JavaScript
SlickGrid - это компонент сетки / электронной таблицы JavaScript. Это продвинутый компонент, который будет немного сложнее изучить и настроить, но как только вы полностью реализуете его потенциал, он поразит вас! Некоторые основные моменты:
- Адаптивная виртуальная прокрутка (обрабатывайте сотни тысяч строк с максимальной скоростью отклика)
- Чрезвычайно высокая скорость рендеринга
- Поддерживает темы пользовательского интерфейса jQuery
- Пост-рендеринг фона для более богатых ячеек
- Настраиваемый и настраиваемый
- Полная навигация с клавиатуры
- Изменение размера столбца / изменение порядка / отображение / скрытие
- Автоматическая подгонка размера колонки и принудительная подгонка
- Подключаемые форматеры и редакторы ячеек
- Поддержка редактирования и создания новых строк.
- Группировка, фильтрация, настраиваемые агрегаторы и многое другое!
- Продвинутые автономные и многопольные редакторы с поддержкой отмены / повтора.
- «GlobalEditorLock» для управления одновременным редактированием в тех случаях, когда несколько представлений на странице могут редактировать одни и те же данные.
Плагин jQuery Sort and Order Portfolio
Плагин jQuery Sort and Order Portfolio имеет следующие особенности:
- Расширяемые кнопки фильтра и заказа.
- Настройте анимацию, управляемую CSS3, изящная деградация.
- Около 30 видов анимационных переходов, разных по легкости и легкости выхода.
- Дополнительный обратный порядок, вы можете установить кнопку заказа, поддерживать его или нет.
Создайте веб-приложение с фильтрами, подобными Instagram, в jQuery и CamanJS
В этом уроке мы собираемся создать простое веб-приложение, которое позволит вам перетащить фотографию с вашего компьютера в окно браузера и применить к ней фильтры, подобные Instagram. Для этого мы воспользуемся рядом библиотек и плагинов JavaScript:
- Caman.js - это мощная библиотека для работы с холстом, которая позволяет применять к изображению различные эффекты и фильтры. Он поставляется с 18 предустановленными фильтрами, которые мы будем использовать в этом примере (вы можете создать больше, если хотите);
- Filereader.js - это легкая оболочка для событий перетаскивания HTML5, которая значительно упрощает работу с ними. Он также добавляет метод к jQuery, поэтому вы можете привязать события к определенному элементу;
- jQuery Mousewheel - я использую этот плагин для прокрутки контейнера фильтра;
- Кроме того, мы используем последнюю версию jQuery на момент написания.
Плагин Megafolio Pro Responsive Grid jQuery
Megafolio Pro - это полностью адаптивный плагин медиа-сетки, который позволяет отображать контент практически всеми возможными способами, используя предустановленные или сгенерированные случайным образом макеты. Погрузитесь прямо в действие, взглянув на наши превью, демонстрируя лишь несколько примеров того, что возможно с Megafolio Pro! Функции:
- Тонны вариантов
- Полностью адаптивный и оптимизированный для мобильных устройств (смартфоны и планшеты)
- Настраиваемые макеты сетки
- Различные переходы и эффекты
- Категория Стили фильтров
- Быстрый CSS3 и jQuery Engine
- Идеальное решение для всех сетевых приложений
- Плагин Fancybox 2 Lightbox
Галерея портфолио jQuery Dimension 3D
Dimension 3D Portfolio Gallery - это простая в использовании jQuery 3D Tile / Portfolio Gallery с выбором 3D-анимированных фильтров. Используйте его для демонстрации своей работы. Это портфолио создано с использованием javascript, CSS3 и HTML5.
Плагин Isotope SearchFilter jQuery
Это плагин jQuery, который сочетает в себе функцию поиска по внутренней странице с плагином Isotope.
instaFilta: плагин jQuery для выполнения фильтрации на странице
instaFilta - это плагин jQuery для выполнения фильтрации на странице. Представьте, что у вас есть веб-страница, отображающая огромный список данных. Пользователю может быть трудно просмотреть все эти данные, чтобы найти то, что ему / ей интересно. InstaFilta - это плагин jQuery, который использует ввод текстового поля для выполнения внутристраничной фильтрации, скрывая несоответствующие элементы как типы пользователей. При желании он также может отфильтровать полные разделы (группы элементов), если в этом разделе нет соответствующих элементов.
Magnet - плагин jQuery для фильтруемых макетов
Magnet - это плагин jQuery для создания фильтруемых макетов. Разработанный, чтобы быть максимально простым, Magnet легко инициализировать и настроить. Все дополнено обширной документацией с фрагментами кода и примерами.
MixItUp 2: jQuery Animated Filtering & Sorting Plugin
MixItUp - это плагин jQuery, обеспечивающий анимированную фильтрацию и сортировку.
MixItUp отлично подходит для управления любым категоризированным или упорядоченным контентом, таким как портфолио, галереи и блоги, но также может функционировать как мощный инструмент для взаимодействия с пользовательским интерфейсом приложения и визуализации данных. MixItUp отлично сочетается с существующим HTML и CSS, что делает его отличным выбором для адаптивные макеты.
Вместо того, чтобы использовать абсолютное позиционирование для управления макетом, MixItUp предназначен для работы с существующим встроенным макетом. Хотите использовать проценты, медиа-запросы, встроенный блок или даже гибкий блок? Без проблем!
bootFolio - самая легкая фильтрация портфолио jQuery
bootFolio - это самый легкий (1,59 КБ) скрипт jQuery для фильтрации портфолио с анимацией css3. он оптимизирован для начальной загрузки и очень прост в использовании.
Возможности:
- Самый легкий в мире скрипт для фильтрации портфолио (1,59 КБ)
- Чистый CSS3 переход, преобразование и анимация
- PrettyPhoto интеграции
- Очень проста в использовании
- Высокая оптимизация для / с Bootstrap
- Отзывчивая / текучая / эластичная поддержка
Treelistfilter: плагин jQuery поддерживает фильтрацию в дереве иерархии
Простой плагин jQuery для поддержки дерева иерархии фильтрации, которое создается неупорядоченным списком
Плагин jQuery ListNav
Добавьте удобную «буквенную» панель навигации во все свои списки. Щелкните букву, чтобы быстро отфильтровать список по элементам, соответствующим этой букве. Я исправил его так, чтобы он был совместим с плагином jQuery 1.4.X Original от iHWY.
DYSANIA - плагин jQuery для адаптивной галереи сеток WordPress
- Полностью адаптивный макет
- Действительный HTML5 - CSS3 - JQuery
- Неограниченное количество галерей и фильтров. Неограниченное количество галереи и меню фильтров можно добавить к любому сообщению или странице.
- Простая в использовании, удобная админ-панель
- Широкие возможности настройки! Все цвета, шрифты, выравнивание, значки, анимацию наведения можно изменить в настройках плагина.
- Доступны типы элементов фото, видео и галереи ссылок.
- 6 разных стилей палитры
- 1,2,3,4,5 варианты расположения столбцов
- Подходит для всех тем
- Комбинация сеток
- 4 варианта разрешения миниатюр
- Генератор шорткодов галереи
- Пользовательский виджет
- И многое другое…
Multifilter: плагин jQuery для сортировки таблицы по нескольким входам
Multifilter - это плагин jQuery, позволяющий фильтровать таблицу на основе нескольких входных данных. Посмотрите его ниже в демонстрации. Это довольно мило.
jQuery Amazing Portfolio - плагин для WordPress
Возможности:
- Создавайте полностью адаптивные портфолио
- Управляйте количеством столбцов для различных разрешений и ширины экрана.
- 25 уникальных и креативных тематических эффектов (скоро будет больше)
- Неограниченные цвета и стиль.
- Управляйте неограниченным портфелем.
- Управляйте кроссбраузерными CSS-эффектами различных элементов, таких как границы, фон, шрифты, отступы, поля, выравнивания, цвета, тени и т. Д.
- На основе мощного плагина Mixitup
- Поддержка изображений, видео и аудио для портфолио
- Полностью настраиваемые параметры CSS и стиля. Возможность кастомизации или редизайна всех частей портфолио из панели.
- Адаптивный лайтбокс поддерживает любые типы мультимедиа, такие как аудио, видео, внешнее видео, изображения, встроенные коды и HTML-коды.
- Автоматическое определение мультимедиа в лайтбоксе и поддержка навигации с помощью клавиатуры
- Управление плавностью анимации, эффектами анимации и скоростью анимации
- Фильтруемое портфолио с управляемой анимацией.
- 25 великолепных встроенных демонстраций
- Создавайте аудиофайлы или портфолио видеофайлов с помощью браузерных плееров по умолчанию
jQuery.profanityFilter: фильтр ненормативной лексики на стороне клиента.
JQuery.profanity.Filter - это простой клиентский фильтр ненормативной лексики. Он включает несколько вариантов, в том числе замену слов звездочками, знаками решетки или случайными словами из определенного списка.
Swift Filter: фильтр содержимого jQuery
Swift Filter - это плагин jQuery, который помогает создавать настраиваемые поля поиска, которые могут фильтровать / выполнять поиск по содержанию вашего сайта.
Это отличное решение для фильтрации любого контента на вашей странице, поиска в вашем FAQ, вашем портфолио, ваших продуктах без какого-либо внутреннего программирования.
Portfilter: фильтр портфолио jQuery для Bootstrap
Portfilter - это очень легкий портфельный фильтр для Bootstrap.
Tagsort: плагин фильтрации jQuery
JQuery, использующий атрибуты данных HTML5 для динамического создания интерактивных тегов, которые можно использовать для фильтрации и сортировки набора помеченных элементов.
Сетка продуктов с возможностью фильтрации с помощью jQuery и CSS3
Адаптивный макет сетки продукта с удобными для касания галереями Flickity и функциональностью фильтров на основе изотопов. Этот Blueprint представляет собой отзывчивый макет сетки продукта на основе изотопов, где каждый элемент сетки представляет собой слайдер Flickity image. Небольшая анимация значка корзины указывает на то, что товар был добавлен в корзину. Фильтр продукта использует функцию фильтра изотопов. Некоторые примеры медиа-запросов используются, чтобы показать, как сделать макет адаптивным.
Evolutility.js: библиотека веб-интерфейса для таблиц и форм
Evolutility предоставляет набор общих представлений Backbone Views для просмотра, редактирования, фильтрации, экспорта и построения диаграмм моделей Backbone и коллекций различных структур. С его помощью вы настраиваете представления с метаданными вместо шаблонов ручного кодирования, Javascript и CSS.
Выпадающий фильтр Bootstrap для библиотеки jPList
Выпадающий фильтр начальной загрузки - это элемент управления для jPList, библиотеки с открытым исходным кодом для сортировки, фильтрации и разбивки на страницы. Он позволяет фильтровать любую структуру HTML (DIV, UL / LI, таблицы и т. Д.) По заданному пути jQuery и использует стандартный раскрывающийся компонент Bootstrap для макета.
Возможности:
- Отфильтровать любую HTML-структуру по пути jQuery
- Поддерживает локальное хранилище и файлы cookie
- Поддерживает глубокие ссылки
- Полностью настраиваемые стили
Галерея отфильтрованных изображений с Fancybox и jQuery
Создайте галерею изображений Fancybox, которую можно фильтровать по различным категориям с помощью jQuery и Fancybox.
Фильтр содержимого с помощью CSS3 и jQuery
Выдвижная панель фильтров на основе CSS и jQuery. Хорошо продуманный фильтр - мощный инструмент, которым пользователи могут воспользоваться. На самом деле это важная функция, если на вашем веб-сайте много контента, распределенного по разным категориям. Для электронной коммерции это способ повысить коэффициент конверсии за счет сокращения времени, необходимого пользователю для поиска того, что он ищет.
WATable: плагин jQuery Table с сортировкой, разбиением по страницам, фильтрацией
Плагин таблицы jQuery для швейцарской армии с легкостью и молниеносной скоростью фильтрации, форматирования, разбивки на страницы и сортировки ваших данных.
princeFilter: плагин jQuery для фильтрации табличных данных
Плагин JQuery для фильтрации табличных данных. Используйте следующие операнды для фильтрации ваших табличных данных: 'equlas', 'not-equals', 'like', 'start with', 'end with', 'less than', 'more than', 'true' или ' false '(для ячеек, содержащих флажки)
Фильтры: плагин фильтров поиска jQuery
Jquery Filters - это плагин для простого создания поисковых фильтров для вашего бэк-офиса.
