每月 Web 開發更新 10⁄2018：Hurricane Web、端到端完整性和 RAIL

隨著本週最新研究和官方報告的發布，似乎為了避免地球上不可逆轉的氣候變化，我們需要在未來十年內採取積極行動。 這引發了一些我認為值得一寫的懷疑和假設。

我經常聽到的一個論點是，我們個人無法產生影響，氣候變化是“大公司的錯”。 然而，我們作為消費者決定我們購買什麼、從誰那裡購買、使用誰的產品以及避免使用哪些產品。 通過明智地選擇，我們可以做出改變。 例如，通過與您周圍的其他人交談，通過說服您的公司所有者改用可再生能源，我們可以將我們的社會和經濟轉變為一種不會對地球造成太大傷害的更可持續的社會和經濟。 當然，這將是一項艱鉅的任務，但我們不能否認我們個人的責任。

也許我們應該以此為契機重新思考我們真正需要多少。 也許走進大自然可以幫助我們重新與環境聯繫起來。 也許用手和緩慢的方法建造一些東西，試圖了解材料及其特性，可以幫助我們了解我們目前擁有的資源有多麼寶貴——以及如果我們現在不關心我們的星球將會失去什麼。

消息

• Chrome 70 帶有 Windows 和 Linux 上的桌面漸進式 Web 應用程序、Credential Management API 中的公鑰憑據和名為 Workers。
• Postgres 11 已經發布，它為分區帶來了更強的健壯性和性能、增強的查詢並行能力、表達式的即時 (JIT) 編譯以及其他一些有用且方便的更改。
• 隨著新的 macOS Mojave 和 iOS 12 現已推出，Safari 12 也已推出。 這個版本有什麼新東西？ 內置密碼生成器、3D 和 AR 模型查看器、選項卡中的圖標、最新手錶操作系統上的網頁、新表單字段屬性值、iPad 上適用於 iOS 的全屏 API、WOFF2 中的字體收集支持、 font-display加載 CSS 屬性、智能跟踪預防 2.0 和一些安全增強功能。
• 谷歌強制用戶在瀏覽器中登錄谷歌賬戶以訪問 Gmail 等服務的決定引起了很多討論。 由於負面反饋，Google 及時宣布了 v70 的更改。 儘管如此，這清楚地表明了公司的利益以及他們正在推動應用程序的方向。 這是不幸的，因為 Chrome 和從事該項目的人們在過去幾年中對網絡進行了很大的塑造，並將生態系統“網絡”帶到了一個全新的水平。
• Microsoft Edge 18 推出並帶來了 Web 身份驗證 API、新的自動播放策略、Service Worker 更新以及 CSS 遮罩、背景混合和過度滾動。

一般的

• Max Bock 撰寫了有關 Hurricane Web 的文章，以及即使在帶寬和電池有限的情況下，我們可以做些什麼來讓用戶保持最新狀態。 有趣的是，CNN 和 NPR 在佛羅倫薩颶風期間提供了純文本頁面，以服務於不會耗盡電池的低流量。 如果我們能夠將默認網站移向這些目標——節省電力和帶寬——不僅可以提高性能和加載時間，還可以幫助環境並使用戶更快樂，那將是驚人的。

用戶界面/用戶體驗

• 在他們播客的第 42 集中，Nori 團隊詳細闡述了設計師可以做些什麼來幫助扭轉氣候變化。 討論的內容也可以轉移給開發人員，所以儘管有標題，也不要害怕收聽。
• Denislav Jeliazkov 解釋了微交互的重要性以及如何設計好微交互以在您和競爭對手的應用程序之間產生差異。
• Jeremy Cherry 為什麼我們應該為我們的產品創造用戶而不是成癮者，以及用戶體驗如何輕鬆影響人們的健康。
• Shawn Park 分享了他從連續六年每年重新設計網站中學到的東西，以及為什麼他認為這是提高技能的重要一步。
• 喬納斯·唐尼（Jonas Downey）寫道，我們如何不斷地被軟件的“用戶體驗”設計所操縱，以及為什麼我們唯一的選擇就是用我們的錢包投票反對這些模式，並為不會試圖以影響我們的方式操縱我們的軟件付費。我們的隱私、安全或心態。
• 最佳當代免費字體是 Behance 上免費提供的大量字體集合。

可訪問性

• 可訪問性不僅僅是讓身體有障礙的人可以訪問您的網站。 我們不應該忘記，如果我們想為盡可能多的人服務我們的網站，那麼針對認知差異進行設計也是必不可少的。
• Amy Leak 展示了一些很好的例子來說明如何編寫好的文本替代方案。

工裝

• Trix 是 Basecamp 提供的豐富的開源文本編輯器。 如果您已經在使用 Ruby，這可能是您應用程序中任何內容編輯字段的絕佳選擇。

隱私

• 你猜怎麼了？ 正如本文所示，我們刪除 cookie 的簡單隱私增強工具毫無用處。 有更聰明的方法可以通過 TLS 會話跟踪來跟踪用戶，而且我們沒有太多的權力來對付它。 因此請注意，無論您在瀏覽器中啟用了多少對策，都可能有人能夠跟踪您。
• 喬什·克拉克 (Josh Clark) 對關於谷歌數據收集的大學研究的評論強調了最重要的部分，即 Android 手機數據對谷歌的商業模式有多重要，以及即使你的智能手機處於空閒狀態且沒有移動位置，它們也會收集哪些類型的信息。

