Приветствую вас, друзья, в очередном видеоуроке по созданию сайтов. Сегодня мы поговорим о том, как создаются современные адаптивные сайты. Адаптивный сайт мы будем делать на примере, с использованием Bootstrap и других необходимых модулей (fancyBox, Font Awesome, Owl Carousel и прочих).
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Подготовленный мною первоначальный шаблон-заготовку, который можно использовать для создания вашего адаптивного сайта, скачаем отсюда: template_bootstrap.zip
Результат выполнения урока можно посмотреть здесь: demos/bootstrap-adaptive/
Или скачаем готовую HTML вёрстку данного урока отсюда: template_bootstrap_demo.zip
Верстать HTML будем в программе Sublime Text с предустановленными плагинами Emmet и LiveReload.
Внимание! Можно использовать редактор VSCode и плагин Live Server к нему. В настоящее время это наиболее простой и быстрый вариант, не зависимо от того, какой браузер вы используете.
Премиум уроки от WebDesign Master
Другие уроки по теме «Адаптивный веб-дизайн»
- Как получить адаптивную сетку Bootstrap нужной ширины
- Адаптивная вёрстка писем (responsive, sass, inliner) и рассылка
- Создание HTML тем на Bootstrap
- Джедай вёрстки #2. Адаптивная HTML-вёрстка на примере образовательного Landing Page
- Джедай вёрстки #1: Адаптивная HTML-вёрстка на примере сайта автосервиса