来自 Jim Raptis 的一个小巧工具：CSS 背景图案。 一堆易于定制和复制粘贴的背景，使用 硬停止 CSS 渐变 来创建优雅的图案。 不如 SVG 背景 那么灵活，但同样轻量级。

承认：我从未在非英语网站上工作过。 我曾在其他团队翻译的网站上工作过，但我没有过多参与。 然而，我确实花了很多时间思考块级和内联级元素。 现在已经过去几年了，自从 逻辑属性 开始出现以来，它们肯定已经开始入侵我的 CSS 肌肉记忆了。

如果你像我一样，在英语等从上到下、从左到右的语言中工作，你只需要在脑海中将顶部和底部映射到 block（你可能已经这样做了）并将左边和右边映射到 inline。 因此，你不会使用 height，而是使用 block-size。 不会使用 border-right，而是使用 border-inline-end。 不会使用 padding: 0 1em，而是使用 padding-inline: 1em。 不会使用 margin-top，而是使用 margin-block-start。

我多年来一直说，一个相当不错的图标 系统就是在你需要的地方用内联 <svg> 放入图标。 这很简单，提供完全的设计控制，具有（通常）良好的性能，这意味着你无需担心缓存和浏览器支持方面的问题。

沿着这条思路... 使用 <img> 对于图标来说也不是最糟糕的想法。 它不提供那么细粒度的设计控制（尽管你仍然可以对它们进行 filter）并且可以说速度没有那么快（因为图像需要从文档中单独获取），但它仍然具有与内联 SVG 图标相同的许多优点。

Shubham Jain 有一个名为 SVGBOX 的项目，它提供图标作为 <img>，并通过提供 URL 参数来更改颜色，从而消除了其中一个设计控制限制。

我刚在 The Events Calendar 博客上写了一篇小文章。 这个想法是，一组块可以在 WordPress 中分组，然后注册在一个 register_block_pattern() 函数中，该函数使该组可作为“块模式”在任何页面或帖子中使用。

块模式正在成为 WordPress 块编辑器 中的一流公民。 它们在 2020 年 8 月的 WordPress 5.5 中发布，没有引起太多轰动，但在块插入器中获得了突出的位置，拥有一个专门的选项卡，该选项卡位于块旁边，包括 10 个左右的默认块。

我完全同意 David 的观点，CSS 需要一个选择器来知道 position: sticky; 元素是否正在执行其粘性操作。

理想情况下，我们会使用一个 :stuck CSS 指令，但实际上我们能做的最好的就是使用 CSS 技巧和一些 JavaScript 魔法，在元素变为粘性时应用一个 CSS 类。

好吧，这非常整洁：Josh Comeau 创建了这个很棒的网站，名为 Operator Lookup，它解释了 JavaScript 运算符的工作原理。 其中还有一些代码示例来解释它们的作用，非常方便。

来自 Adam Silver 的一些小熊思考。

这是一个来自 secretGeek.net 的有趣页面。 你通常不会将“有趣”与 野蛮主义极简主义 联系在一起，但使它在这个页面上起作用的 CSS 技巧确实如此。

Daniel C. Wilson 解释了如何使用 CSS @keyframe 动画，当多个动画应用于一个元素时，它们都会生效。 但如果任何属性重复，只有最后一个属性生效。 它们会相互覆盖。 我见过通过 将关键帧应用于嵌套元素 来克服此限制，因此你无需处理这种冲突。

让你的办公桌更可爱，朋友。 Amy (@sailorhg) 有这个非常可爱的 迷你网站，其中包含各种桌面背景、字体、编辑器主题、键盘等以及其他配件。 这些 彩虹线缆 很棒。

说到字体，我们仍在努力完善这个 编码字体微型网站，如果你有兴趣，它很适合 贡献。