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

科技   2024-11-15 19:15   中国  


前端程序员福利:免费课程来袭:  懂TS就能开发Web3应用,赢取丰厚奖学金🧧

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 怎么样?欢迎在评论区留言讨论~


相关来源

https://www.w3.org/People/howcome/p/cascade.html

https://www.coywolf.news/webdev/css-has-a-new-official-logo

https://itsjavi.com/projects/new-css-logo/

https://github.com/CSS-Next/logo.css


前端程序员福利来了!
懂TS就能开发Web3应用,赢取丰厚奖学金🧧

玩转VS Code
编程开发,业界资讯,以及 VS Code 的热门文章、使用技巧、插件推荐、插件开发攻略等,全部都可以在这里找到。带你玩转 VS Code!
 最新文章