The CSS Zen Garden dream shipped
10 hours ago
- CSS禅意花园的梦想,曾经只是理论上的,在经历了近二十年的浏览器和规范演变后,如今已能在生产环境中实现。
- 现代CSS(自定义属性、Grid、Flexbox)消除了对预处理器和hack的需求,实现了设计与内容的清晰分离。
- Firefox.com的重建使用了纯原生CSS,没有预处理器,利用从设计文件直接导出的自定义属性,支持70多个组件和25个页面模板。
- PostCSS仅用于内联@import语句以提升性能,而未改变作者编写的CSS,这些CSS保持纯正且原生浏览器的特性。
- 该项目证明了Web平台已准备好支持原生CSS设计系统,具有一致的浏览器支持和最少的传统回退方案。
- 明确区分了‘无构建步骤’和‘仅为优化而构建步骤’,强调源代码应该是浏览器所理解的语言。