Привет!
Этим видео я открываю мини-цикл по адаптивной верстке сайта. В нем мы рассмотрим, как верстать сайты адаптивно, а в этом видео важно разобраться с очень важными фундаментальными понятиями. Поэтому сегодня - про фиксированную, резиновую, адаптивную верстку, медиа-запросы, бутстрап, принципы адаптивности.
В следующих видео будет про адаптивные изображения, адаптивное меню, верстка сайта на 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 - Заключение
- марафон верстки
- слайдер на мобильных устройствах
- про то, какие проблемы бывают с натяжкой на WordPress
- исходники видео на GitHub
Поддержать канал:
Мой блог:
Мой сайт:
Канал в телеграм:
Чат для верстальщиков:
Тема VS Code: One Monokai
Шрифт VS Code: Consolas, ’Courier New’, monospace
#maxgraph #адаптивнаяверстка
6 views
1830
643
3 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
4 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
4 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок