Недавно работал над одним проектом и была задача сделать для мобильных устройств шторку на сайт. Примеров и информации по этой теме не так много но нужно было выполнять заказ. Думаю все мы когда-то слышали про такую библиотеку как hammer.js , я тоже как-то с ней встречался но по мелочи. Искал очень много примеров чтобы понять […]
На досуге листав ленту в instagtam наткнулся на красивую кнопочку с анимацией. Так она мне зашла что решил ее повторить на css. Это была кнопка оформления заказа с анимацией погрузки товара и его отправки, и вот как получилось это у меня. Вот делюсь своим результатом тут: Думаю иногда делать такого рода анимации, что скажете? […]
Lava Lamp — это плагин для создания интересной анимации, которая придаст изюминки вашему сайту. Во первых это очень красиво и интересно. Вы сможете оформить любые элементы на сайте, к примеру навигацию (меню) на Вашем сайте, галерею фотографий, форму обратной связи и все что захотите. Ниже я покажу как установить Эффект Lava Lamp на сайт, а […]
Хочу представить очень крутой плагин для создания каруселей со скролом и большим набором функционала, и покажу как проходит установка sly slider. Я очень часто использую его в своих проектах где нужна карусель со скролбаром (scrollbar). Эта карусель очень хорошо себя показывает в адаптивной верстке, а также на мобильных устройствах. Sly slider хорошо работает при динамичном […]
Про установку самого slick slider на Ваш сайт можете посмотреть по этой ссылке. Бывают случаи когда нужно установить Slick слайдер внутри вкладок bootstrap tabs. Это могут быть блоки вкладок с каруселями товаров такого типа: Новинки | Популярное | Рекомендуем. При переключении по каждой вкладке должна быть соответствующая карусель с товарами. В таком случае, конечно, Мы […]
Про установку на Ваш сайт самого slick slider можете посмотреть по этой ссылке.Часто бывают случаи когда нужно задействовать Slick слайдер в модальном окне bootstrap, сделать карусель товаров либо просто слайд шоу фотографий с помощью slick slider. Но вы можете столкнуться с такой проблемой, когда slick слайдер при открытии неправильно отображаеться, либо его совсем не видно. […]
В предыдущей статье я показывал Вам примеры также с input но для стилизации checkbox. Сегодня хочу снова показать Вам блок количество товара jquery, без которого не обходиться ни один интернет магазин.Еще его называют input spinner. Работает он с помощью jquery. В примере я покажу несколько вариантов которые я использовал на реальных сайтах. В примере вы […]
Решил выставить один из часто используемых мною кода для стилизации checkbox с помощью одного лишь css и html. Преимущество такого чекбокса в том что он очень легкий (в плане веса при загрузке страниц), так как все написано на css без использования скриптов и без изображений. Я сам использую данный пример в своих работах, поэтому советую […]
Здравствуйте, хочу рассказать Вам о слайдере slick slider для сайта который показал себя как легкий, универсальный и простой в установке. На нем можно реализовать все что связано со слайдерами и каруселями. Как заявляет создатель плагин «the last carousel you’ll ever need», что можно трактовать как единственная универсальная карусель которая подойдет для любой вашей задумки. И это […]
Так как я часто использую bxslider решил написать плагин с помощью которого можно легко сгенерировать код инициализации с настройками для него. Слева в сайдбаре вы можете найти все нужные настройки, а в коде ниже, в блоке JS будет генерироваться нужный Вам код. Генератор настроек Bxslider создан для того чтобы упростить работу простому пользователю. Чтобы он мог быстро […]
В предыдущей статье я писал как установить этот плагин. В этом посте я покажу примеры BxSlider и его использования. В примерах ниже будут представлены стандартные настройки и возможности карусели. Этих примеров хватает чтобы показать мощность и гибкость данного плагина. Вы можете его использовать для: карусели товаров интернет магазина; основного слайдера (hero) в шапке вашей страницы; карусель […]
BxSlider — лучший в своем роде плагин для создания карусели или слайдера. Могу сказать из личного опыта и стажа, что это действительно так. Если на сайте нужен слайдер либо карусель, то использую 90% случаев только его. Он подойдет как для обычного слайдера так и карусели с множеством настроек. Сейчас я Вам покажу как производиться установка […]