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

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

Вот 20 самых захватывающих и впечатляющих возможностей, которые появились недавно или появятся в ближайшем будущем:

запросы контейнера (container queries);

запросы стиля (style queries);

селектор :has();

микросинтаксис nth-of;

text-wrap: balance;

initial-letter;

динамические единицы измерения области просмотра (viewport);

цветовые пространства с широкой гаммой;

color-mix();

вложенность селекторов (nesting);

каскадные слои (cascade layers);

стили с ограниченной областью видимости (scoped styles);

тригонометрические функции;

индивидуальные свойства трансформации;

popover;

позиционирование якоря (anchor positioning);

selectmenu;

дискретные свойства переходов;

анимации, управляемые прокруткой (scroll-driven animations);

переходы отображения (view transitions).

Читать дальше →

Источник: Уроки CSS на Хабрахабре