等等，什么？

没错，直接访问为您的 WordPress.com 网站提供支持的文件和数据存储，就像您自托管 WordPress 网站时一样。您可以在此处阅读他们的公告。 请注意，这仅适用于商业和电子商务计划。

我们必须做越来越多的事情来帮助浏览器实现最佳性能。

• 响应式图像语法有几个。例如，需要使用sizes属性告诉浏览器图像在布局中的大小，以及使用w描述符告诉浏览器图像本身的大小。
• 常规图像始终具有width和height表现属性，这些属性一直有些有用，并且现在非常有用。
• CSS 中的will-change属性有时需要实现更高性能的动画。
• 如果您需要任何离线功能或特殊的性能改进，则必须编写自定义服务工作者代码。

现在我们有 CSS contain，其目的是告诉浏览器您的布局，以便它可以更快地执行操作。您不需要使用它，但它是优化的一项不错的增强功能。

我喜欢这篇文章，它介绍了 CSS 和 HTML 的发展历程——它展示了网页设计走了多远，以及现在对我们所有人来说有多么容易。

Mike Solomon 参与了Esquire 的一篇花哨的滚动式叙事文章，并撰写了关于它的博文。它包含了每一步的 GIF 图，不仅展示了如何使用position: sticky;，还展示了如何使用负边距、包装 div、背景，甚至是一点点 JavaScript 测量来使一切正常。

它没有任何效果的独立演示。我想尝试对其进行逆向工程。

这是 Adam Silver 关于他创建尽可能可访问的自动完成字段之旅的精彩深入文章。需要考虑很多边缘情况！有旧浏览器及其奇特的怪癖，有屏幕阅读器的辅助功能最佳实践，更不用说在没有 JavaScript 等情况下处理组件设计了。

亚当在开始之前发出警告

[…] 我一直在寻找让用户输入目的地国家/地区的方法。不幸的是，本机 HTML 表单控件不适合这种交互。因此，我们需要从头开始构建自定义自动完成控件。不过，需要提醒您：这是我做过的最难的 UI 组件之一——它们看起来比实际难多了。

我最近还购买了亚当的书，表单设计模式，这篇帖子现在让我更加兴奋地阅读它。

有趣的调查结果，来自 Aaron Peters 关于<img loading="lazy" ... >

在我的 13 英寸 MacBook 上，停靠栏位于左侧，Chrome 中的视口高度为 786 像素，因此页面加载时，Chrome 会积极获取页面下方超过视口高度 4 倍的具有loading="lazy"的图像。

在我看来，这太积极了。为什么不使用 1000 像素这样的较低阈值？或者更好的是：根据实际视口高度确定阈值。

我猜他们选择不默认过度设计该功能，并会随着时间的推移对其进行改进。通过选择相当高的阈值，他们在降低页面上未使用width/height属性的图像导致布局变化而惹恼用户的风险方面，降低了风险。

我认为这未合并的拉取请求是我们最接近规范的东西，它使用了“滚动到视口中”之类的语言，这表明根本没有阈值。

Louis Lazaris，回应 CSS4 的想法

“CSS3”之所以有效是因为它是真实的。它是“CSS2.1”的继任者。CSS2.1 之后的所有内容都被认为属于“CSS3”的范畴。

要点是 CSS4 不是真实的，因此无法使用，而且我们也不需要它。也许我高估了营销的力量，但我想路易斯低估了它。当一个想法扎根时，无论其真实性如何，它都具有巨大的力量，并且随之而来的是金钱。参见：政治和宠物石。

Amelia Bellamy-Royds指出，我们确实可以指代一个真实的事物，那就是工作组生成的“CSS 快照”，这些快照可以作为年度版本进行推广。就像我们有ES2019一样，我们可以有 CSS2020。

就在今天早上，Chris 分享了一种简化的方法来使用 Netlify 启动和运行静态网站。碰巧的是，莎拉和我写了一些东西扩展了这个想法，其中静态网站可以使用 REST API 从 WordPress 获取内容。

使用 Vue、Nuxt、axios 和 Netlify，可以获得Jamstack的性能和持续集成优势以及 CMS 的强大发布和编辑功能。如今，不同堆栈的配对所能实现的功能真是令人惊叹！

我自己也是 WordPress 迷，我从莎拉那里学到了很多关于设置渐进式 Web 应用和使用组件驱动架构的知识。她为我提供了许多资源，所有这些资源都链接在文章中。甚至还有一段完整的视频，莎拉在其中介绍了我们为该应用程序设置内容时遵循的相同步骤。

换句话说，阅读这篇文章大约需要 18 分钟，这很值得。我希望您能像我参与其中一样，从中获得收获。

有一句名言是这样的……

当我们年轻的时候，我们创造简单的事物，因为那是我们所知道的全部。然后我们学习如何创造复杂的事物，所以我们创造复杂的事物。当我们老了，我们学会再次创造简单的事物。

布拉德最近抽象地写了关于音乐方面的这件事，但在新文章中更直接地谈到了网页设计。网页设计中有很多事情可以用多种方式完成，通常最好以最简单的方式（阅读：使用 HTML 和 CSS）来完成，即使您的团队（或大脑）倾向于更复杂的方法。诀窍在于了解什么是可能的以及何时需要它。

我们刚刚链接了offset-path可以巧妙地用于在路径上设置文本的想法。也不要错过 Michelle Barker 的实验，包括绘制路径或沿路径动画化文本。

丹·威尔逊也关注这项技术相当长一段时间，并指出了人们突然对此产生兴趣的原因

随着 2020 年 1 月 7 日发布的Firefox 72，CSS 运动路径现在已在 Firefox、新版 Edge（计划于 2020 年 1 月 15 日稳定发布）、Chrome 和 Opera（以及其他基于 Blink 的浏览器）中提供。这意味着这些浏览器中的每一个都支持offset-path: path()、offset-distance和offset-rotate的通用基线。

丹的文章很好地涵盖了基础知识，包括一些您可能想不到的事情，例如路径本身可以进行动画处理。