我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時，只需加入一段程式碼」，透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式碼來讓網站速度變得更快，而它的原理也不難懂，利用瀏覽器 prefetch 技術在使用者點選鏈結前預先取得網頁內容，雖然只有幾毫秒差距，但確實有助於改善網頁的瀏覽體驗。現在這項服務也被不少國際知名公司使用。如果你是一般使用者，透過 FasterChrome 瀏覽器擴充功能也能提升瀏覽網頁時的速度。
網站開發
Gradientify Icons 免費 SVG 漸層圖片集，可自訂顏色打包 500 種圖案
前段時間很流行漸層色，像是在一些背景、文字或配色組合都會看到，利用 CSS3 語法可以快速寫出來，或是透過 Gradient Backgrounds、CoolHue 和 Blend 類似的網頁漸層背景產生器，不過如果是應用在圖示圖案上就比較少一點，想起以前推薦過的 unDraw、Illustration Gallery 就是可以自訂圖案主要顏色的圖示集，也在商業網站看過實際使用，質感和效果非常不錯。若你想要類似圖案但又帶上漸層色，可參考接下來要介紹的免費圖示集。
useAnimations 免費動態圖示下載，可用於應用程式或網站介面開發
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式背景 SVG 圖，或是 Bg-Patterns、Paper-co 也有不少紋理背景可以免費下載，當然這些工具都提供基本的設定選項，像是調整大小、密集程度或圖片格式，就能透過小張圖片拼接成背景，對於速度較慢的行動網路來說也不會因此而延遲網站載入速度。
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材，日本網站是個很好的去處，像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示，還有 FREE LINE DESIGN 提供各種分隔線素材，相片的話可以找找東京デート、Model.foto、photoAC、BIZUTART 和 PAKUTASO 等等，應該都會有不少收穫。有些網站其實很適合使用這一類素材，放上後的裝飾效果更能提升頁面整體質感。
illlustrations 開放原始碼免費插圖素材下載，提供四種常見格式可商用
網路上有不少免費的素材模版可供使用者下載使用，但其實付費項目也不少，有些可以透過很實惠的價格購買，若不擅長製圖的開發者也不用擔心沒有可用的素材圖案，像是之前推薦的 unDraw 就收錄許多可商業用途的扁平化圖示，還有調性很像的 Illustration Gallery、Glaze 等等都有提供常見圖片格式，也能線上更換主要配色；Vector Creator 則開放素材讓使用者自行組合運用，可自製任何你想要的插圖。
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載
去年介紹過 unDraw 可商用扁平化免費圖示下載，是一個適合使用在網站、簡報或應用程式開發的圖片素材，後來陸續推薦了 Illustration Gallery 和 Glaze 兩個風格非常相近的免費圖庫，提供 PNG 和 SVG 兩種常見格式為主，不過 unDraw 和 Illustration Gallery 可以線上直接修改、即時預覽素材主要顏色更能搭配使用者設計，達到非常一致性的風格，畫面看起來也更舒服。