Sawyer Hollenshead 写下了他对如何在 HealthCare.gov 项目中与设计师和开发人员合作的看法。

在这篇文章中，我想分享一些我们在构建该设计系统时做出的重大技术决策。幸运的是，许多聪明人已经对构建可扩展、对开发人员友好且灵活的设计系统的最佳方法投入了大量思考。这篇文章也将重点介绍我们用来帮助引导技术方向的资源。

继续阅读 →

Custom Elements Everywhere 是由 Rob Dodson 创建的网站。它显示了一组测试的结果，这些测试检查使用自定义元素和阴影 DOM 的 JS 框架的互操作性问题。

继续阅读 →

说到 实用程序库，Jeremy Keith 回应了 Adam Wathan 的 文章，我们不久前 链接到。Jeremey 在前四个“阶段”中与他同在，但在第五阶段无法继续，即完全使用实用程序库的阶段。

此时，即使拥有外部样式表也没有任何好处。您也可以使用内联样式。啊，但 Adam 已经预料到这一点，并用内联样式和对所有内容使用实用程序类之间的区别来反驳。

您不能只选择任何想要的价值观；您必须从一个精心策划的列表中进行选择。

继续阅读 →

您知道 A Book Apart！他们已经出版了我们领域中各种标志性的书籍。它们简短明了。那种您可以在一次飞行中阅读的书。

我写了一篇不久前发布的文章，名为 Practical SVG。对我们双方来说幸运的是，SVG 不是目前发展最快的技术，因此现在阅读这本书并使用您学到的知识与以前一样有用。

对 JavaScript 更感兴趣，他们做到了。 HTML？ CSS？ 排版？ 响应式设计？全部涵盖。事实上，您可能应该自己浏览一下图书馆，或者 全部获取。

更好的是，现在是时候了，因为所有销售额的 15% 将 直接惠及受飓风哈维影响的人。

Trevor Davis 关于我们在全方位采用 HTTP/2 时如何链接 CSS

这与我们多年来一直作为最佳实践所做的事情相反。但为了利用多路复用，最好将您的 CSS 拆分为更小的文件，以便只在每个页面上加载必要的 CSS。示例页面标记如下

继续阅读 →

假设您在 Mac 上进行开发工作，但您想在 Microsoft Edge 中测试一些设计，而 Microsoft Edge 没有 macOS 版本。反之亦然！您在 PC 上工作，需要在 Safari 上进行测试，而 Safari 不再提供 Windows 版本。

这是一个经典问题，我已经处理了十年。我记得购买了 Windows Vista 的副本，购买了软件来管理虚拟机，并花了几天时间才建立起测试环境。如果您喜欢痛苦，您仍然可以走这条路。或者，您可以使用 CrossBrowserTesting 并拥有一个超级强大的测试环境，用于各种浏览器/平台/版本，而无需离开您最喜欢的浏览器的舒适区域。

它非常棒。

继续阅读 →

“Quantum CSS”是“Stylo”的新名称，“Stylo”是新的 CSS 渲染引擎，是“Project Quantum”的一部分，“Project Quantum”是重写所有 Firefox 内部机制的项目名称，该项目将被称为“Servo”。我认为有一份公司备忘录使用“飞机在飞行中更换喷气发动机”的比喻，但它很恰当。

这很有趣，但最终获益的是 Firefox 用户。Lin Clark

它利用了现代硬件，将工作并行化到您机器中的所有核心。这意味着它可以运行快 2 倍、4 倍甚至 18 倍。

希望 CSS 开发人员也只会注意到速度。

Jon Gunnison 记录了一些让模式库在 Allstate 取得成功的因素。我发现有趣的小细节

• 有特定的工作（他称之为“治理”的一部分）来维护库。我喜欢它们被称为图书馆员。“设计师图书馆员”和“UI 开发图书馆员”。
• 承认存在“雪花”，或者不符合模式的单个实例（至少现在是这样）。
• 模式库由来自许多不同地方的信息提供。因此，需要图书馆员进行分类。

来自 Reply All 的播客（事实证明是两部分的播客），其中 Alex Goldman 接到了一个关于其 iCloud 帐户被盗的诈骗电话。他深入调查此事，定期与经营这些诈骗的人交谈。

对我来说尤其有共鸣，因为我曾经 与一位黑客直接交谈，他的目标是对我有害。我 长期以来一直努力理性地思考这类事情。

这里有一个很好的例子，Glen 使用 Font Style Matcher 为回退字体创建一些 CSS，该字体调整了 font-size、line-height、font-weight、letter-spacing 和 word-spacing，以至于当网页字体加载时，页面几乎没有移动。就像几乎察觉不到的 FOUT。也许我们称之为 FOCST（Flash of Carefully Styled Text）。