[Robin]：新年快乐，朋友们！Chris 写了他的年度感谢信和年终总结，其中详细介绍了今年 CSS-Tricks 上发生的一切。我喜欢在年初阅读这些内容，深入分析数据，并……

[Robin]: 节日快乐，朋友们！这是我们今年的最后一期新闻简报，所以我们只想说谢谢你的阅读。在过去的 12 个月中，我们在新闻简报中涵盖了如此多的主题，以至于我并没有……

[Robin]: 目前无障碍领域发生了一些值得关注的事件。这一切都围绕着 WCAG 3 的工作草案展开。简而言之：Web 内容无障碍指南 (WCAG) 是……

[Robin]: 如果你今天想制作一个选项卡组件，那么你必须：

1. 制作你自己的自定义选项卡——这很麻烦，因为制作它们并不容易，或者，
2. 只需npm install一些流行的东西。

尽管，……

Chris 在这里代替了 Robin，你们的常规 CSS-Tricks 新闻简报通讯员。现在，我将用我储蓄的链接中的有趣内容来吸引你。

[Robin]: 事情是这样的：我害怕 Houdini。不是以跳下瀑布和把自己活埋而闻名的魔术师，而是 CSS 中一组新颖的 API。这就是为什么我如此喜欢 George Francis 的这篇文章……

[Robin]：不久前，David Jonathan Ross（你应该订阅他的新闻简报，因为他会在每一期中附赠免费字体）写了一篇文章，内容是关于为什么可变字体仍然被奇怪地认为是一种实验性的字体格式……

[Robin]: 🤔 是:before还是::before？我在编写这样的伪元素时总是有点困惑……

.element:before { }
.element::before { }

剧透：它是::before。很抱歉以如此戏剧性的方式开始这期新闻简报。……

[Robin]: 我要承认一个可怕的错误：我仍然在媒体查询中思考。当我在处理需要更改布局的设计时，我总是求助于媒体查询来帮助我。这不是问题，并且……

[Robin]: Chris 刚刚通过 PDF 和 EPUB 格式发布了最棒的 CSS 技巧卷 I，并写了一篇文章介绍了这个过程。他在文中详细介绍了在以编程方式创建电子书版本时遇到的几个障碍。

所有这些写书

[Robin]: 上周我们谈到了奇怪的浏览器，以及为什么我对它们如此兴奋。嗯，这周我一直在思考一些用于制作网站的奇怪工具，比如utopia.app

简单来说，你

[Robin]: “也许，对于我们在浏览器引擎多样性方面的损失，我们将获得浏览器 UI/UX 多样性方面的收益” Chris 前几天在关于Bonsai的一篇文章中写道。这是一个有趣的浏览器，与其他浏览器非常不同……

[Robin]: Jamstack Conf 2021 本周早些时候结束，我正在慢慢地赶上该活动的视频。里面有很多好东西，所以一定要将其添加到书签中以供日后查看，但这里有一些快速……

[Robin]：这是我本周的照片：来自Paul Irish 2015 年的一篇博文，照片是维基百科团队正在浏览他们打印的巨大性能时间线。

乍一看，这可能很疯狂，……

[Robin]: Harry Roberts 在<head元素方面做了大量有趣的工作——不！别打哈欠！——这是有充分理由的；这是所有性能问题开始的地方。或者，正如 Harry 在“整理你的…

[Robin]: 我们从一些奇怪有趣的东西开始本周的新闻简报。我偶然发现了Hakim El Hattab 的这种有趣的表单模式

这很酷，因为我从未想过焦点状态可以具有风格和个性——我一直……

⚛

[Robin]：对编写 Atomic CSS 的一项批评是，它会生成大量用户不需要的类。假设你想在元素的顶部添加一些填充，比如……

[Robin]: 网络上的所有东西都是矩形。无论你选择哪个元素或编写什么 CSS，在幕后你总是在用各种形状和大小的正方形和矩形填充页面。你可以制作……

[Robin]: 我这周偶然发现了这个很方便的 VS Code 插件，叫做TabOut，它允许你按下 Tab 键并在代码行中的引号之间跳转。这是一个很棒的插件，因为它我认为它可以精确地执行……

😯

[Robin]: 这周我一直都在思考网络上的页面过渡，以及Chris 今年早些时候发表的这篇文章

从技术上讲，我们现在可以构建页面过渡，即使没有单页应用程序架构，但我想要的是专门构建的 API，这些 API 可以