design / design-system
Дизайн-токены из референса
Извлечь систему цветов, типографики, теней, радиусов и spacing из примера и оформить как токены.
design-systemtokenscss
Открыть
Средний30-60 мин
design / responsive
Container queries: где @container побеждает @media
Когда переходить с viewport-брейкпойнтов на контейнерные. Конвенции именования, fallback, реальные сценарии.
responsivecontainer-queriescss
Открыть
Продвинутый30-60 мин
design / responsive
Fluid typography через clamp(): формула и edge cases
Шрифты и spacing, которые сами масштабируются без брейкпойнтов. Как считать preferred, что НЕ клампить, accessibility.
responsivetypographyclamp
Открыть
Начальный15-30 мин
design / typography
Tabular nums для таблиц и данных
Где обязательны tabular-nums, как включить через font-feature-settings и font-variant-numeric, fallback-стек и как проверить выравнивание колонок.
typographytabular-numstables
Открыть
Начальный15-30 мин