Сетка товаров с возможностью фильтрации

Сетка товаров с возможностью фильтрации

От автора: макет отзывчивой сетки товаров с дружественной к сенсорным экранам галереей на основе Flickity и функцией фильтрации на основе Isotope.

скачать исходникидемо

Наш проект это отзывчивый макет сетки товаров на основе Isotope, где каждый элемент сетки это Flickity слайдер картинок. Товары, добавленные в корзину, помечаются маленькой иконкой тележки. Фильтр товаров работает на основе Isotope filter. Для того, чтобы сделать макет адаптивным, применяются медиа запросы. (Обратите внимание, что IE9 не поддерживает анимацию)

Использование Flickity от David DeSandro возможно по лицензии GNU GPL license v3. Если вы планируете использовать данный ресурс в коммерческих целях, пожалуйста, подробно ознакомьтесь с лицензией Flickity.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

HTML

CSS

JavaScript

Посмотреть проект на Github

Автор: Mary Lou

Источник: http://tympanus.net/

Редакция: Команда webformyself.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

Метки: ,

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий