The CSS Zen Garden dream, finally shipped
Summary
Explores shipping the CSS Zen Garden dream in production on Firefox.com, rebuilt with native CSS and no preprocessors. The piece argues that modern CSS features like custom properties, grid, and flexbox close the design-to-production gap, and details a design system of 70 components across 25 templates, implemented with Wagtail and supporting 19 locales, with PostCSS only used to inline imports. It also reflects on the ongoing no-build-step debate and the reality of browser performance considerations.