Рубрика: Скрипты

Slick slider

Slick slider — это jquery плагин для быстрого создания на сайте адаптивного слайдера любой сложности. Его функционал позволяет реализовать зацикливание, автопроигрывание, эффект перехода, динамическое добавление слайдов и многое другое. Отдельно выделю возможность пролистывания слайдера пальцем на мобильных устройствах.

Читать далее

Zoom Slider

Простой слайдер контента с эффектом зума в предопределенных областях для каждого слайда.

Читать далее

jQuery Zoom – увеличение изображения

Небольшой jQuery плагин который позволяет увеличивать изображение при наведении на него курсора мышки или при нажатии на нем. Так же поддерживается Touch событие. Настроек у него мало, только самые основные и несколько callback параметров. Подробнее о настройках в статье.

Читать далее

Spectrum — colorpicker выбор цвета

Скрипт выбора цветов — colorpicker.
Поддержка браузерами:
IE 6+, Chrome 4+, Firefox 3.6+, Safari 4+, Opera 11.1+, iOS

Читать далее

Открытка с Новым годом

Слегка видоизмененная открытка к новому году найденная на codepen. Смотрится эффектно, при этом никакого сложного кода не написано. В основном это анимации на CSS3.

Читать далее

Снегопад на базе particles.js

Снегопад реализованный с помощью библиотеки particles.js. Добавлено реагирование снежинок на движение и нажатие курсора. В качестве снежинки используется простая прозрачная png картинка, которую можно заменить не только на снежинки.

Читать далее

Новогодняя мотня

Елочные шарики, которые двигаются при наведении на них мышкой и издают звук.

Читать далее

Cocoen — сравнение изображений до и после

Визуальное сравнение двух изображений одного и того же момента, но при разных условиях. Передвигая бегунок слева направо или в обратном направлении можно наглядно сравнить состояния До и После.

Читать далее

Canvi — off-canvas панель навигации

Canvi навигационная панель (off-canvas) с несколькими параметрами для настройки.
Можно использовать сразу несколько панелей на одной странице,
устанавливать адаптивную ширину и впринципе использовать свои стили для панели.

Читать далее

Свяжитесь со мной

Используйте эту форму, чтобы рассказать мне о целях и потребностях вашего проекта.

[contact-form-7 404 "Not Found"]