这个真实的科技演讲（YouTube 视频嵌入其中）由 Zach Leatherman 发表，很精彩。演讲中穿插着一些有趣的技巧，所以我在这里记录了一些笔记。
- 我不知道他是如何实现“敲击键盘生成完美代码”的，但这让我想起了 Jake Albaugh 的“自我编码”Pens。
- 在
<body>上添加contenteditable使整个页面可编辑！你知道document.designMode = "on"在 JavaScript 中也能做到同样的事情吗？（更多关于 将 DevTools 打造成设计工具。） - 有一个简短的部分，打字同时发生在两个元素中。CodePen 支持这个功能！只需
CMD+ 点击您希望另一个元素出现的位置，或者 将其设为代码片段的一部分。 - 系统字体很不错。我喜欢用
system-ui轻松调用它们的方式。Firefox 似乎不支持，所以我想我们需要 完整的字体栈。我想知道我们离只需要这个值还有多远。Iain Bean 在他的 “系统字体不必丑陋” 文章中对此进行了更多阐述。 box-decoration-break对于“内联标题”来说是一个不错的细节。在这里使用@supports非常有意义，因为不仅仅是使用了一个属性，而是多个属性。因此，在不支持的情况下，您可能希望不应用任何属性。- 将
<progress>放入一些<li>元素中以比较渲染策略，这是一种获得完美 UI 的巧妙方法，甚至不需要一行 CSS。 - 在构建过程中让 11ty 执行语法高亮 非常酷。我仍然在这个网站上使用 Prism.js，它做得很好，但我在客户端进行处理。我真的很喜欢这个 11ty 插件仍然在底层使用 Prism，但它只在页面构建时执行。我很想让它在这个 WordPress 网站上运行，我敢肯定这是可能的，因为我们块编辑器中的代码块本身就是一个自定义 JavaScript 构建。
- 在第一个要点中，我写道，我不知道 Zach 是如何实现“敲击键盘生成完美代码”的，但如果你观看有关语法高亮的部分并继续观看，Zach 会展示它，这有点令人难以置信。
我认为 Zach 的总体观点很强：我们应该质疑任何“默认单页应用程序”的网站构建策略。
作为一份“金发姑娘的粥”，我认为我对静态网站生成器和 JavaScript 框架都很有好感。JavaScript 框架提供了一些构建数字产品的绝佳想法：组件和状态。有时这意味着客户端渲染实际上有助于网站的交互性和整体感觉，但不幸的是，客户端渲染默认情况下会随之而来，而不是作为经过深思熟虑的选择。