这并不是常规的 Notifications API，这更像是手机通知，即使您（没有打开应用程序 || 没有在网站上）也可以使用它。使用最新的 Service Workers。

它需要用户选择加入，因此它只会像您允许的那样成为垃圾邮件。我可以想象一些非常有用的东西：“您的巴士晚点了”、“您有新的匹配”、“您的网站没有响应”… 您希望比电子邮件更快地知道的事情。

Lea Verou 对创建饼图的探索。特别引人入胜的是她建议使用圆锥渐变。圆锥渐变已 规范化，但浏览器尚不支持。值得庆幸的是，她制作了一个 polyfill。饼图是 圆锥渐变如此酷的原因 的绝佳示例。查看 CodePen 上的 标签。

Peter-Paul Koch 在这个月引发了一些最热门的讨论。一些回应包括

• Jake Archibald：如果我们停滞不前，我们将倒退
• Bruce Lawson：关于 PPK 关于新浏览器功能的暂停
• Nicolas Bevacqua：快速推进 Web 平台

Typekit 已开始推出名为 Dynamic Subsetting 的新功能，该功能大大减少了通过网络发送的每个字体文件的尺寸。在这篇文章中，Tom Newton 描述了目前使用拉丁字体执行此操作的解决方案。该过程目前有点笨拙，但我相信他们将来会将此功能正确地扩展到其他语言。

Lara Hogan 刚刚在线免费发布了她的优秀书籍《Designing for Performance》。她仔细研究了是什么让网站感觉缓慢以及这种体验如何影响设计和业务目标

页面速度对于网站越来越重要。如果您正在寻找网站的页面加载时间基准，这就是它：用户希望页面在两秒内加载，三秒后，高达 40% 的用户将放弃您的网站。此外，85% 的移动用户希望网站加载速度至少与台式机上的网站一样快或更快。在您设计和构建网站时，或者在您检查现有网站时，您如何与这些期望相比较？

Lara 还将书籍的所有收益捐赠给优秀的慈善机构，因此如果您有能力，请购买它。

使用 :nth-child（及其相关选择器），您可以编写选择器来定位元素，当它们具有一定数量的同级元素时。因此，您可以编写 CSS，例如，如果正好有 3 个小部件，则将小部件的宽度设置为 33.33%。

但是，选择器有点复杂，因此 Drew Minns 的此工具非常有用。

并且 可能存在争议，针对相同的 PostCSS 插件。

Frontend Masters 以业内一些最高质量的视频培训课程而闻名。他们的教师是各自领域的专家——例如 AngularJS 的创建者、多位 jQuery 团队成员以及 JSON 的创始人。

现在，您可以选择一个完整的为期一周的深入视频课程。所有这些都包括

• 5 天由每天使用这些技能的专家提供的深入指导
• 工作表、练习和挑战，帮助您测试您的知识
• 深入、可操作的课程，您可以立即开始使用

免费获取大师为期一周的培训，从今天开始。

Tim Kadlec 关于代理浏览器及其为何某些人需要它们的新系列文章

我敢说，大多数开发人员和设计师都不是代理浏览器的忠实粉丝——假设他们根本关注它们。它们的行为方式与普通浏览器不同，这会导致我们看到精心创建的网站毫无缘由地崩溃，从而导致沮丧。坦率地说，我们大多数人实际上不需要每天都使用它们。通过我们查看 Web 的视角，代理浏览器仅仅是“智能手机”概念出现之前时代的麻烦遗留物。

但我们对 Web 的看法并不是唯一的 Web 视图。世界各地的人们都面临着上网的挑战——从数据成本和网络连接不良到宗教和政治障碍。在这些环境中，代理浏览器绝非麻烦；它们是必不可少的。

来自“我几乎不知道这是一件事，您现在就可以在浏览器中使用它”的文件

运动路径允许作者沿作者指定的路径为任何图形对象设置动画。

我怀疑 Chrome 会采用它，因为它之前只能在 SMIL 中实现，而他们正在放弃 SMIL。我相信这是完整的路径语法首次进入 CSS？（例如 motion-path: path('M100,250 C 100,50 400,50 400,250');）。

有一些 演示 在 CodePen 上。

围绕移动 Web 性能的一些有趣的 #hotdrama。

显然，可以认为缓慢、糟糕的网站是浏览器的错，而不是网站塞满了垃圾资源的事实。