每月 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 也很重要。

——安塞爾姆