CSS编年史 第42期

还记得这些吗？Chris 会时不时地写一篇博文，记录 CSS-Tricks 网站上发生的事情。距离上一篇已经过去了 969 天，或多或少。想想看：那时我们正在尝试用 JavaScript 编写 CSS，并且刚刚开始对一套拟议的新颜色特性感到兴奋，这些特性今天大部分都已经实现了。我们现在正在嵌套 CSS 规则。容器查询已经成为现实。

CSS 正在变得异常狂野。 这可能不是一个关于 CSS 的网站休息的“最佳”时机，是吗？

这就是为什么我想掸去编年史上的灰尘。时间已经过去很久了，今天 CSS-Tricks 网站上发生了很多事情。

我（算是）回来了

我们不妨从这里开始！是的，我去年被“解雇”了。 并没有什么#热门事件。许多非常优秀的人——都在 DigitalOcean 社区团队——同时被解雇了。这是一个商业决定，不管你喜欢与否。

之后，DigitalOcean 发生了一些变化。一个新的领导团队上任了，随之而来的是，他们重新致力于重建社区方面的工作。而且，Chris 发表了一篇内容翔实的博文，从他的角度谈了 CSS-Tricks 的情况。巧合的是，一个新的职位空缺出现了，看起来很像我以前的工作。我对此当然有想法。

这一系列活动促成了一次电话。然后是几次。现在我回来了，帮助让 CSS-Tricks 的引擎重新运转起来，希望让它成为我们长期以来喜爱的丰富资源。我现在是合同工，正在摸索情况。

到目前为止？* 伙计，回来真是太好了。*

我在“沉寂”期间做了什么

我跳槽到了 Smashing Magazine。 天哪，那个团队真是太棒了。我们还有 Smashing Magazine，这让我很高兴。在你下次参加的前端鸡尾酒会上，这里有一个小知识可以分享：Smashing Magazine 是在2006 年 9 月推出的，比Chris 在 CSS-Tricks 上发表第一篇文章仅仅晚了 11 个月。

我还花时间在我居住的科罗拉多州的几所当地大学教授前端开发。我已经在教书了，但增加了工作量。但没有*太多*，因为我认为现在是攻读硕士学位的最佳时机。所以，我报名参加了课程，并将我的时间分配给了兼职编辑、兼职教育工作者和兼职学生。

学位的获得比预期的要快，所以我利用剩下的时间完成了我几年前开始的一门在线课程，并最终将其发布了！对于阅读这篇文章的人来说，这可能不是一门合适的课程，但对于可能正在编写第一行 HTML 或 CSS 代码的完全初学者来说，这门课程非常适合。你是否曾经被问到如何构建网站，但却没有精力（或时间）解释一切？是的，我也是。这门课程就是为这些人准备的。还有我妈妈。

我称之为The Basics——如果你能把它分享给任何你认为可以把它作为网络开发起点的 人，我将不胜感激。

我对 CSS-Tricks 的未来发展方向

这个网站一直都很棒，甚至在我加入之前很久就是这样。从历史上看，它更像是一个个人博客，后来变成了多作者博客，内容源源不断。这完全没有问题。

然而，它缺少的是*结构*。我们发布的大多数内容都被当作博客文章来对待：写完后，点击“发布”按钮，然后让它停留在信息流的顶部，直到下一篇文章发布。我们说的是一种基于时间的方法，在这种方法中，文章按照时间顺序排列，最新的文章排在最前面。你在哪里可以找到你上个月看到的那篇文章？它现在可能已经被埋没了，你必须点击文章存档，或者尝试用关键词搜索它。这对于一个只有几百篇文章的博客来说可能有效，但这里有 7000 多篇文章，搜索变得更像是大海捞针。

所以，你可能已经注意到我正在对一些事情进行调整。所有内容仍然是一篇“文章”，但我们现在使用类别分类法的方式比过去更有效。每个类别都是一种“类型”的文章。文章的类型取决于我们想从中得到什么。让我们把它放到它自己的部分，因为它是一个相当大的变化，需要一些解释。

我们正在发布的“类型”

好的，所以以前所有东西都是文章或年鉴条目。我们仍然有“文章”和“条目”，但有更好的方法来对它们进行分类和区分，尤其是文章。

以下是分类方法

