CSS Zen Garden 的梦想终于落地:用原生 CSS 重建 Firefox.com
来源:josprague.com — josprague.com · 27 分 · by yosito
📋 概述
作者 2008 年刚毕业时被 CSS Zen Garden 打动——一个 HTML 文件靠 CSS 就能彻底换一副面孔,但真去做客户项目时梦想立刻碎了:没有自定义属性,可用的属性表达不了完整的设计,只能靠服务端处理、图片、表格布局和各种 hack。二十年后这段差距终于被填上。在与 Mozilla 和 Lincoln Loop 合作重建 Firefox.com 时,他用现代原生 CSS、零预处理器的方式搭出 70 多个组件、25 套页面模板的设计系统,内容团队在 Wagtail 里自助拼页,站点支持 19 种语言。
🔑 核心要点
- 整站用现代原生 CSS 写就,没有预处理器。
- 设计系统包含 70 多个组件与 25 套页面模板。
- 自定义属性直接从设计文件导出。
- 内容团队靠 Wagtail 组件自助拼页,不需要工程介入。
- 唯一妥协是用 PostCSS 内联 @import,只为解决串行请求的性能问题。
💡 金句
值得记住的是:你写的源码究竟是不是浏览器说的那门语言,还是只存在于编译之前的方言。
👍 0
👎 0
← 返回 Hacker News 首页