filmov
tv
20. Адаптивная верстка в CSS. Desktop и mobile first. Медиазапросы @media. Свойства min-max размеров
Показать описание
✏️ Изучаем адаптивную верстку, подходы dekstop и mobile first, говорим про свойства min-max размеров и директиву @media.
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:18 | Что такое адаптивная верстка
▶ 01:19 | Подходы desktop-first и mobile-first
▶ 02:39 | Свойства min-width и max-width
▶ 03:19 | Свойство min-height
▶ 03:53 | Свойство max-height
▶ 05:01 | Медиазапросы, директива @media
▶ 07:45 | Тег meta для медиазапросов
▶ 08:40 | Медиазапросы, подход mobile-first
▶ 09:27 | Медиазапросы min-height и max-height
▶ 09:33 | Медиазапрос orientation
▶ 09:47 | Медиазапрос print
▶ 10:05 | Медиазапрос hover
▶ 11:18 | Media на MDN
▶ 11:25 | Резиновая верстка
▶ 11:55 | Что дальше
📚 Полезные ссылки:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале:
📌 Автор:
#frontend #фронтенд #css
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:18 | Что такое адаптивная верстка
▶ 01:19 | Подходы desktop-first и mobile-first
▶ 02:39 | Свойства min-width и max-width
▶ 03:19 | Свойство min-height
▶ 03:53 | Свойство max-height
▶ 05:01 | Медиазапросы, директива @media
▶ 07:45 | Тег meta для медиазапросов
▶ 08:40 | Медиазапросы, подход mobile-first
▶ 09:27 | Медиазапросы min-height и max-height
▶ 09:33 | Медиазапрос orientation
▶ 09:47 | Медиазапрос print
▶ 10:05 | Медиазапрос hover
▶ 11:18 | Media на MDN
▶ 11:25 | Резиновая верстка
▶ 11:55 | Что дальше
📚 Полезные ссылки:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале:
📌 Автор:
#frontend #фронтенд #css
0:12:22
20. Адаптивная верстка в CSS. Desktop и mobile first. Медиазапросы @media. Свойства min-max размеров...
0:16:13
Интенсивный курс адаптивная верстка сайта за 15 минут! html css...
0:02:39
CSS#20: Кроссбраузерная верстка
0:21:36
CSS3 для начинающих | #20 @media и адаптивная верстка
0:14:43
Адаптация сайта под мобильные устройства за 10 минут | Адаптивная верстка | Медиа запросы css3...
2:00:35
Адаптивная верстка сайта на HTML CSS
0:35:30
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета...
0:36:44
Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]...
0:19:12
20. Адаптивная вёрстка: @media all
0:08:18
Адаптивная верстка сайта за 8 минут. Отзывчивый сайт HTML CSS...
0:10:58
Уроки CSS - Медиа запросы основы. Как сделать адаптивный сайт....
0:15:36
Адаптивная верстка сайта за 10 минут. Отзывчивый сайт HTML CSS...
0:01:00
Адаптивная верстка для самых маленьких #верстка #redgroup
0:11:08
Адаптивное (отзывчивое) CSS свойство. Как быстро адаптировать элементы....
3:12:21
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS...
0:15:42
Продвинутая адаптивная верстка - CSS container queries
0:08:39
😱 ТОП-6 ошибок при верстке адаптива сайта
0:15:13
Адаптивный шрифт. Пример реализации отзывчивого (резинового) шрифта на CSS + SCSS миксин...
0:13:25
Адаптивные изображения с CSS
3:55:52
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS...
0:25:11
Полный гайд по CSS Grid: адаптивная верстка за пару минут
5:05:31
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse...
0:15:18
Адаптивность сайта: теория и разбор типичных ситуаций на практике...
0:18:27
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture....
Комментарии