網路推播通知

本週節目

Chrome 42 推出了推播通知、Jacob Kaplan-Moss 破解了有關程式設計師的迷思,通訊協定相對網址現已改為反模式、適合行動裝置使用的徽章啟動 Google 服務、透過 First Aid Git 提供 Git 提示,以及利用 RAIL 最佳化應用程式。

CHROME 42 隆重登場

Chrome 42 本週推出穩定版本,提供多項新功能。推播通知可讓使用者選擇及時更新,安裝橫幅提示使用者將頁面儲存到主畫面、權限讓您知道是否可以使用 API、擷取來取代 XHR,甚至支援 ES6 類別。

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

破除迷思

今年的 PyCon 主題演講中,Jacob Kaplan-Moss 分析了開發人員因 10 倍的惡意或嚴重破壞而嚴重的惡作劇。移除這些假設有助於我們更妥善解決各種問題,例如冒充症候群,並致力改善潛在的惡意工作環境。

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

一切都要經過傳輸層安全標準 (TLS) !

通訊協定相對網址現在做為反模式。在 Paul Ireland 本週的推文中,我們不建議從網址中移除通訊協定,因為這麼做可能會引起人機攻擊,類似 GitHub 的攻擊。如果安全資料傳輸層 (SSL) 支援素材資源,新的建議一律透過 https 提出請求。

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

你是不是很友善?

確認您的網站是否適合透過行動裝置瀏覽。Google 網站管理員網誌近期的一篇文章指出,Google 搜尋會立即在認定為適合行動裝置的網站旁邊加上標籤。這些標準包括確保使用者不必縮放網頁,且連結之間保持足夠間距。您可以運用行動裝置相容性測試,確保網站符合標準。學習「網站基礎知識」課程,學習相關技能。

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

瞄準器官

學習 Git 並不容易。「StackOverflow」會顯示超過 53, 000 個 Git 相關問題,但相關人員正在準備上路。First Aid Git 是可以搜尋的索引,當中包含最常見的 Git 問題。想知道如何復原您剛推送至主要分支版本的變更嗎?您可以搜尋答案和其他資訊,或是提交提取要求,將其加入索引。

http://ricardofilipe.com/projects/firstaidgit/#/

最佳化賽車

每秒影格數 60 是確保提供順暢網路體驗的目標,但很容易落入快速路徑。在 Udacity 免費課程 6 部分中,Paul Lewis 和 Cameron Pittman 說明如何最佳化應用程式的 4 大領域:回應、動畫、閒置和載入 (又稱 RAIL)。解開卡頓侵略者並學習開發人員工具,同時學習加快網頁應用程式的秘訣。

https://www.udacity.com/course/browser-rendering-optimization--ud860

採用 JavaScript 的 ScreenSavers (Yash Bhardwaj)

http://codepen.io/yashbhardwaj/full/hHgtE/

拜爾霍鎮的鬱金香盛開

http://codepen.io/cathbailh/full/KpPjPg/

CSS 動畫 101 - Donovan Hutchinson 的主頁橫幅

http://codepen.io/donovanh/full/EjYeLa/

Linjer (由 Hakim El Hattab 製作)

http://codepen.io/hakimel/full/zwxba/

歡迎透過 Twitter #LazyWebShow 與我們分享意見

如需更多網路新聞,請參閱下列資源: JavaScript Weekly:http://javascriptweekly.com/ Open Web Platform Daily:http://webplatformdaily.org/ HTML5 每週:http://html5weekly.com/

前往 Google Developers 頻道:https://goo.gl/mQyv5L