CSS 的五大里程碑

228 阅读3分钟

译者:mixj93

原文链接

去年的十二月,CSS 已经20岁了。W3C 亲自宣布了这一消息,Alec Rojas 也整理了一些重点

我发现我也可以加入讨论,聚焦上一个10年,这10年也正是 CSS-Tricks 的年龄。这正好与我在这个行业的工作经验相符。

Firebug

毫无疑问的是,Firefox 为如今的 Web 做出了巨大的贡献。2004年 Firefox 诞生仅仅两年后,Firebug 于2006年与大家见面。

毫不夸张的说,所有的现代浏览器开发工具都借鉴了 Firebug。Firebug 对 Web 开发产生了巨大的影响。

s_6EA1D2ACEE4A72FFA94EF6F435DC4D800E7675ABC96438261A6D06D0D0AEE0F6_1497784080735_52714

如今开发者工具已经理所当然的成为浏览器必备功能。它是我们在浏览器中调试代码的主要工具,但并不是所有情况都是这样的。在 Firebug 出现之前,通常是通过大量的查看源码和简单地猜测各种现象背后的原因。Firebug 让我们成为了更好的开发者,它仍旧影响着我们。

Chrome

和 Firefox 一样,Chrome 也非常的的强大。Chrome 甚至还不到10岁, 并没预装在任何主流的操作系统上,值得注意的是,它已占据过半的全球浏览器市场份额。

这很棒,我们越来越担忧浏览器的单一化和对内存的过度占用,Chrome 是一个很好的浏览器。

除了是对 Web 标准的支持方面领先之外,Chrome 意识到好的开发工具的重要性,如今可以说领导了这一方面。毫无意外的看到 Firefox 将开发者工具纳入自身,Safari 也开发自己的工具。

希望我没有说错,我认为 Chrome 最先开始主动践行“我们不需要加任何的厂商前缀”,这是一个很大胆的做法,并推进 CSS 的发展往好的方向发展。

CSS3

CSS 标准的工作方式是将细则分成独立的模块,每个模块按照各自的步调推进。这些都在 CSS3 之后开始,CSS3 是2013年之后逐步指定的。正如 Tab Atkins 所提到的

术语 “CSS3” 指的是所有在 CSS 2.1 之后发布的东西。

同样地, 永远也不会有“CSS4”。

但现在是 CSS3 的好时代!这让_许多人_开始谈论 CSS 的强大能力。Border radius! Media queries! Gradients! 人们欢欣鼓舞!

预处理

预处理的崛起让人眼前一亮。正如许多好点子一样,它期初被人嘲笑,但后来被理解和接受。预处理提供了开发者喜欢的抽象层来帮助我们管理难以维护的巨大的 CSS 代码库。变量!混合!嵌套!Includes!人们欢欣鼓舞!

预处理已经成为前端开发中备受期待的一部分。事实上,我认为这早于如今无处不在的任务自动管理工具和构建处理器的兴起。这些如今无处不在的任务自动管理工具和构建处理器已经对 CSS 预处理支持的很好了。

只有历史才能告诉我们,我们现在处于哪个阶段,我想我们今天所知道的预处理或许已经到达顶点,并且我们处于专注于模块化的 CSS 工具时期的早期。

Flexbox 以及栅格

布局是重中之重。它或许是 CSS 提供的最重要的东西。Flexbox 和栅格(如果把它们像这样放在一起合理的话)代表了网页布局能力的惊人革新。这些工具将在未来的几十年主宰网页的布局,它们的设计感觉完全可以担此重任!