很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建相片編輯功能，但在當年可以說非常強大，無論相片有沒有拍好，只要加入濾鏡質感馬上提升，還能帶出本來沒有的文青風格。不得不說濾鏡是 IG 會獲得廣泛使用者的原因之一，在這幾年它也陸續加入更多濾鏡效果，如果你很喜歡這些風格，也可以將它使用於自己的網站或部落格。
網站開發
DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載
去年介紹過 unDraw 可商用扁平化免費圖示下載，是一個適合使用在網站、簡報或應用程式開發的圖片素材，後來陸續推薦了 Illustration Gallery 和 Glaze 兩個風格非常相近的免費圖庫，提供 PNG 和 SVG 兩種常見格式為主，不過 unDraw 和 Illustration Gallery 可以線上直接修改、即時預覽素材主要顏色更能搭配使用者設計，達到非常一致性的風格，畫面看起來也更舒服。
Glaze 免費插圖素材庫，各類型 PNG 格式下載可用於產品或簡報製作
有時候製作報告、產品說明或投影片簡報時會用到插圖，你都去那些地方下載呢？雖然網路上有不少免費圖庫，但大多以攝影照片為主，要尋找插圖得找對網站，例如我之前介紹過的 unDraw 就收錄不少可商業用途的扁平化圖示下載，還提供向量圖格式，更棒的是可以線上直接調整主要顏色；另一網站 Illustration Gallery 和前者有點像，也算是 unDraw 替代方案，提供可使用於部落格或社群網站的各式插圖素材。
httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形
自行架站會遇到各式各樣的狀況，其中很常發生的是要檢查某項功能有沒有正常運作（舉例來說，在 WordPress 網站使用 Cloudflare 外掛建立快取），除了檢查網頁原始碼，大多會透過瀏覽器內建的「開發人員工具」進行各項除錯工作，查看一個網頁究竟載入多少元件檔案，也會檢查相關檔案在使用時從伺服器端回傳的「Response Headers」，這些看起來複雜的資訊代表著某個文件是如何被載入使用，也能找出拖慢網頁速度的原因。
Get Waves 線上產生 svg 格式波浪圖，可自訂類型顏色每次都不一樣
FasterChrome 提升瀏覽網頁速度，點選連結前預先載入頁面（Chrome 擴充功能）
還記得之前介紹過讓網頁載入更即時、只需要加入一段程式碼的 instant.page 嗎？這是一個相當有趣的站長工具，利用一小段原始碼就能讓瀏覽者有速度變快的錯覺，一般來說，我們在點選鏈結後瀏覽器才會開始載入下個頁面，透過 instant.page 則會變成「當滑鼠游標移動到超連結」就預先載入內容，可能只有幾毫秒差別，卻會有一種載入變快的感覺，事實上還真的對於使用者體驗有加分效果。
Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原始碼達到動態效果，看起來不僅互動性高，還能提升使用者體驗，完全不用額外載入其他的 JavaScript 程式庫，只不過這些原始碼不一定每個人都會寫，利用 CSSeffectsSnippets 網站直接線上預覽，找到需要的動態效果後就會給出相關 CSS 原始碼（和早期在學習做網頁很像）。
