Хотите быстро улучшить свой английский? Актуальная лексика, понятные разборы грамматики, квизы и подборки полезных материалов на канале «Гапонова и её английский»:
◽Планы на выходные: подборка бесплатных материалов, чтобы заняться английским уже сейчас
◽Что посмотреть и послушать на youtube
◽Как поддерживать себя во время обучения и не потерять запал
Ещё больше английского для жизни и работы на канале Лены Гапоновой —преподавателя английского и автора курсов Gaponova School.
✅Подписывайтесь на @gaponova
erid: LjN8KQV9v
◽Планы на выходные: подборка бесплатных материалов, чтобы заняться английским уже сейчас
◽Что посмотреть и послушать на youtube
◽Как поддерживать себя во время обучения и не потерять запал
Ещё больше английского для жизни и работы на канале Лены Гапоновой —преподавателя английского и автора курсов Gaponova School.
✅Подписывайтесь на @gaponova
erid: LjN8KQV9v
❤2
Подборки стажировок, хакатонов, полезных ресурсов, и всего такого! Никаких курсов и воды.
@usrbincoding
@usrbincoding
❤5
Шагай в ногу со временем вместе с нами!
Канал «Новое время» предлагает вам погрузиться в захватывающий мир инноваций и новейших разработок
Получайте первыми свежие новости, аналитику и эксклюзивные материалы о будущем, которое уже здесь
‼️Присоединяйтесь к сообществу технологических энтузиастов и откройте для себя новые горизонты - https://news.1rj.ru/str/new_time_tech
Реклама. Грабаров А.В. ИНН 614089368930. erid: LjN8K1eLC
Канал «Новое время» предлагает вам погрузиться в захватывающий мир инноваций и новейших разработок
Получайте первыми свежие новости, аналитику и эксклюзивные материалы о будущем, которое уже здесь
‼️Присоединяйтесь к сообществу технологических энтузиастов и откройте для себя новые горизонты - https://news.1rj.ru/str/new_time_tech
Реклама. Грабаров А.В. ИНН 614089368930. erid: LjN8K1eLC
👨💻2❤1👍1
erid: LjN8K8kG4
Внешний вид компонента в зависимости от ширины родителя.
3 года назад в CSS завезли поддержку media queries к элементам HTML, а не только к странице. Теперь можно делать адаптивный UI, который будет меняться не только в зависимости от устройства, но и в зависимости от количества доступного ему места.
Типичный пример такого компонента - список из нескольких колонок. Обычно количество колонок привязывают к устройству, например, - 1 колонка на мобильном телефоне, 2 на планшете и 3 на дескотпе. Но эта схема ломается тогда, когда на страницу добавляется, например, сайдбар, и 3 колонки на десктопе уже не помещаются.
Теперь не нужно переносить логику расчет количества колонок в JS, а просто использовать container queries. Достаточно добавить коренному HTML элементу компонента свойство
Больше в канале Вайтишник
Внешний вид компонента в зависимости от ширины родителя.
3 года назад в CSS завезли поддержку media queries к элементам HTML, а не только к странице. Теперь можно делать адаптивный UI, который будет меняться не только в зависимости от устройства, но и в зависимости от количества доступного ему места.
Типичный пример такого компонента - список из нескольких колонок. Обычно количество колонок привязывают к устройству, например, - 1 колонка на мобильном телефоне, 2 на планшете и 3 на дескотпе. Но эта схема ломается тогда, когда на страницу добавляется, например, сайдбар, и 3 колонки на десктопе уже не помещаются.
Теперь не нужно переносить логику расчет количества колонок в JS, а просто использовать container queries. Достаточно добавить коренному HTML элементу компонента свойство
container и все дочерние компоненты смогу использовать @container %name% (rule) для определения свойств, которые зависят от количества выделенного под контейнер места.Больше в канале Вайтишник
👍4❤1