WebDesign Master
Курсы
Джедай вёрстки #4. Bootstrap: Глубокое погружение в адаптивную HTML-вёрстку на примере коммерческого сайта
HTML и CSS

Джедай вёрстки #4. Bootstrap: Глубокое погружение в адаптивную HTML-вёрстку на примере коммерческого сайта

Сегодня большой день, друзья! Наконец то вышел наш любимый и бесконечно всеобъемлющий "ДЖЕДАЙ ВЁРСТКИ"! Еще он особенный потому, что мы впервые на практическом примере рассмотрим адаптивную HTML-вёрстку с использованием _optimized_html - стартового темплейта, адаптированного для молниеносной загрузки сайтов.

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Джедай вёрстки #4. Bootstrap: Глубокое погружение в адаптивную HTML-вёрстку на примере коммерческого сайта - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Верстать будем как обычно с использованием Bootstrap. По ходу дела изучим использование практически всех компонентов Bootstrap, научимся правильно стилизовать этот фреймворк.

Результат HTML верстки:

Главная страница: Смотреть

Внутренняя страница: Смотреть

Дополнительные материалы:

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

Стартовые шаблоны start_html: agragregra/start_html

Документация Bootstrap: https://getbootstrap.com/docs/

Дополнительные видеоуроки:

  • Упомянутое в уроке видео об оптимизации фронтенда: Смотреть
  • Создание тем на Bootstrap: Смотреть

Премиум уроки от 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