WebDesign Master
Курсы
Адаптивная вёрстка сайта юридической компании. Джедай вёрстки #6. Часть 4. Карусель Owl Carousel 2
HTML и CSS

Адаптивная вёрстка сайта юридической компании. Джедай вёрстки #6. Часть 4. Карусель Owl Carousel 2

Всем привет! Сегодня заверстаем карусель в шапке с использованием плагина Owl Carousel 2. Попутно рассмотрим создание кастомных элементов управления каруселью и нестандартное размещение относительно других элементов в шапке.

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Адаптивная вёрстка сайта юридической компании. Джедай вёрстки #6. Часть 4. Карусель Owl Carousel 2 - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Результат: Смотреть

Архив с файлами для прохождения урока: Скачать

Джедай вёрстки #6: Плейлист на YouTube

Что использовали в уроке:

  • GIT: Скачать
  • Иконки Font Awesome: https://fontawesome.com
  • Bootstrap CSS: https://getbootstrap.com/css/
  • Owl Carousel: https://owlcarousel2.github.io/OwlCarousel2/

Установка Owl Carousel (версия как в уроке):

bower i OwlCarousel2#2.0.0-beta.3
Внимание! Для корректной работы Bower в Windows, в настоящее время рекомендую устанавливать в систему Git или воспользоваться обновлённым руководством по установке окружения в Windows: Ознакомиться с руководством.

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «HTML и CSS»

  • Адаптивная вёрстка галереи без JS. HTML + CSS target. Работа с изображениями (Retina img)
  • Адаптивная HTML вёрстка вертикального таймлайна
  • Bootstrap 4. Сетка. Подробное руководство
  • CSS Grid: адаптивная верстка реального макета
  • CSS Grid: Новый взгляд на адаптивную верстку сайтов. Руководство
  • CSS анимация для самых маленьких

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODx
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2021 © WebDesign Master