30岁的CSS卸下“盾牌”——更换成紫色Logo

OSC开源社区 · 公众号 · 程序员 · 2024-11-15 16:51

正文

OSCHINA

↑点击蓝字关注我们

[AI评选投票有奖]

1994 年，在 CERN 工作的 Håkon W Lie 发表了名为"Cascading HTML Style Sheets"（层叠 HTML 样式表，CHSS）的初步提案。

CHSS 既支持用户自定义样式表，也支持网页作者样式表，而且可以满足不同规则以百分比的方式组合使用。该概念被看作是 CSS 的起源。

1996 年，CSS（全称为“层叠样式表”，Cascading Style Sheets）首次亮相，使得人们能够对网页进行样式设置。

自那时起，它已成为万维网不可或缺的组成部分，并推动了现代网页设计的发展。

正如你可能想象的那样，自 1996 年以来，CSS 发生了许多变化。与现代 HTML 一样，当前版本的 CSS 已经发展到可以做之前需要 JavaScript 来完成的事情。CSS 现在支持数学函数，并能够对对象进行转换和动画处理。

为了庆祝 CSS 的里程碑和进步，以及引起人们的关注。2024 年 8 月，谷歌 Chrome 浏览器 CSS 开发者布道师 Adam Argyle 希望为 CSS 设计新的官方 Logo，同时发起了公开征集设计活动。

设计征集活动面向公众开放，众多创意和变体被纳入考虑范围。

▲ 部分提交示例

几个月后，2024 年 11 月 12 日，经过投票选出了最终方案，下方的紫色版本成为了 CSS 新的官方 Logo。

对比一下目前的 CSS Logo：

CSS 工作组介绍称，CSS 自诞生以来一直缺少官方标志——直到 CSS3 引入了广为人知的盾牌 Logo。

从十多年前开始，该 Logo 在一段时间内很好地代表了 CSS，但随着 CSS 的发展和越来越多功能的增加，中间硕大的「3」却始终未变。

因此，CSS 工作组希望设计一个更具通用性的 Logo，能够代表 CSS 整体，而不仅仅是 CSS3。

可以看到，新 Logo 与其他 Web 技术栈（如 HTML、JavaScript、TypeScript 和 WebAssembly）也非常契合：

Logo 设计者透露称，他在设计之初选择的是艳粉色 (hotpink)，因为这个颜色会让人联想到化妆品，而 CSS 就是 Web 的化妆品！

但经过 CSS 工作组的讨论和投票，他们更倾向于使用名为“rebeccapurple”的紫色（色值#663399），而不是“hotpink”。

前者是一种广为人知的 CSS 标准颜色，背后有着美丽而有意义的故事：

「rebeccapurple」是为纪念 CSS 标准创立以来的重要贡献者 Eric A. Meyer 的女儿 Rebecca 而命名。
Rebecca 在六岁时因脑瘤去世，她生前最喜欢的颜色就是紫色。
Eric A. Meyer 在博客记录了孩子与病魔搏斗的心路历程，许多人对此深受感触。为了纪念她，社区成员提议将她最喜欢的紫色加入到 CSS 标准中，并最终得到了通过。
Eric Meyer 表示，Rebecca 生前希望人们在她六岁以后叫她 Rebecca，而不是 Becca（可爱的女孩认为 6 岁以后自己就是大人了，Becca 是小孩子的名字，以后要叫 Rebecca！），因此颜色的官方名称被确定为 rebeccapurple。

CSS 新的官方 Logo 为紫色，并包含其深色和浅色变体：

目前 CSS 新 Logo 已上传至 GitHub：https://github.com/CSS-Next/logo.css，提供多种图像格式供下载，包括 AVIF、SVG、WebP、PNG 和 JPEG。

各位觉得 CSS 的新 Logo 怎么样？欢迎在评论区留言讨论～