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
This media is not supported in your browser
VIEW IN TELEGRAM
“Active Directory: пентест инфраструктуры - 2024" стартует 24 июня.
Это последний поток курса, который ведут его авторы: HackerRalf (Михаил Порываев) и BlackRabbit (Павел Никитин), 5-кратные победители the Standoff
Содержание курса:
- Архитектура AD и ее базис
- Компоненты AD Kerberos, Microsoft SQL Server и центр сертификации — как их взломать?
- Харденинг в AD, добыча критичной информации, развитие по инфраструктуре
- Как закрепиться внутри? Техники и эксплоиты
На 100% прикладной курс:
практическая лаборатория AD содержит 16 виртуальных машин, позволяя участникам отточить свои навыки на практике в 100+ рабочих тасках
🏆 Трудоустройство для лучших выпускников
🏆 Сертификат / удостоверение о повышении квалификации
Пишите нам @Codeby_Academy
или звоните +74994441750
Подробнее о курсе
Это последний поток курса, который ведут его авторы: HackerRalf (Михаил Порываев) и BlackRabbit (Павел Никитин), 5-кратные победители the Standoff
Содержание курса:
- Архитектура AD и ее базис
- Компоненты AD Kerberos, Microsoft SQL Server и центр сертификации — как их взломать?
- Харденинг в AD, добыча критичной информации, развитие по инфраструктуре
- Как закрепиться внутри? Техники и эксплоиты
На 100% прикладной курс:
практическая лаборатория AD содержит 16 виртуальных машин, позволяя участникам отточить свои навыки на практике в 100+ рабочих тасках
🏆 Трудоустройство для лучших выпускников
🏆 Сертификат / удостоверение о повышении квалификации
Пишите нам @Codeby_Academy
или звоните +74994441750
Подробнее о курсе
❤1
У нас отличные новости для всех айтишников и программистов!
Если вы хотите повысить свою квалификацию или освоить новую специальность, то сейчас самое время.
Открыт набор на бесплатное обучение по следующим программам:
-Python-программист
-Разработка интеграционных решений в среде 1С:Предприятие
-Специалист по тестированию в области информационных технологий
-Системный аналитик
-Специалист по программированию беспилотников на Python
Почему стоит учиться:
⏺ Онлайн формат: учитесь, не выходя из дома, в удобное для вас время
⏺ Федеральный проект: обучение проходит за счет государства, то есть для вас оно бесплатно
⏺ Преподаватели-практики: учитесь у тех, кто работает в этой сфере
⏺ Диплом установленного образца: получите официальное подтверждение своей квалификации
Это отличная возможность для всех, кто хочет развиваться в ИТ-сфере!
Не упустите шанс получить новые знания и улучшить свои профессиональные навыки, оставляйте заявку: https://tglink.io/8fd54637e9da
Реклама. ООО "ЦЕНТР ПОВЫШЕНИЯ КВАЛИФИКАЦИИ И ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ "ОСНОВАНИЕ". ИНН 7751117260. erid: LjN8KQGyi
Если вы хотите повысить свою квалификацию или освоить новую специальность, то сейчас самое время.
Открыт набор на бесплатное обучение по следующим программам:
-Python-программист
-Разработка интеграционных решений в среде 1С:Предприятие
-Специалист по тестированию в области информационных технологий
-Системный аналитик
-Специалист по программированию беспилотников на Python
Почему стоит учиться:
⏺ Онлайн формат: учитесь, не выходя из дома, в удобное для вас время
⏺ Федеральный проект: обучение проходит за счет государства, то есть для вас оно бесплатно
⏺ Преподаватели-практики: учитесь у тех, кто работает в этой сфере
⏺ Диплом установленного образца: получите официальное подтверждение своей квалификации
Это отличная возможность для всех, кто хочет развиваться в ИТ-сфере!
Не упустите шанс получить новые знания и улучшить свои профессиональные навыки, оставляйте заявку: https://tglink.io/8fd54637e9da
Реклама. ООО "ЦЕНТР ПОВЫШЕНИЯ КВАЛИФИКАЦИИ И ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ "ОСНОВАНИЕ". ИНН 7751117260. erid: LjN8KQGyi
👍4❤1
Проект «Содействие занятости» приглашает пройти обучение по специальности «Профессия Современный бухгалтер: учет, налоги, 1С» в дистанционном формате.
Современный бухгалтер - это фундаментальная программа для освоения профессии «Бухгалтер» от А до Я. Курс подходит для новичков.
Вы можете учиться совершенно бесплатно, если:
— Хотите найти работу или повысить квалификацию на текущем рабочем месте
— Вы предпенсионер или старше 50 лет
— Неработающая мама с ребёнком до 7 лет или в отпуске по уходу за ребёнком
Организатор — партнер Томского государственного университета (топ-5 в списке лучших вузов страны).
У нас:
— Преподаватели-практики с многолетним опытом в бухгалтерии
— Поддержка тьютора в зачислении и обучении
— Удобная онлайн-платформа
— Легко совмещать с повседневными делами
При успешном окончании обучения вы получите диплом о профессиональной переподготовке.
Регистрируйтесь прямо сейчас!
⬇️⬇️⬇️
https://tglink.io/5d4034463613
Современный бухгалтер - это фундаментальная программа для освоения профессии «Бухгалтер» от А до Я. Курс подходит для новичков.
Вы можете учиться совершенно бесплатно, если:
— Хотите найти работу или повысить квалификацию на текущем рабочем месте
— Вы предпенсионер или старше 50 лет
— Неработающая мама с ребёнком до 7 лет или в отпуске по уходу за ребёнком
Организатор — партнер Томского государственного университета (топ-5 в списке лучших вузов страны).
У нас:
— Преподаватели-практики с многолетним опытом в бухгалтерии
— Поддержка тьютора в зачислении и обучении
— Удобная онлайн-платформа
— Легко совмещать с повседневными делами
При успешном окончании обучения вы получите диплом о профессиональной переподготовке.
Регистрируйтесь прямо сейчас!
⬇️⬇️⬇️
https://tglink.io/5d4034463613
👍1