Все для веб-дизайнера
Записи с метками Ротатор контента
Cлайдер с переходами для сайта на Vue.js
16 Авг
Красивый слайдер это большой плюс для ресурса. Он позволяет визуально притянуть взор посетителя, будь то красивая анимация или необычный подход к поставленной задачи, в любом случае слайдер это весьма полезный инструмент, благодаря чему ваш сайт запомнится. Сегодня мы хотим рассказать как создать замечательный слайдр с переходами для сайта при помощи Vue. Vue.js — JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов в парадигме реактивного программирования.
Прокрутка слайдов при помощи клавиатуры
7 Авг
Наверное не только мне удобней листать объекты на сайте при помощи клавиатуры, управление мышкой это безусловно здорово, но нужно давать пользователю максимальное удобство на вашем сайте. Сегодня мы бы хотели поговорить о том, как реализовать управление слайдов на сайте при помощи стрелок клавиатуры, поможет нам в этом небольшой плагин jQuery. Используйте кнопки навигации или стрелки клавиатуры для прокрутки индикатора при переключении между слайдами. При разработке были вдохновлены интерфейсом iOS — uipickerview.
Слайдер с анимированным эффектом на Vue.js
6 Авг
Сегодня мы бы хотели рассказать как создать замечательный и немного необыкновенный слайдер для сайта с красивой анимацией, которая привлекает взор посетителя с первых секунд просмотра, а интересный подход к навигации слайдера делает его уникальным в своем роде, будьте уверены, такой слайдер станет отличным дополнением для вашего ресурса. Красивый слайдер помогает преподнести информацию для посетителя на блюдце, и он наверняка заглотнет наживку и ознакомится с желаемой информацией, а вы получите нового клиента.
Динамический timeline со слайдером на jQuery
2 Авг
Сегодня поговорим о создании временной шкалы для сайта, иногда разработчикам стоит отобразить временной путь, например что компания достигла за эти годы в виде временного графика, мы сегодня расскажем как стилизовать такой timeline при помощи плагина jQuery. Roadmap-это плагин слайдера временной шкалы с jQuery, который динамически отображает события в отзывчивом, прокручиваемом горизонтальном слайдере с плавной анимацией. Ползунок временной шкалы автоматически изменит направление в зависимости от текущего размера экрана.
Parallax slider для сайта при помощи jQuery
28 Июл
Cлайдер на сайте это отличная штука, ведь картинки всегда привлекают больше внимание чем текст, а если картинки еще и двигаются то это вдвойне плюс. Думаю каждый из Вас знает что такое параллакс, и хоть раз с ним сталкивался, сейчас все больше и больше сайтов реализованы с применением параллакса, визуально он помогает оживить сайт, и для пользователя это интересно, ведь придает некую изюминку в сайт, соответственно читатель запомнит вас, чем не идеальный маркетинговый ход для привлечения новых клиентов на сайт.
Адаптивный анимированный аккордеон на CSS3
24 Июл
Cегодня я бы хотел поговорить о организации места на сайте, меня часто спрашивают, как создать красивый анимированный аккордеон для сайта, который будет приятным в интерфейсе и требовал минимум усилий в реализации. Именно о нем мы сегодня поговорим, такой аккордеон весьма полезен, когда нужно скрыть часть информации на сайте, при этом сэкономив место и мотивируя пользователя нажать на нужную информацию, кроме этого шаблон аккордеона будет полностью адаптивным, что упростит отображение на мобильных устройствах.
Смена изображений на перемещение курсора
19 Июл
Сегодня я бы хотел показать необычный способ предоставления товара на сайте, а именно обзор объекта на изображении при движении курсора мыши. Поможет нам в этом небольшой плагин jQuery. Swinger небольшой и простой в использовании плагин jQuery, который переключается между группой перекрывающихся изображений, которые следует за движением мыши при наведении на них. В частности такой подход будет интересный для обзоров объектов в магазинах, чтобы пользователь, без лишних движений, смог рассмотреть товар с разных сторон.
Загрузка ...