Адаптивная верстка сайтов. Общая теория и примеры

Привет! Этим видео я открываю мини-цикл по адаптивной верстке сайта. В нем мы рассмотрим, как верстать сайты адаптивно, а в этом видео важно разобраться с очень важными фундаментальными понятиями. Поэтому сегодня - про фиксированную, резиновую, адаптивную верстку, медиа-запросы, бутстрап, принципы адаптивности. В следующих видео будет про адаптивные изображения, адаптивное меню, верстка сайта на vw, а так же просто практика адаптивной верстки. Содержание: 00:00 - Вступление 00:26 - Для чего нам адаптивная верстка? 02:42 - Фиксированная верстка 04:50 - Резиновая верстка 06:40 - Адаптивная верстка 08:10 - Медиа-запросы 14:22 - Какие именно запросы использовать? 21:05 - Про бутстрап, нужен ли? 25:34 - Пара слов о mobile-first 27:42 - Принципы и фишки при адаптиве 33:40 - Заключение    • Верстка сайта с нуля до выгрузки на хостин...   - марафон верстки    • Лучший слайдер для сайта на чистом JS! Под...   - слайдер на мобильных устройствах    • Как натянуть верстку на WordPress  Часть 4   - про то, какие проблемы бывают с натяжкой на WordPress
- исходники видео на GitHub Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось?
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог:
Мой сайт:
Канал в телеграм:
Чат для верстальщиков:
#обучение #адаптивнаяверстка #бутстрап

Смотрите также