每月 Web 开发更新11 ⁄ 2018：即时设计和可变字体后备

Desknumber

主要更新、新工具、宝贵的经验教训。Anselm 在他的每月阅读清单中总结了今年 11 月 Web 开发人员需要了解的所有新内容和重要内容。
设计对我们的产品以及与之互动的用户的看法有多大影响？对我来说，越来越清楚的是，设计决定了一切，将设计统一到像 Google Material Design Kit 这样的标准模型效果并不好。当然，通过使用它，您将获得从技术角度来看可行的不错的设计。但你不会用它创造一种独特的体验，一种持久的或在个人层面上影响人们的体验。

现在想想您访问了哪些网站，以及您是否喜欢在那里、阅读甚至为该服务贡献内容。在我看来，Instagram 在这方面做得非常好。好的设计符合您公司的宗旨，并根据访客的期望进行调整，让他们感到舒适，并使 电子邮件营销列表 他们能够与产品建立联系。然而，标准解决方案可能很好而且很方便，但它们总是给人一种匿名的感觉，这会阻止人们真正关心您的产品。塑造更好的体验取决于我们。



消息
是的，Firefox 63 来了，但它带来了什么？Web 组件支持包括具有内置扩展和 Shadow DOM 的自定义元素。prefers-reduced-motion媒体查询支持现在也可用，开发人员工具已经有了一个字体编辑器，可以更轻松地使用网络排版，并且默认情况下启用辅助功能检查器。该img元素现在支持decoding可以获取sync、async或auto值的属性，以向浏览器提示首选解码时间。Flexbox 也得到了一些改进，现在支持gap( row-gap, column-gap) 属性。SecurityPolicyViolationEvent最后但并非最不重要的一点是，还添加了媒体功能 API、异步剪贴板 API 以及允许我们发送 CSP 违规的接口。哇，真是一个释放。