写点什么

来自美国政府的 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:008989
用户头像

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

关注

评论

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

forEach、map和for循环

编程江湖

大前端

在线JSON转Schema工具

入门小站

工具

☕【难点攻克技术系列】「海量数据计算系列」如何使用BitMap在海量数据中对相应的进行去重、查找和排序

码界西柚

BitMap bitmaps bitset 12月日更

一个cpp协程库的前世今生(二)协程切换的原理

SkyFire

c++ 协程 cocpp

Greenplum内核源码分析-分布式事务(二)

王凤刚(ginobiliwang)

源码分析 分布式事务 greenplum

TDSQL PostgreSQL如何快速定位阻塞SQL

腾讯云数据库

tdsql 国产数据库

这几个IDE是Node.js 开发人员需要知道的

@零度

node.js 前端开发

Linux之find exec

入门小站

Iog4j2漏洞相关技术分析

极光JIGUANG

大数据开发之Hive如何提高查询效率

@零度

大数据 hive

Greenplum内核源码分析-分布式事务(三)

王凤刚(ginobiliwang)

源码分析 分布式事务 greenplum

DTC 2021 | 一体化架构的原生分布式数据库正在成为核心系统首选

OceanBase 数据库

数据库 OceanBase 开源 OceanBase 社区版

强强联袂!腾讯云TDSQL与国双战略签约,锚定国产数据库巨大市场

腾讯云数据库

tdsql 国产数据库

从人工到智能!百度AI开发者大会分论坛,探寻国球乒乓背后的AI之路

百度大脑

人工智能

常用的echo和cat,这次让我折在了特殊字符丢失问题上

华为云开发者联盟

Linux cat echo 特殊字符 定向

取代Maven?maven-mvnd持续霸榜 GitHub Trending,性能提升300%

沉默王二

maven

旺链科技团建图鉴 | 认真工作,肆意生活~

旺链科技

区块链 企业文化 团建

一文解析Apache Avro数据

华为云开发者联盟

序列化 flink sql Apache Avro 反序列 Avro

消息队列存储消息数据设计

张靖

#架构实战营

强强联袂!腾讯云TDSQL与国双战略签约,锚定国产数据库巨大市场

腾讯云数据库

tdsql 国产数据库

区块链赋能生猪养殖,让“猪”事有迹可循

CECBC

谁编写了区块链的规则?

CECBC

Greenplum内核源码分析-分布式事务(一)

王凤刚(ginobiliwang)

源码分析 分布式事务 greenplum

【签约计划第二季】百位签约创作者名单公布

InfoQ写作社区官方

签约计划第二季 热门活动

MongoDB按需物化视图介绍

MongoDB中文社区

mongodb

链计算、新基建:区块链助力数字经济新生态

CECBC

MongoDB基本介绍与安装(1)

Tom弹架构

Java mongodb

OceanBase 通过工信部电子标准院首批开源项目成熟度评估

OceanBase 数据库

数据库 工信部 OceanBase 开源

腾讯云TDSQL数据库信创演进与实践

腾讯云数据库

tdsql 国产数据库

WireShark好学吗?我来手把手教你学WireShark抓包及常用协议分析

学神来啦

网络安全 Wireshark 渗透测试 kali kali Linux

Dubbo为什么要用Go重写?

捉虫大师

Go dubbo

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