所以微软发布了一个名为Playwright的基于 Node 的浏览器自动化项目。它允许你启动浏览器的无头版本并控制它。转到此处！点击某些内容！截取屏幕截图！诸如此类。对测试特别有用。

它就像 Google 的Puppeteer，只是它不仅限于 Chrome，还可以在 Firefox 和 Safari 中“运行”。

戏剧立即开始了。

David Calhoun 提供的关于在页面上加载多少脚本以获得最佳性能的性能建议

[…] 你的一些供应商依赖项可能比其他依赖项变化得慢。 react 和 react-dom 可能变化最慢，并且它们的版本总是成对出现，因此它们都形成了一个逻辑块，可以将其与其他变化更快的供应商代码分开。

这是 Ahmad Shadeed 对min-width / min-height / max-width / max-height 的深入探讨。我喜欢 Ahmad 在解释其工作原理的同时，如何将其应用于现实世界的设计场景。例如，在第一个演示中，他展示了一个按钮，其中min-width 用作（尝试）确保按钮两侧有空间的方法。如果文本足够短，它就能正常工作，而当文本较长时则会失败。这正是此行业的基本“CSS 思维”。

Jeff Huang 在浏览他的书签收藏时，遗憾地发现许多旧页面从互联网上消失了。位腐烂。情况相当糟糕。大多数发布在网络上的内容都会消失。值得庆幸的是，**互联网档案**保存了其中许多内容。Jeff 认为有七件事可以帮助网页持久。

如果您使用的是小屏幕，请提醒自己在有机会时在大屏幕上查看。

您是否知道来自活动transition的样式会胜过!important规则，但来自活动animation的样式则不会？我绝对不知道。

或者存在“来源”，它们几乎像一个秘密的特殊性层，并且在使用!important规则时会反转？什么？！

这是 Manuel Matuzovic 的一篇精彩文章，他深入探讨了为什么可访问性对于构建网站如此重要。

网络可访问性不仅仅关乎键盘用户、颜色对比度或屏幕阅读器。可访问性是网站质量的完美指标。可访问性与网页设计和网页开发的其他领域紧密相关。如果您的网站可访问，通常意味着它具有包容性、弹性、可用性，它为每个人提供极佳的用户体验，并且速度很快。

我喜欢这个想法：你不可能拥有一个不好的 UI，同时它又是可访问的，以及可访问性、性能和质量如何相互交织。实际上，这让我思考……我从未参与过一个项目，其中这些问题中的任何一个都是孤立存在的。它们总是全部出现。

Sophia Lucero 对图标和文化进行了一次愉快的短途旅行。我们现在熟悉的“汉堡”菜单图标实际上是道教宇宙观的象征。

除了代表天堂天的☰之外，我们还有代表湖泊/沼泽泽的☱，代表火的☲，代表雷的☳，代表风的☴，代表水的☵，代表山的☶，以及代表地的☷。

我们不应该将其用作菜单图标，但这让我想知道我们是否应该为菜单获取一个语义上和可访问性上都合适的 Unicode 字符。我知道表情符号有一个完整的复杂流程。

这是 Raymon Camden 关于向静态托管的网站添加站点搜索功能的内容。一个经典技巧！只需将它们发送到 Google 并将结果范围限制到您的网站即可。

我承认，尽管经常听到这个词，但我直到最近才了解 Jamstack 的来龙去脉。我想我并不孤单。这是一个难以捉摸的术语——它与之前的内容有何不同，尤其是在它与之前的内容有如此多的相似之处的情况下？值得庆幸的是，Divya Sasidharan 在名为#JAMuary的一系列帖子中，每天都在分解 Jamstack 的许多方面。

到目前为止，该系列帖子中的一篇名为“是什么让一个网站成为 Jamstack？”。就我个人而言，这篇文章是我最喜欢的文章之一。在其中，Divya 深入探讨了一个非常重要的问题：如果静态网站和 Jamstack 类似，那么它们的区别是什么？

继续阅读 →

假设您有一个用户输入的地址，例如宾夕法尼亚大道 1600 号西北，华盛顿特区，美国，现在您需要更多关于它的信息。也许您需要正确的国家代码。也许您需要经纬度。也许您需要邮政编码。

positionstack 是一个执行此操作的API。

它也可以反向工作。因此，假设您有经纬度，您可能想知道该确切位置有什么。您可以向API发送这些坐标，您将收到一个包含该位置信息的响应。

继续阅读 →