[Robin]：前几天有人突然给我发邮件，注意到一个奇怪的模式：显然，无论我写关于设计系统还是前端开发的任何内容，谈话总是回到我对……的挫败感。

本周首先，Tatiana Mac 撰写了一篇关于采用动画的“无运动优先”方法的文章，她在文章中认为动画可以很整洁、有趣且很棒，但对于某些人来说，动画很糟糕，可能会导致他们实际的不适或……

[Robin]：hsl()是我新的最喜欢的设计工具。好吧，它并不完全是新的——hsl()已经存在了一段时间了——但我最近发现自己一直在使用这种新的颜色格式，并且从现在开始，我将……

[Robin]：我还没有发现自己开始使用 Web Components，我不确定为什么。我假设是因为我大部分时间都花在静态网站生成器或用 React 编写的非常大的单页应用程序上。但是……

[Robin]：本周首先引起我注意的是这个名为<popup>的新 HTML 元素。Šime Vidas 在每周平台新闻中写到了这一点。

弹出窗口是一个临时（短暂）且“轻量级可关闭”的 UI 元素，它

本周首先，Andy Bell 撰写了这篇精彩的文章，他在文章中深入探讨了大量我们今天可以使用的新的 CSS 功能：

CSS 非常棒，而且一直在变得更好。尤其是在最近几年，它

是的，您现在可以在没有黑客或使用有点笨拙的伪元素和计数器组合的情况下做到这一点。您最好的选择是什么？::marker伪元素。我们刚刚更新了关于该主题的年鉴条目，供您参考。

ul 

[Robin]：设计网站的主页比学习新框架更难，比构建大型网站更困难，比记住 CSS 的所有值和属性更具挑战性。简而言之，关于……最糟糕的事情。

[Robin]：“不必要的首字母缩略词具有排他性，”Jeremy Keith 在这篇关于性能、网页设计以及 CLS 等术语的首字母缩略词如何使每个人都更难理解的精彩博文中写道。

我为……感到抱歉

Robin：这周我一直在大量思考 Framer Motion。它是一个旨在使网络上美丽而复杂的动画比以往任何时候都更容易的库。也值得一看该……

我认为我们还没有在新闻通讯中链接到此，但 Chris 撰写了一篇关于CSS-Tricks 的最新设计的精彩文章，这里有很多值得深入研究的地方。Chris 将以前的版本与……进行比较。

好吧，这是一个巧妙的想法，但也可能非常愚蠢：将 CSS 用作内容 API。我们会谈到这一点。但首先：在自定义属性作为状态中，Chris 写了关于Seasonal.css的文章，它“提供……”

[Robin]：在过去的一周里，我一直在做一个有趣的副项目，我称之为滚动故事——一篇详细的博文，我在其中对某件事大发牢骚。这个小网站最令人兴奋的部分在于它使用了……

本月早些时候，Michelle Barker 研究了如何使用 CSS 覆盖元素，并给出了这个我从未见过的有趣提示。

.original-element {
  position: relative;
}

.covering-element {
  position: absolute;
  inset: 0;

[Robin]：动画很重要，但也很致命。它们可以在恰当的时间将我们的注意力集中在某些信息片段上，当您点击按钮时它们可以很有趣，并且动画也可以用来让您……

我们收集了许多作家和前端人士，让他们在今年的年终想法中告诉您他们在这一年中学到了什么。这里有很多值得学习的东西（还有更多……

[Robin]：Varun Vachhar 的制作移动物体是一篇我前几天偶然发现的精彩博文。他谈到了他是如何使用canvas-stretch构建以下动画的，并逐步介绍了设计过程。

不仅……

Sarah 撰写了关于当您了解 SVG 的复杂性时所打开的所有令人兴奋的可能性。

确实，一旦您学习了 SVG，您就可以绘制任何东西，并使其在任何设备上缩放。即使

[Robin]：本周首先引起我注意的是 Alex Trost 的这篇精彩教程，他在其中向我们介绍了如何制作这个相当漂亮的精致设计。

此设计是 Andy Barefoot 的作品，他正在全力推动……

[Robin]：有一次我正在面试一位 UI 工程师职位的人，注意到了一些有趣的事情。我们正在构建一个涉及 flexbox 的 UI，这个人打开了 DevTools 并开始在列表中上下点击……