Мечта CSS Zen Garden наконец-то воплощена в Firefox.com
The CSS Zen Garden dream shipped
Автор вспоминает, как в 2008 году CSS Zen Garden показал идеал разделения контента и дизайна, но реальные проекты требовали препроцессоров и хаков. Спустя почти двадцать лет современный нативный CSS — кастомные свойства, Grid, Flexbox — закрыл этот разрыв. На примере пересборки Firefox.com для Mozilla и Lincoln Loop он рассказывает, как построил дизайн-систему из 70+ компонентов и 25 шаблонов без препроцессоров, с экспортом переменных прямо из макетов и поддержкой 19 локалей.
Разрыв наконец закрыт. Современный CSS теперь делает нативно то, для чего раньше нужны были препроцессоры и хаки.