来自美国政府的 Web 设计标准，不建议使用 Bootstrap

近日，美国政府内部核心数据机构之一18F在官方网站上发布了一份Web 设计标准。该标准由 18F 和美国数字化服务（USDS）共同制定和维护，包含一个开源 UI 组件库和一份面向美国联邦政府网站的视觉风格指南，目标是为创建简单、易用、美观的政府网站提供指导。以下是其所遵循的四项基本原则：

• 最好、最简单——为设计和开发人员提供简单易用的工具，使他们可以高效地为美国人民提供高质量的政府网站。
• 易访问性——创建可以满足Section 508易访问性标准的工具。
• 灵活性——模式和设计要有很好的适应性。虽然这些指导原则鼓励体验一致，但也允许每个机构定制自己的风格。
• 可重用性——重用那些经过政府和私有部门检验的、可靠的最佳实践。

Matthew Mombrea 是一名软件工程师，同时也是Cypress North的创建者。据他报道：

从字体、CSS 预处理器的使用，到命名规则，再到如何组织文件夹，甚至是设计可以帮助开发人员开始新项目的模板，该标准均定义了一种恰当的方法。

而让 Matthew 感兴趣的，不只是该标准选择的那些框架，还有没有选择的那些框架。比如，虽然Twitter Bootstrap可以让开发者快速完成新的构建，而无需考虑组件风格的每个细节。但来自美国政府的这份标准却不建议使用这个使用频率非常高的框架：

18F 特别不建议在生产环境中使用 Twitter Bootstrap，这一是因为它教条式的风格很难在定制设计工作中应用，二是因为其 CSS 样式将语义布局指令直接放在了 HTML class 中。

对于 CSS，该标准建议使用Sass作为 CSS 预处理器，并使用Bourbon 框架进行布局开发。如果不能 / 不想使用 Sass，那么该标准还推荐了来自雅虎的、更加轻量级的Pure.css。

作为一名对 Web 开发趋势和工具非常熟悉的软件工程师，Matthew 表示：

我不得不承认，对我而言，这在某种程度上是一种警醒……在此之前，我从来都没听说过 Bourbon。当我阅读了这份规范，我开始认识到它们的合理性，并且同意他们对 bootstrap 的评价。

截至目前，作为一个开源项目，该标准的制定尚处于起步阶段。感兴趣的读者可以查看标准全文，并通过其GitHub 页面进行反馈和贡献

感谢郭蕾对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作，请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博（@InfoQ，@丁晓昀），微信（微信号：InfoQChina）关注我们，并与我们的编辑和其他读者朋友交流（欢迎加入 InfoQ 读者交流群）。