Мастерство

CSS · Эксперт - архитектура, внутренности и крайние случаи

• Конвейер рендеринга: reflow, repaint, композитингРазберись в четырёх фазах отрисовки в браузере, чтобы точно знать, какие свойства CSS обходятся дорого и как will-change работает изнутри.
• Слои каскада (@layer) и @scopeОсвой два новых критерия каскада - слои и близость области - чтобы выстраивать архитектуру стилей без войн специфичности.
• Цвета и продвинутые функции: oklch, color-mix, min/maxИспользуй перцептивные цветовые пространства, относительный синтаксис цвета и типизированные математические функции, чтобы строить дизайн-системы, которые браузер считает за тебя.
• Экспертные сетки: subgrid, auto-fit и minmaxСтрой самонастраивающиеся сетки без медиазапросов и выравнивай вложенные компоненты по трекам родителя с помощью subgrid.
• Современные взаимодействия: scroll-snap, view transitionsОрганизуй магнитную прокрутку, переходы между состояниями, которые анимирует сам браузер, и строгое уважение к prefers-reduced-motion.