CSS Zen Garden의 꿈, 마침내 Firefox.com에서 실현되다
The CSS Zen Garden dream shipped
2008년 CSS Zen Garden에 매료됐던 개발자가 Mozilla와 Lincoln Loop와 함께 Firefox.com을 리빌드하며 프리프로세서 없이 순수 네이티브 CSS로 70개 이상의 컴포넌트와 25개 템플릿을 구축했다. 19개 로케일을 지원하는 이 시스템은 디자인 파일에서 바로 내보낸 커스텀 프로퍼티를 사용하며, 빌드 단계 없이도 브라우저가 이해하는 언어로 작성됐다. 단 하나의 예외는 성능 문제로 인한 @import 인라인 처리용 PostCSS다.
우리는 결국 프로덕션에 PostCSS를 사용하게 됐는데, 단 하나의 작업, 즉 @import 문을 인라인화하는 데만 쓰였다. 네이티브 @import는 일부 브라우저에서 여전히 끔찍한 성능 특성을 보이며, 이와 같은 사이트에서는 아키텍처적 순수성보다 그것이 더 중요하다.