转载

来自美国政府的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读者交流群来自美国政府的Web设计标准，不建议使用Bootstrap ）。