Как CSS Container Queries изменят мир интерфейсов?
В этом году свет увидела самая значимая новинка CSS последних лет.
Container Queries кардинально поменяют подход к созданию адаптивной верстки. А раз так, то нам пора знакомиться!
0:00 Пролог
1:15 Зачем нужны Контейнерные запросы? В чем проблема Медиа-запросов?
3:38 Как работают Контейнерные запросы?
4:54 Игра начинается
5:29 Что такое CONTAIN?
6:27 Лайфхак для тестирования компонентов
6:48 Делаем адаптивную статью на Container Queries
8:25 Пагинация! Новая задача!
10:22 Резюме!
Подробнее про Container Queries:
https://developer.mozilla.org/en-US/d...
Код адаптивной статьи:
https://codepen.io/Trebushnoi/pen/MWo...
Код адаптивной пагинации:
https://codepen.io/Trebushnoi/pen/OJg...
Материалы для видео частично взяты из статьи:
https://ishadeed.com/article/say-hell...
#css #html #frontend
Смотрите видео Как CSS Container Queries изменят мир интерфейсов? онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Как пройти в IT? 27 Сентябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 14,25 раз и оно понравилось 85 людям.