• **文章：**一直是 CSS-Tricks 的主要内容的教程
• **指南：**对特定 CSS 主题的全面深入探讨（如Flexbox 指南）
• **年鉴：**用于理解 CSS 选择器和属性的参考文章，可以在文章和指南中引用。
• **笔记：**用于记录我们正在学习的内容的帖子。它们的意思是随意和有点粗糙，就像你在课堂讲稿中做的笔记一样——只是我们在记录社区中其他人（比如你！）正在写的东西。
• **链接：**我们正在阅读的我们觉得有趣并想与你分享的内容。一个链接可能会发展成一个注释，但它们也是可以在年鉴、指南或文章中引用的有用资源。
• **快讯：**我讨厌这个名字，但它的想法是，有一个地方可以发布一些简短的内容，比如一个想法、一个观点，或者是一些及时的新闻。我正在公开征求一个更好的名字来称呼它们。😇

这就是我们现在正在考虑的，但显然还有其他方法可以对内容进行分类。例如，我们有一个“代码片段”存档，我们已经埋藏了很多年，但它可能会有用。还有视频。如果你能相信的话，还有更多。所以，我们还有很多家务要做！这还只是初期阶段。在飞行过程中，你可能会遇到一些颠簸。我对此表示理解，因为这是一个学习的地方，在这里工作的人也在学习。

是的，我确实说过“人们”，指的是不止一个人，因为我想……

欢迎两位新面孔！

最让我兴奋的是——甚至比冰淇淋车让我女儿兴奋还要兴奋——是能有新人加入我们的行列。运营 CSS-Tricks 是一项*巨大的*工作（不管我把它做得多么轻松😝）。所以，我请来了一些人来帮忙分担工作！

我在为 Smashing Magazine 编辑文章时认识了 Juan Diego。在我加入之前，他已经为 Smashing 写过几篇文章，而他的最新作品，一系列文章的第一部分，讨论了使用 Gatsby 的“痛苦”，落在了我的办公桌上。这篇文章真的、真的很好——你应该去看看。关于 Juan Diego，我了解到的是，这家伙*非常*关心网络平台。不仅如此，他还密切关注着它。我敢肯定，他会在喝茶时阅读 CSSWG 规范以获得乐趣。他对所有前端事物的热爱和好奇心都很有感染力，我已经从他身上学到了很多东西。我知道你也会的。

另一方面，Ryan 是设计系统的狂热爱好者，他主张创建易于访问的界面。实际上，当他得知我需要帮助时，他在 Mastodon 上联系了我。时机真是太完美了，我非常感谢他当时的及时出现。随着对他的了解，我越来越意识到他技能的全面性。使用“设计系统”可能意味着很多不同的事情。对 Ryan 来说，这意味着基于模块化和可复用 Web 组件的一致且可预测的用户界面，特别是平台原生的 Web 组件。事实上，他目前正在开发一个名为 Platform UI 的设计系统。我也成为了他 个人博客 的粉丝，尤其是他每周都会发布一些他觉得有趣的文章摘要。

你会经常看到 Juan Diego 和 Ryan 出现在这里！他们都在努力更新可靠的 Almanac，并且也会发布文章。这里没有人是全职的，包括我，所以这 truly is a team effort.

请热烈欢迎他们！

这一切都还在进行中

……而且可能会一直持续下去！我喜欢 CSS-Tricks，因为它是一个让每个人都能一起学习的地方。它可能直接与 CSS 相关，也可能无关。也许它只是与 Web 开发略微相关。它甚至可能是一个尚未完全成熟的粗略想法，但我们把它放在这里，并以开放的心态共同学习新事物，因为 Web 是一个广阔的空间，每个人都有自己的贡献和独特的视角，我们都能从中受益——无论是来自 CSS、语义、性能、可访问性、设计、排版、营销或其他任何领域的专业知识。

你想为 CSS-Tricks 写作吗？

你可以，而且你应该！ 你可以获得报酬，读者可以学到东西，这会吸引人们访问网站。每个人都是赢家！

我知道写作并不是每个人最擅长的技能。但这正是团队存在的意义所在。你不必成为一名优秀的作家，只需要愿意写一些东西即可。我们会帮助你润色它，让它成为你引以为豪的作品。

超过 200 名 像你一样的 Web 开发人员、设计师和专家都为这个网站撰写过文章。你应该 申请撰写文章 并加入我们！

所以，是的：CSS-Tricks 回来了！

它以自己独特的方式回归了！在我理想的世界里，CSS-Tricks 是否在任何一天发布内容都应该是毫无疑问的。但这并不完全取决于我。它不仅必须对像你这样依赖 CSS-Tricks 之类网站的人们具有价值，而且还必须对 DigitalOcean 具有价值。这是一种微妙的平衡，但我认为每个人都达成了共识，那就是让这个网站保持活力并健康发展。

我很高兴能参与其中。Juan Diego 和 Ryan 也是如此。你也是。

我们都在一起。🧡