[Перевод] CSS Houdini: практическое руководство
Доброго времени суток, друзья!
Что такое Houdini?
Houdini (Гудини) — коллекция API браузера, значительно улучшающих процесс веб разработки, включая разработку стандартов CSS. Разработчики смогут расширять CSS, используя JavaScript, влияя на рендеринг CSS и указывая браузеру, как следует применять стили. Это обеспечит значительное повышение производительности и стабильности, нежели использование полифилов.
Гудини состоит из двух групп API — высокоуровневые API и API низкого уровня.
API высокого уровня связаны с процессом рендеринга (стиль — макет — рисование — композиция). Эта группа включает:
Paint API — позволяет расширять CSS на шаге (имеется ввиду стадия рендеринга) отрисовки визуальных элементов (цвет, фон, границы и т.д.).
Layout API — позволяет расширять CSS на шаге определения размеров, позиции и выравнивания элементов.
Animation API — «точка расширения» на шаге отображения и анимирования элементов.
Низкоуровневые API являются основой для высокоуровневых и включают в себя:
API типизированной объектной модели (Typed Object Model)
API пользовательских свойств и значений (Custom Properties & Values)
API метрик шрифта (Font Metrics)
Ворклеты (Worklets)
Читать дальше →
Источник: Уроки CSS на Хабрахабре