[Перевод] Приветствуем CSS Container Queries

Скрипты и советы | 13 мая 2021 912

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании OTUS, CSS, HTML, css, html, css reset, рендеринг,

*Container Queries — Выражения от контейнера 

За последние шесть лет моей работы в качестве front-end разработчика я не был так рад появлению CSS фитчи, как сейчас. Прототип container queries теперь доступен в Chrome Canary. Благодаря усилиям таких умных людей, как Miriam Suzanne и других.

Я помню, что видел много шуток по поводу поддержки CSS container queries, но они наконец-то появились. В этой статье я расскажу вам, зачем нужны container queries, как они облегчат вам жизнь, а главное, вы увидите более мощные компоненты и разметки.

Если вы взволнованы так же, как и я, то давайте начнем. Вы готовы?

Читать далее
[Перевод] Что такое Style Queries?

Size container queries и container query units недавно достигли стабильной поддержки во всех современных браузерных...

Подробнее
[Перевод] Контейнерные запросы в CSS

Как фронтенд-дизайнер я за последние 6 лет не был так взволнован новой CSS-функцией, как сейчас. Благодаря усилиям...

Подробнее
[Перевод] Новинки CSS и UI: I/O 2023

Последние несколько месяцев открыли золотую эру веб UI (User Interface — пользовательский интерфейс). Вот 20 самых...

Подробнее
[Перевод] Гибкая разметка без медиа-запросов: функции min(), max(), clamp()

Перевод «Flexible layouts without media queries» Dannie Vinther С момента появления в браузерах в 2017 году, CSS Grid...

Подробнее
[Перевод] 6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня. Я считаю, что каждый front-end разработчик...

Подробнее
[Перевод] Выявление устройств с сенсорными экранами на чистом CSS

У разработчиков, которым нужно выявлять устройства с сенсорными экранами, пользуясь исключительно CSS, появилась,...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями