每月 Web 開發更新 12⁄2018：WebP、UX 狀態和低壓力實驗

這是今年的最後一期，我很高興 2018 年為我們帶來了什麼，發生了什麼，以及網絡是如何發展的。 讓我們回顧一下，並提醒我們每個人今年學到了什麼：我們使用的最有用的特性、API 和庫是什麼？ 我們個人發生了怎樣的變化？

對於本月的更新，我又為您收集了一堆文章。 如果這對您來說還不夠閱讀材料，您可以隨時在存檔或 Evergreen 列表中找到更多內容，其中包含自 Web 開發閱讀列表開始以來最重要的文章。 我希望你到年底的日子不會太緊張，並祝你一切順利。 明年再見！

消息

• 微軟剛剛宣布他們將改變他們的 Edge 戰略：他們將使用 Chromium 作為桌面的新瀏覽器引擎，而不是 EdgeHTML，甚至可能為 macOS 提供 Microsoft Edge。 從現在開始，他們還將幫助 Blink 引擎的開發。
• Chrome 71 已經發布，並通過 Internationalization API 帶來了相對時間支持。 另一個新功能是語音合成現在需要用戶激活。
• Safari Technology Preview 71 已經發布，在 CSS 中引入了supported-color-schemes ，並添加了 Web 身份驗證作為實驗性功能。
• Firefox 將很快為用戶提供瀏覽器設置，以自動阻止所有權限請求。 這將影響自動播放視頻、網絡通知、地理位置請求、攝像頭和麥克風訪問請求。 自動阻止請求的需要表明了開發人員使用這些技術的錯誤程度。 對於那些依賴此類服務請求（例如 WebRTC 呼叫服務）的人來說，這是一個悲傷的消息。

一般的

• 我們終於想出了通過驚人的技術離線訪問和使用網站的方法。 但我們忘記的一件事是，在過去的 30 年裡，我們教導人們網絡是在線的，所以大多數人甚至不知道離線使用的存在。 用戶體驗設計的一課以及提醒我們正在構建的媒體歷史的重要性。

用戶界面/用戶體驗

• 馬修·斯特羅姆（Matthew Strom）寫了以後解決問題而不是試圖做到完美的重要性。
• 關於 2019 年用戶體驗狀態的有點諷刺的資源。
• Erica Hall 向我們展示了為什麼大多數“用戶體驗設計”都是一個神話，以及為什麼設計不僅能成為偉大的產品，而且還能成為正確的產品戰略和商業模式。 閱讀本文的最佳示例是 Erica 寫的“Virgin America。 無線電。 谷歌讀者。 康卡斯特。 其中哪些提供了良好的體驗？ 其中哪一個還存在？” 一個你不能忽視的事實，幸運的是，這不是一篇悲觀但非常發人深省的文章，其中提供了關於如何利用這些知識來改進我們的產品的重要提示。 有戰略，有設計，有適合的商業模式。

工裝

• Sandip Devarkonda 解釋了我們如何在 Postgres 上使用 GraphQL 訂閱構建實時應用程序。

HTML 和 SVG

• Michael Scharnagl 關於為什麼因為人們更喜歡一種編碼語言而不是另一種而抨擊人們需要停止。

可訪問性

• Scott O'Hara 提醒我們，當我們努力實現自定義樣式的控件時，不要忘記許多人提供的固有功能和可訪問性是多麼重要。

CSS

• CSS 環境變量即將到來，這就是我們在自定義屬性之外還需要它們的原因。
• Andy Bell 解釋了我們如何使用 CSS 自定義屬性來管理佈局中的流程和節奏。 一個很好的例子，它超越了對顏色值使用自定義屬性。

JavaScript

• Google 即將為我們帶來另一個 API：Badging API 允許 Web 桌面應用程序指示新通知或類似內容。 該規範仍在討論中，他們很樂意聽到您對此的想法。
• Hidde de Vries 解釋了我們如何使用現代 JavaScript API 將元素滾動到視口的中心。
• 在 Chrome 71 的標誌後面可用，新的Background Fetch可以在後台獲取需要一段時間才能加載的資源（例如電影）。
• Pete LePage 解釋了我們如何使用 Web Share Target API 將服務註冊為 Share Target。
• 使用 JavaScript 加載網絡字體仍然是一個好主意嗎？ Zach Leatherman 分享了為什麼我們應該逐案決定，以及為什麼最好使用現代 CSS 和font-display: swap; .
• Doka 是一個值得牢記的新的獨立 JavaScript 圖像編輯器。 雖然它不是免費產品，但它具有非常方便的編輯方法和令人愉快的用戶體驗，並且通過支付年費，您可以確保獲得錯誤修復和支持。
• “Web 組件的力量”分享了基本概念、如何開始使用它們，以及為什麼使用自己的 HTML 元素而不是將 HTML、相關的 CSS 類和 JavaScript 觸發器粘合在一起可以大大簡化事情。

安全

• Scott Helme 分享了有關我們可以使用的新安全標頭的信息： Clear Site Data允許站點所有者從緩存、（本地/會話/永久）存儲或 cookie 中清除數據。 這對於輕鬆刪除存儲在 localStorage 或身份驗證 cookie 中的敏感或私人數據可能很有用。
• 我們現在知道，對於target=_blank鏈接元素，使用rel=noopener是一個好主意。 現在 Firefox 嘗試在瀏覽器中自動替換rel=noopener以確保安全攻擊不會被濫用。
• Terence Eden 探討了許多提供支付服務的大型網站如何包含來自第三方的未經身份驗證、未經驗證的 JavaScript。 他詳細闡述了這意味著什麼，為什麼它如此有害，以及我們如何解決這個問題。 也就是說，您需要包含的 Stripe JavaScript 包也沒有提供子資源完整性。
• 另一個安全事件發生在一個非常流行的 npm 包中： event-stream發佈時帶有惡意軟件代碼，該代碼會從計算機中竊取特定的比特幣錢包。 請檢查您機器上的依賴項並確保您更新到最新的軟件包版本。 npm audit也有助於識別此類問題。

隱私

• 你有丈夫或妻子嗎？ 孩子們？ 其他親戚？ 那麼這份保護家人數據的基本指南是您應該閱讀並付諸行動的內容。 互聯網不是安全的地方，您希望確保您的親戚了解他們在做什麼——而您可以通過教他們或設置更好的默認設置來保護他們。

網絡性能

• WebP 圖像文件大小與性能最佳的 JPEG 優化相比如何？ Daniel Aleksandersen 展示了這些數字並得出結論，WebP 幾乎每次都在擊敗其他優化格式方面做得非常出色。
• Ire Aderinokun 展示了我們今天如何使用 WebP 圖像。 由於 Firefox 在其 Nightly 版本中提供 WebP 支持，Edge 也支持自上次發布以來的格式，這變得更加相關。
• 亞馬遜的雲部門推出了基於 Arm 的服務器芯片，通過這種方式，他們能夠將成本降低約 45%（例如網絡服務器）。 這意味著能源消耗要低得多，整體效率更高，這對我們的星球來說也是一個好兆頭。 我們需要更多這樣的進化基礎設施升級，以降低技術對我們氣候的影響。

工作生活

• Shana Lynch 告訴我們是什麼讓某人成為有道德的商業領袖，哪些價值觀很重要，當事情變得艱難時如何直立，以及如何預先為不舒服的情況做好準備。
• Ozoemena Nonso 試圖解釋為什麼我們經常不快樂。 偷走我們幸福的不是把自己和別人比較； 這是我們努力使比較模型正確。 如果您經常將自己與他人進行比較，並且覺得自己的幸福因此受到影響，那麼這是一條非常好的生活建議。
• 一條相當不常見的建議：為什麼強迫他人離開他們的舒適區可能是個壞主意。
• Sandor Dargo 講述了他如何在工作時間避免分心並再次正確完成工作。
• Paul Robert Lloyd 寫了關於 Cennydd Bowles 的書“未來倫理”的文章，在解釋它的內容的同時，他還通過一個簡單的例子指出了倫理的挑戰。
• Jeffrey Silverstein 是一名教師，在全職工作的同時，他一直在努力尋找業餘項目的時間。 現在，他找到了一個解決方案，並在這篇關於“如何平衡全職工作與創意項目”的精彩文章中與我們分享。 一個鼓舞人心的讀物，我完全可以理解。
• Ben Werdmuller 分享了他對生活方式業務為何被嚴重低估的看法。 但什麼是生活方式業務？ 他將它們定義為非風險投資企業，允許其所有者維持一定水平的收入，但不能更多。 作為一個有趣的旁注，這篇文章展示了美國西海岸的租金獎勵是多麼瘋狂。
• Jake Knapp 分享了他是如何使用無干擾智能手機度過六年的——沒有電子郵件，沒有通知。 他為我們提供了一些很棒的建議和一個可以嘗試的練習。 我最近將我所有的應用程序都移到了第二個屏幕上的一個文件夾中，以確保我需要搜索該應用程序，這通常意味著我真的很想打開它，而不僅僅是為了分散自己的注意力。
• Ryan Avent 寫了關於我們為什麼如此努力工作的文章。 這篇文章經過深入研究，並解釋了為什麼我們認為工作至關重要，為什麼我們會愛上它，以及為什麼我們的生活方式和社會總是接受更加努力的工作。

超越……

• 《設計師真正為誰工作》是一部關於責任的傑作。
• Maryanne Wolf 分享的研究表明，當我們閱讀的大腦瀏覽文本時，我們沒有時間掌握複雜性、理解感受或感知美。 在過去的幾十年中，這種趨勢變得更糟。
• 管理著 32 萬億美元的全球投資者在聯合國氣候峰會上向各國政府發出了嚴厲警告，要求緊急削減碳排放並逐步停止所有煤炭燃燒。 他們說，如果沒有這些，世界將面臨比 2008 年危機嚴重數倍的金融危機。
• 在某些方面，地球上最嚴重的大滅絕——2.5 億年前，二疊紀末期——可能與今天的氣候變化平行。