BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 谢丽 关注 11 他的粉丝 发布于 2015年10月15日. 估计阅读时间: 3 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

近日,美国政府内部核心数据机构之一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读者交流群InfoQ好读者)。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

可是对于非专业前端开发者... by 萧遥 任

可是对于非专业前端开发者,Bootstrap很实用。

有其它推荐吗 by 严 亮

对于非前端的工程师,不用 Bootstrap 用什么好呢

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT