每月 Web 开发更新 5⁄2019：过度复杂化和执行性工作狂

本周，我再次参加了令人惊叹的 Beyondtellerrand 会议，每次我从这样的活动中回家，我都试图更好地了解我们的行业和社会。 周围有很多投入和灵感，我结识了很多朋友和我一年只见一次的人，我听了很棒的演讲。 人们告诉我他们对自己的工作感到多么沮丧，我们听到人们的生活似乎很精彩的惊人故事，我们听到人们抱怨网络上的坏玩家，但我们很少听到真正的见解或解决方案。

强调生活中美好的部分和不寻常的道路的演讲非常罕见，但其中一个例外是罗伯·德雷珀 (Rob Draper) 的超越演讲者和演讲，他在演讲中分享了他的故事以及一系列意想不到的事件如何造就了他今天的角色。 而且，我很高兴有一些了不起的人相信人类并分享我们作为个人如何做一些事情来拥有更好的工作和生活：这可能就像斯蒂芬海建议的那样相信你自己的想法，建立你的自己的网站和社交系统，或者，正如我的好朋友安迪正在做的那样，建立一个在非洲建立学校的非营利计划，他不仅投入了大量时间，而且还投入了大量资金。

很高兴看到这些关于更美好世界的愿景，感觉就像是一个很好的社区。网络不仅仅是构建技术解决方案和编写代码的空间；它还不仅仅是一个构建技术解决方案和编写代码的空间。 这是一个创造有用、有意义和美丽的个人事物的地方。

消息

• 让我们正式宣布：Safari 12.1 现在支持深色模式。 查看完整文章以了解如何将其应用到您的页面，或查看已经支持它的 Twitter 或 Colloq 等网站之一。 Safari 的开发者工具现在也为暗模式提供了调试模式。
• Chrome 74 是公开的。 新版本让我们可以检测用户是否请求减少运动，并且功能策略 API 也得到更新，所以现在我们可以请求document.featurePolicy.allowedFeatures()用于所有允许的功能， allowsFeature()用于单个功能，或document.featurePolicy.getAllowlistForFeature()用于获取允许功能的域列表。
• Googlebot 现在是常青树。 这意味着 Google 的搜索爬虫会自动获取最新的 Chromium 版本。 从现在开始，它支持 ES6、ECMAScript 模块和更新的功能，并通过 IntersectionObserver 和 WebComponents v1 API 理解延迟加载的内容。 可能是时候尽快放弃我们的 ES6 转译器了。
• Web Share API 是一个很好的补充，可以更多地利用网站。 虽然它已经在 Chrome for Android 上可用了很长一段时间，但 Safari 正在将这一功能带到 macOS 和 iOS 的最新版本中。

一般的

• Stefan Judis 分享了一篇关于如何保持网络安全的综述文章，使其价格实惠且快速，并定制对用户的响应——所有这些都使用 HTTP 标头。 对每个人来说都是一本好书，因为我们都倾向于在日常工作中忘记这些事情。
• 年度 Mozilla 2019 互联网健康报告研究了人类与互联网的交叉点。 这是报告本身，为那些不想完整阅读的人提供了一些简短的答案。
• 随叫随到的轮换在科技界很常见，我知道很多团队都在为此苦苦挣扎。 这就是为什么我发现本关于“随叫随到”的指南内容丰富且有用的原因。 它解释了如何准备和做什么——无论你是一个小团队还是大公司的一部分。
• Emily Shaffer 分享了如何注释正则表达式以使其他人也可以理解。

用户界面/用户体验

• 一个相当不错的跨界应用程序，值得在这里强调：概念应用程序是一个超级灵活的素描、绘图、规划应用程序，用于创建概念和数字创意。
• Patrick Faller 解释了如何扭转产品设计中的过度复杂性。

工装

• GitHub 通过将他们自己的 npm 注册表（还有 ruby​​、Docker、Maven、NuGet）集成到平台中来完善体验。 这是一个巨大的进步，因为它使发布自定义和私有包变得更加容易。

隐私

• 作为 Web 开发人员，我们知道如何检查网站中包含哪些第三方和跟踪器。 但是，在应用程序方面却大不相同。 在桌面或移动应用程序中阻止广告或侵犯隐私的跟踪机制很难，甚至更难注意到跟踪。 让我们提高对此的认识并构建不会背叛用户的软件。

安全

• Google AMP 项目宣布他们将在 Google Chrome 中“简化”AMP 域。 这意味着用户将在浏览器栏中看到原始 URL，而实际上是在 Google AMP 服务器上。 考虑到浏览器供应商通常不允许这样做以防止 URL 欺骗，这是一种有趣的方法。

可访问性

• stylelint-a11y 是 stylelint 的一个插件，它通过 CSS linter 强制执行可访问性最佳实践。

JavaScript

• 你从来没有完全理解过 MutationObserver API？ 这是理解它的指南。

CSS

• Andy Clarke 向我们展示了如何使用 CSS 形状进行艺术指导并在 Web 上创建更精细的布局。

工作生活

• 生产力和承诺如何关联？ 在需求持续不断、工作太多、优先事项信息模糊、紧迫感不同的时代，你很难再责怪人们违背承诺了。 如果我们经常面对别人的期望，比如“请在今天下午 1 点之前回复我”，我们如何才能坚持当天的原定日程并保持高效？ 我们是否应该忽略这些外部要求并说“我们有更好的事情要做”而不是“及时”回复不紧急但会产生紧急情况的电子邮件？ 这样做肯定需要一些勇气，但归根结底，这就是生产力的意义所在：坚持时间表并将专注时间投入到一项任务上。
• 表演性工作狂何时成为一种生活方式？ 《纽约时报》更深入地探讨了商业文化、忙碌的文化以及我们为更快、更多地工作而产生的奇怪的爱。 但是，当我们每天工作 12 或 18 小时时，我们的生活会怎样呢？ 那么自动化将取代我们的工作的承诺呢？
• 你做站立电话吗？ 这就是为什么这是一件代价高昂的事情，甚至会损害队友的效率。
• “别那么忙，什么都不做。 相信我们。” 《纽约时报》的这种说法有其原因：在一个充满压力的世界和一个我们整天拥抱工作的环境中，我们需要记住停下来，为自己腾出时间。
• 我们喜欢倾向于对他人的工作做出判断。 这就是为什么我们倾向于将某事宣布为“唾手可得的果实”，假设该任务很容易完成并且不需要太多时间或精力。 但是我们忘记了我们可能会错过一些情况，这可能会成为比预期更大的任务。 Jason Fried 说，当我们使用“容易”这个词来描述别人的工作时，我们应该小心。
• ConvertKit 的创始人 Nathan Barry 分享了一些关于他们如何以非常规方式经营业务的见解：他们支付标准化工资，公开收入，并将公司利润的 60% 分配给团队。

超越……

• “如果这个时代的任何事物很少见，也许是我们令人担忧的网络系统最终达到了如此独特的点，其环境和社会后果如此明显地交织在一起，以至于它们变得无法忽视。” ——英格丽德·伯灵顿（Ingrid Burrington），《一个罕见而有毒的时代》。
• 让我们交出最好的。 下一代的最佳环境。 接替您工作的员工的最佳工作。 把它放在生活的各个方面，你会发现它会有所作为。 对他人和你。 做好事的感觉很好。
• 在应对气候变化方面，我们可以做的低技术、可持续且可能最有效的事情是什么？ 植树。 一万亿。
• 我们对地球做了什么？ 尽管人们对塑料污染的认识不断提高，塑料和玻璃瓶、罐头和纸箱的全球销量似乎仍在上升。 有这么多替代品，我们可以停止购买一次性塑料包装和外带咖啡吗？我们每个人，现在？
• 当我们感到超负荷时，我们倾向于在沮丧和愤怒中猛烈抨击某人。 这来自于希望事情会平静、有序、简单、扎实、可控。 然而，这个世界并不符合这种希望，因为它是混乱的，不断变化的，从来没有固定的，没有根据的。 所以我们对别人感到焦虑和愤怒。 但是我们可以在感到沮丧时养成冷静的习惯。
• 你的手机，你每天拿着的那个小屏幕，有什么能量影响？ 我们使用视频通话、信使或将我们的照片上传到云端。 但是所有的云服务、4G 网络本身都使用了我们往往会忘记的大量能源。 本文深入探讨了当今使用智能手机的依赖性，以及为什么保存数据和减少手机使用量很重要——如果这只是为了你自己。

还有一件事：如果您喜欢我的阅读清单，请考虑捐款。 捐赠给 Makuyuni 也很重要。

——安塞尔姆