是否卡在为某人对网站进行“一些简单的更改”？Component IO 使您或您的团队能够快速轻松地进行编辑（即使是非技术用户）。

您可以使用所见即所得编辑器管理内容，或立即更新 HTML、CSS 和 JavaScript 直接从您的网站。更快地进行更改，授权您的团队，并避免重新部署错误。适用于每种 Web 技术，从 WordPress 到 Rails 到 React。

加入数百个已使用 Component IO 的项目，提供免费层级和每月 7.95 美元起的计划。它旨在使每个人的 Web 开发都更容易。

免费试用

继续阅读 →

我们在 CSS-Tricks 上的博文获得了相当多的评论（谢谢！），但我也要说，这方面的黄金时代已经过去了。如今，如果有人对博文写了一些反应，它可能在他们自己的博客上，或者更有可能的是，在某个社交媒体网站上。这是有道理的。那是他们的根据地，并且将他们的文字保留在那里对他们更有用。

不过，这很可惜。这种支离破碎的对话对于每个人来说都稍微更有用，但作为一个整体，它就不那么有用了。没有规范的对话线程。这就是 Webmentions 的意义所在，一项正式规范！从某种意义上说，它们允许对话分散，但又在主帖子上汇聚成一个规范的对话线程。

Webmentions 不需要成为评论的替代品，尽管当您转到真正的 Drew McLellan 的帖子时，您会发现他正在以这种方式使用它们。它们可以作为“常规”评论的补充。当然，从社区角度（当您需要链接到已发布的文字时，混蛋可能会减少）和技术债务角度来看，关闭常规评论的想法很有吸引力。

Rachel Andrew 最近也实现了它们，而这是经典的 Jeremy Keith 风格。

Hidde de Vries 收集了一些关于 CSS 早期思考的信息

网络上有很多关于 CSS 如何设计的信息。保持简单是一个核心原则。它一直延续至今——从早期和 90 年代后期的首次实现到现在的最新发展。

列出的四个主要设计原则令人着迷

• 作者可以根据需要指定尽可能多或尽可能少的内容
• 它并非旨在成为一种编程语言
• 它们对使用它们的媒介类型保持中立
• 它是基于流的

那么……它变得复杂了吗？

我认为自 90 年代初以来发生了很多变化，但实际上并没有触及我们如何将 CSS 应用于结构化标记的内容。

一个社区驱动的与渐进式 Web 应用相关的统计数据和新闻列表

例如

Twitter Lite 的每会话页面数增加了 65%，推文增加了 75%，跳出率降低了 20%。即使在网络速度慢的情况下，Twitter Lite 对于重复访问也能在 3 秒内加载。

它与WPO 统计数据处于同一脉络，后者完全专注于 Web 性能以及做好工作的积极影响。

帮助您培养对使用您产品的人群的同理心的活动。Eric Bailey

该项目面向参与制作数字产品的任何人。我希望它能触及到

• 并非一定参与流程日常工作，但有助于塑造预算、时间表和范围的人员，以及
• 每天努力帮助赋予这些产品形状和形式的人员

这些提示旨在帮助培养同理心，而不是描述任何一个人的经历。这些提示并非旨在将经历这些状况的个人的经历标记化。

我喜欢页面上的“分享”链接。它基本上是window.prompt("go ahead");

我在这里链接了一个“号召性用语”风格的网站，因为它做得很好，并且很好地解释了情况。目前，（在美国）有一些规则禁止互联网提供商按网站对速度和访问进行优先级排序。如果可以，他们可能会这样做，这对互联网来说绝对是不利的。

在其他“对互联网有利”的新闻中……我的网站是否需要 HTTPS？

Keith J. Grant

在 CSS 中，您无法转换背景渐变。它会立即从一个渐变跳到另一个渐变，两个渐变之间没有平滑的过渡。

他记录了一种巧妙的方法，即定位一个覆盖元素的伪元素，该元素具有不同的背景，并转换该伪元素的不透明度。您还需要一些z-index技巧来确保内部的任何内容都保持可见。

天哪，我还记得不久前伪元素不可过渡的时候！

我认为只要我们在这里使用伪元素，我就会记录一些其他方法。我们始终可以移动较长元素的位置，使其看起来像渐变过渡。或者，我们可以使用半透明渐变并在其后面转换纯色背景。

Dave Rupert

在浏览Includes 文档时，我注意到一个相对较新的功能，您可以在其中将数据传递到组件中。

我同样兴奋地了解了 Nunjucks 中的宏。然后

在编写了几天的类似这样的 include 之后，我心想“为什么我不直接编写 Web Components 呢？”

Ethan Marcotte 谈论数字剥夺权利，以及为什么我们应该设计闪电般快速、可访问的网站

我们构建的 Web 上充斥着过于庞大的网站，互联网的分配不均匀且不平等。这就是为什么设计轻量级、低成本的数字体验是一种善意行为。虽然如今这种善意可能看起来微不足道，但它至关重要。与设备无关、数据友好的界面有助于确保您的工作能够触及尽可能多的人，无论其位置、收入水平、网络质量或设备如何。

没有什么比一些传统的 CSS 技巧更棒的了。Zach Leatherman 记录了如何使用@font-face 块和local()源来重新定义font-family。它实际上也可能有点用处，因为它本质上是对字体堆栈的抽象。

@font-face {
  font-family: My San Francisco Alias;
  src: local(system-ui), local(-apple-system), local('.SFNSText-Regular');
}
p {
  font-family: My San Francisco Alias, fantasy;
}