Если Вы хотите работать со мной, просто напишите!
Если Вам нужно выполнить HTML верстку, или хотите задать мне вопрос, заполните форму справа

X
Рубрика "Блог" содержит 36 статей

Шторка на сайт

Недавно работал над одним проектом и была задача сделать для мобильных устройств шторку на сайт. Примеров и информации по этой теме не так много но нужно было выполнять заказ. Думаю все мы когда-то слышали про такую библиотеку как hammer.js , я тоже как-то с ней встречался но по мелочи. Искал очень много примеров чтобы понять […]

Анимация кнопки на css

На досуге листав ленту в instagtam наткнулся на красивую кнопочку с анимацией. Так она мне зашла что решил ее повторить на css. Это была кнопка оформления заказа с анимацией погрузки товара и его отправки, и вот как получилось это у меня. Вот делюсь своим результатом тут:   Думаю иногда делать такого рода анимации, что скажете? […]

Эффект Lava Lamp

Lava Lamp — это плагин для создания интересной анимации, которая придаст изюминки вашему сайту. Во первых это очень красиво и интересно. Вы сможете оформить любые элементы на сайте, к примеру навигацию (меню) на Вашем сайте, галерею фотографий, форму обратной связи и все что захотите. Ниже я покажу как установить Эффект Lava Lamp на сайт, а […]

Установка sly slider

Хочу представить очень крутой плагин для создания каруселей со скролом и большим набором функционала, и покажу как проходит установка sly slider. Я очень часто использую его в своих проектах где нужна карусель со скролбаром (scrollbar). Эта карусель очень хорошо себя показывает в адаптивной верстке, а также на мобильных устройствах. Sly slider хорошо работает при динамичном […]

Slick слайдер внутри вкладок bootstrap tabs

Про установку самого slick slider на Ваш сайт можете посмотреть по этой ссылке. Бывают случаи когда нужно установить Slick слайдер внутри вкладок bootstrap tabs. Это могут быть блоки вкладок с каруселями товаров такого типа: Новинки | Популярное | Рекомендуем. При переключении по каждой вкладке должна быть соответствующая карусель с товарами. В таком случае, конечно, Мы […]

Slick слайдер в модальном окне bootstrap / slick slider in modal bootstrap

Про установку на Ваш сайт самого slick slider можете посмотреть по этой ссылке.Часто бывают случаи когда нужно задействовать Slick слайдер в модальном окне bootstrap, сделать карусель товаров либо просто слайд шоу фотографий с помощью slick slider. Но вы можете столкнуться с такой проблемой, когда slick слайдер при открытии неправильно отображаеться, либо его совсем не видно. […]

Количество товара в input +/- jquery

В предыдущей статье я показывал Вам примеры также с input но для стилизации checkbox. Сегодня хочу снова показать Вам блок количество товара jquery, без которого не обходиться ни один интернет магазин.Еще его называют input spinner. Работает он с помощью jquery. В примере я покажу несколько вариантов которые я использовал на реальных сайтах. В примере вы […]

Styled checkbox / Стилизированные чекбоксы

Решил выставить один из часто используемых мною кода для стилизации checkbox с помощью одного лишь css и html. Преимущество такого чекбокса в том что он очень легкий (в плане веса при загрузке страниц), так как все написано на css без использования скриптов и без изображений. Я сам использую данный пример в своих работах, поэтому советую […]

Установка slick slider на ваш сайт

slick slider

Здравствуйте, хочу рассказать Вам о слайдере slick slider для сайта который показал себя как легкий, универсальный и простой в установке. На нем можно реализовать все что связано со слайдерами и каруселями. Как заявляет создатель плагин «the last carousel you’ll ever need», что можно трактовать как единственная универсальная карусель которая подойдет для любой вашей задумки. И это […]

Легкий и простой генератор настроек Bxslider

Так как я часто использую bxslider решил написать плагин  с помощью которого можно легко сгенерировать код инициализации с настройками для него. Слева в сайдбаре вы можете найти все нужные настройки, а в коде ниже, в блоке JS будет генерироваться нужный Вам код. Генератор настроек Bxslider создан для того чтобы упростить работу простому пользователю. Чтобы он мог быстро […]

Примеры BxSlider

В предыдущей статье я писал как установить этот плагин. В этом посте я покажу примеры BxSlider и его использования. В примерах ниже будут представлены стандартные настройки и возможности карусели. Этих примеров хватает чтобы показать мощность и гибкость данного плагина. Вы можете его использовать для: карусели товаров интернет магазина; основного слайдера (hero) в шапке вашей страницы; карусель […]

Установка карусели BxSlider

BxSlider — лучший в своем роде плагин для создания карусели или слайдера. Могу сказать из личного опыта и стажа, что это действительно так. Если на сайте нужен слайдер либо карусель, то использую 90% случаев только его. Он подойдет как для обычного слайдера так и карусели с множеством настроек. Сейчас я Вам покажу как производиться  установка […]

Если Вы хотите работать со мной, просто напишите!
Если Вам нужно выполнить HTML верстку, или хотите задать мне вопрос, заполните форму справа

X