安全

• Cloudflare 的 Brendan McMillion 分享了他們如何確保其 IPFS（分佈式、分散式 Web 協議）網關的端到端完整性。 對網絡未來的一個非常有趣的洞察。

網絡性能

• Shubham Kanodia 解釋了我們如何通過使用智能捆綁技術僅將遺留代碼提供給遺留瀏覽器。
• 在他關於調試性能問題的深入指南中，Nolan Lawson 分享了我們如何準確測量 Web 上的佈局性能以及現代瀏覽器的渲染管道是如何工作的。
• 菲利普沃爾頓解釋了他的空閒直到緊急的原則，用於優化網站的加載和繪製性能。
• 我們如何才能在使用盡可能少的資源的同時，在低技術設備上構建一個運行良好且速度快的網站？ Low-Tech Magazine 想要找出並按照一種瘋狂的方法來建立他們的網站以節省資源。 另一個有趣的事實：當沒有足夠的陽光來為為服務器供電的 2.5 瓦太陽能電池板供電時，網站會離線。
• 使用 RAIL 模型衡量性能的新 Google Web Fundamentals 指南已發布。 當您想要分析或調試性能時非常有用。

HTML 和 SVG

• 由於人們現在可以在 Apple Watch 上瀏覽網頁，Marcus Herrmann 分享了我們如何針對設備優化網站的見解。
• 模態窗口通常包含大量自定義 JavaScript、CSS 和 HTML 代碼。 現在我們有了<dialog>元素，它為我們帶來了開箱即用的大部分功能，包括可訪問性。 Chris Manning 寫了一篇關於對話框元素的介紹以及我們如何使用和填充它。

JavaScript

• Willian Martins 分享了 JavaScript 的bind()函數的秘密，這是一個廣為人知的操作符，它非常強大，允許我們從其他地方調用this到命名的、非匿名的函數中。 編寫 JavaScript 的另一種方式。
• 每個人都知道“早上 9 點的高峰時間”是什麼意思。 Paul Lewis 使用這個術語來重新思考我們如何為 Web 構建以及為什麼我們應該盡量避免瀏覽器主線程上的交通擁堵，並將不屬於 UI 的所有內容外包到單獨的交通通道中。

CSS

• Michelle Barker 解釋了為什麼負網格線可以派上用場。
• 你知道 CSS Grid 的grid-template和grid-auto的區別嗎？ Ire Aderinokun 解釋了他們。
• Rachel Andrew 寫了關於 Flexbox 的用例，因為我們有了 CSS 網格佈局，並分享了關於何時使用的建議。

工作生活

• 你有愛好嗎？ 好吧，你最後一次享受它並有足夠的時間是什麼時候？ Tim Wu 反思了追求卓越是如何滲透和腐蝕休閒世界的。
• 這是員工如何讓您的科技公司採用更強有力的可持續發展實踐和立場的入門讀物。
• 我們都聽說過 Basecamp 的 David Heinemeier Hansson 對工作、就業和成功的不同看法。 本次採訪總結了“大本營方式”以及與之相關的挑戰。
• Seth Godin 思考蘋果和亞馬遜的一萬億美元淨“價值”，以及為什麼一家公司的利潤並不重要，而是其工作的重要性。
• “科技行業正以指數級的速度增長，影響著社會，以至於我們看到了人類有史以來最大的轉變。 一些技術服務實際上擁有數十億用戶。 你沒看錯，不是成千上萬，不是數百萬人，而是數十億人經常使用它們。 如果不說這些服務正在形成我們的社會並塑造我們的規範，而他們的唯一目標是保持增長曲線……增長，那就太傲慢了。” — Anton Sten 在“我的責任呢？”
• 您正在努力完成該項目，期望它在現場直播時會感覺如此美好和放鬆。 Itamar Turner-Trauring 分享了為什麼這種思維方式是錯誤的，以及我們如何避免精疲力竭。
• Leo Babauta 講述了為什麼我們覺得自己總是在工作上落後，以及一些避免這些感覺并快樂工作的策略。
• 大多數公司（以及開發人員）只讚揚遠程工作的積極方面，只有少數公司談論挑戰和負面後果，例如感到孤立、面臨焦慮甚至抑鬱的風險更高。

超越……

• 在荷蘭，現在有一個法律依據規定到 2020 年將二氧化碳排放量減少 25%（即從現在起一年多一點）。 我喜歡這個想法，並希望其他國家能從中得到啟發——例如德國，它目前將其減排目標越來越遠地推向未來。
• David Wolpert 解釋了為什麼計算機會消耗如此多的能源，以及我們如何使它們變得更加高效。 但要做到這一點，我們需要更好地了解計算的熱力學。
• 拒絕 200 億美元很酷。 當然如此。 但這篇關於 Whatsapp 創始人的文章中有趣的一點是，他剛剛告訴全世界他對將自己的服務出售給 Facebook 感到多麼不高興，他似乎相信他可以保持對自己產品的控制權。

還有一件事：我非常感謝所有幫助我在本月將 Web 開發閱讀列表的資金水平提高到 100% 的人。 我從來沒有從你那裡得到這麼多的反饋和這麼多的支持。 謝謝！ 有一個偉大的一個月！

——安塞爾姆