最近在ShopTalk Show 与 Ben Frain 的对话中，我们经常谈论到 CSS 扩展问题。Ben 对这个问题思考良多，甚至写了一本关于它的完整书籍，《Enduring CSS》。

正如 Eric Bailey 所说，如果它具有交互性，它就需要一个焦点样式。也许最好的办法是不要移除默认情况下可聚焦元素的那些该死的轮廓。如果你要使用 button { outline: 0; }，

随着 macOS 中暗黑模式的引入，Safari Technology Preview 68 发布了一项名为 prefers-color-scheme 的新功能，它允许我们使用媒体查询检测用户是否启用了暗黑模式。Safari Technology Preview 71 也

接着 Geoff 关于 CSS 中第二个“S”的介绍文章，现在让我们将目光转向 CSS 中的“C”——我们称之为层叠。这就是事情开始变得混乱，甚至令人困惑的地方

在编写原生 JavaScript 时，一个常见的需求是找到 DOM 中的一组元素并循环遍历它们。例如，找到按钮实例并将点击处理程序附加到它们。

const buttons = document.querySelectorAll(".js-do-thing");
// 

这引起了我的共鸣

对我来说，缩略词“a11y”缺乏无障碍性是具有讽刺意味的：它对于那些“不在圈子内”的人来说并不直观易懂；而且，在某些字体中，它在视觉上与“ally”（小写 L）这个词无法区分，而这个词

秉承我发布过的每一个投票问题的一贯传统，下面的投票有一个基本缺陷。在这种情况下，在“上个月”和“从不”之间没有选择，但是，结果还是

JavaScript 模板字面量非常适合用于小型 HTML 代码块。比如

// Probably from some API or whatever
const data = {
  title: "Title",
  content: "Content"
};

const some_html = `
  <div class="module">
    <h2>${data.title}</h2>
    <p>${data.content}</p>
  </div>
`;

我最近需要构建一个 UI，而且（很长时间以来第一次）我没有使用 React.js 的选择，而 React.js 是我目前最喜欢的 UI 解决方案。因此，我查看了内置的