聚焦前端，記錄過去一個月看到的優秀的文章，內容來源主要有 Github、Hacker News、Medium、掘金、Twitter、v2ex、uplabs 以及郵件RSS訂閱和發散閱讀。可能會有設計方面的分享。每月28日更新，本期第一期。同步到Github和我的部落格。
星推
Github Star 推薦
-
前10名裡，有1個專案為中國區個人專案 Vue Element Admin
-
收集了
hacker-news的若干種PWA實現方式，因架構不同而表現出不同的效能 -
《程式碼整潔之道》的 JavaScript 實踐，看到自己的程式碼有些莫名契合
工具
-
2019年初我們回顧下2018年 JavaScript 業界動態
-
命令列工具，使用
puppeteer將網頁生成PDF -
命令列工具，使用
puppeteer將網頁生成截圖 -
一個收集了常用於程式設計的免費等寬字型50+，可以線上預覽字型效果。我經常使用的是
firacode，這個字型能更好的辨認運算子 -
一個不錯的圖表型別介紹網站
-
效能優化工具，包括分析、優化、監控、書籍等好用的工具集合
-
谷歌
Material Design官方調色盤工具 -
Material Design Palette Generator
谷歌
Material Design調色盤生成器，由Kuali團隊提供 -
一個簡潔的靜態網站生成工具
教程
-
迪士尼經過基礎工作練習的長時間累積，發表了動畫的十二個原則，作者將這十二個原則付諸實踐，我們可以學習如何將原則運用到網頁開發中
-
看得見的統計概率入門，致力於用資料視覺化讓統計概念更容易理解。該教程已經整理成書（英文版），相信未來會有中文版
-
How to make VR with the web, a new video series
作者通過7個簡短的視訊教你如何用
three.js和WebAR開發一個AR應用 -
What happens when you type 'google.com' into a browser and press Enter?
面試中老生常談的經典面試題，當在瀏覽器輸入
google.com敲回車時候到底會發生什麼，考察面試者的方方面面 -
Browser Rendering Optimizations for Frontend Development
瀏覽器渲染效能優化
-
最近
dev.to社群比較火的程式媛小姐姐Emma教你什麼是CSS Specificity -
Front-End Performance Checklist 2019
涵蓋了目前你所需要知道的關於打造極速體驗的所有內容，閱讀中文版
創意
-
作者這個點子真是想在你的瀏覽器歷史記錄裡刷屏
-
一個超酷的創意效果集合 By codrops
文摘
設計不止於好看，更關乎好用。 --- 賈伯斯
我們關心的不止是交付能用的應用，我們目標是交付最佳效能！ --- 《Web 效能權威指南》