写点什么

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

  • 2015-10-14
  • 本文字数:960 字

    阅读完需:约 3 分钟

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

2015-10-14 19:009027
用户头像

发布了 1008 篇内容, 共 411.6 次阅读, 收获喜欢 346 次。

关注

评论

发布
暂无评论
发现更多内容

开发复杂业务系统,有哪些设计思路

邴越

从美国《拜杜法案》到中国供应链体系形成的内在逻辑

JiangX

供应链 28天写作 制造

软件测试--selenium安装使用

测试人生路

软件测试

微信视频号常见问题 | 视频号 28 天 (06)

赵新龙

28天写作

实时媒体AI,打破内容创作天花板,加速视频创新

华为云开发者联盟

人工智能 云原生 媒体 视频

进来抄作业:分布式系统中保证高可用性的常用经验

华为云开发者联盟

高可用 运维 设计 分布式系统 系统

科技赋能传统产业:工业绿色可视化—核电站工艺流程组态仿真

一只数据鲸鱼

物联网 数据可视化 组态软件 绿色工业 核电站

快抛弃你错误的坚持

石君

生活随想 28天写作

智汇华云 | 安超OS为企业数字化转型构建坚实的云基座

华云数据

Java 异常处理

大海

Java java异常处理

跨越全场景统一架构三大挑战,MindSpore亮出“四招”

华为云开发者联盟

深度学习 联邦学习 mindspore 算子 ai框架

Serverless 在 SaaS 领域的最佳实践

Serverless Devs

Serverless 云原生 SaaS

看图学NumPy:掌握n维数组基础知识点,看这一篇就够了

华为云开发者联盟

Python 机器学习 数组 Numpy

重学JS | 异步编程 Generator()

梁龙先森

面试 大前端 编程语言 28天写作

【PS】给黑白照片上色

德育处主任

PhotoShop ps 28天写作

知乎问答:“既然生命无意义,为什么要活着?”

三只猫

28天写作

十八般武艺玩转GaussDB(DWS)性能调优:路径干预

华为云开发者联盟

数据库 sql 性能调优 GaussDB 算子

Redis 学习笔记 02:链表

架构精进之路

redis 七日更 28天写作

Android开发时的多点触控是如何实现的?

博文视点Broadview

低代码开发技术

Sam678678

APICloud的发展和应用

anyRTC开发者

ios android 跨平台 sdk APICloud

Socket粘包问题终极解决方案—Netty版(2W字)!

王磊

Java socket Netty

智能合约上链系统开发|智能合约上链APP软件开发

系统开发

港股配资系统搭建

软件开发大鱼V15988750073

金融科技 港股交易系统开发 在线开户系统 CFD交易系统 港股多账户系统

新鲜出炉!阿里内部开源SpringCloud Alibaba全解(全彩版)全网首发

Java架构追梦

Java 学习 架构 面试 SpringCloud Alibaba

盘点2020| 开启小马哥的新未来

小马哥

盘点2020

高频量化交易机器人系统开发|高频量化交易机器人APP软件开发

系统开发

大型企业引进低代码开发技术是大趋势

Sam678678

okhttp3 第一次使用

我就感觉到快

林昊获中国计算机学会杰出工程师奖,阿里中间件再获高度肯定,“三位一体”推动技术普惠

阿里巴巴云原生

阿里巴巴 阿里云 开发者 云原生 中间件

来自美国政府的Web设计标准,不建议使用Bootstrap_语言 & 开发_谢丽_InfoQ精选文章