文章标签

为 `<details` 元素设置样式存在一个很大的陷阱，这里有 Kitty Giraudel 的文档。这个陷阱非常隐蔽，你可能永远不会遇到，但如果你遇到了，我可以看到它会非常令人困惑（它会让……

本周的新闻充满了可访问性，从使用 `:focus-visible` 和输入占位符的细微差别，到可访问的字体和 Safari 中 `:display: contents` 的 bug。另外，还提供了一个支持……的简单 Web 组件代码片段。

在本周的平台新闻汇总中，Chrome 引入了新的加载属性、针对 Web 开发者的可访问性规范，以及 BBC 将可视化内容迁移到 Shadow DOM 中……

本文并非讲解如何构建 Web 组件。Caleb Williams 最近已经写了一篇综合指南。让我们来谈谈如何使用它们，在构建它们时需要考虑什么，以及如何在你的……中使用它们。

这是关于 Web 组件规范的五部分系列文章中的第四部分。在第一部分中，我们对规范及其功能进行了概述。在第二部分中，我们着手构建一个自定义……

前端开发以惊人的速度发展。这一点从无数的文章、教程和 Twitter 线程中体现出来，这些文章、教程和 Twitter 线程都在抱怨曾经相当简单的技术栈的现状。在本文中，我将讨论为什么 Web 组件……

这里让我有点困惑，所以趁着记忆犹新，我把它写了下来。使用 Web 组件并不意味着它的样式完全孤立。你可能在 Web……中包含了一些内容。

Mike Hartington 赞赏 Shadow DOM 的优点和实用性

[Shadow DOM] 实际上建立在两个简单的概念之上：隔离和位置。需要创建一个与全局范围隔离的 DOM 片段吗？Shadow DOM

大约一年前，Twitter 宣布 它将开始使用 Shadow DOM 而不是 `<iframe></iframe>` 来显示嵌入的推文，前提是浏览器支持 Shadow DOM。

为什么呢？速度是其中一个原因……