WebDesign Master
Курсы
Bootstrap: Как создаются современные адаптивные сайты
Адаптивный веб-дизайн

Bootstrap: Как создаются современные адаптивные сайты

Приветствую вас, друзья, в очередном видеоуроке по созданию сайтов. Сегодня мы поговорим о том, как создаются современные адаптивные сайты. Адаптивный сайт мы будем делать на примере, с использованием Bootstrap и других необходимых модулей (fancyBox, Font Awesome, Owl Carousel и прочих).

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Bootstrap: Как создаются современные адаптивные сайты - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Подготовленный мною первоначальный шаблон-заготовку, который можно использовать для создания вашего адаптивного сайта, скачаем отсюда: template_bootstrap.zip

Результат выполнения урока можно посмотреть здесь: demos/bootstrap-adaptive/

Или скачаем готовую HTML вёрстку данного урока отсюда: template_bootstrap_demo.zip

Верстать HTML будем в программе Sublime Text с предустановленными плагинами Emmet и LiveReload.

Внимание! Можно использовать редактор VSCode и плагин Live Server к нему. В настоящее время это наиболее простой и быстрый вариант, не зависимо от того, какой браузер вы используете.

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

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

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

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

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

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

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

Другие уроки по теме «Адаптивный веб-дизайн»

  • Как получить адаптивную сетку Bootstrap нужной ширины
  • Адаптивная вёрстка писем (responsive, sass, inliner) и рассылка
  • Создание HTML тем на Bootstrap
  • Джедай вёрстки #2. Адаптивная HTML-вёрстка на примере образовательного Landing Page
  • Джедай вёрстки #1: Адаптивная HTML-вёрстка на примере сайта автосервиса

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

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

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

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