PageSpeed 90+ forever 提升網站使用體驗，監控 PageSpeed 評分變化
如果日常工作就是在開發、維護網站的話一定對 Google 搜尋控制台（Google Search Console）不陌生，在控制台裡有一項…
網頁設計
閱讀全文PageSpeed 90+ forever 提升網站使用體驗，監控 PageSpeed 評分變化
Fonty 線上查詢網頁使用的字型、字重、樣式和文字大小
如果想知道某個網站使用那些字型，其實只要打開瀏覽器開發人員工具、以選取功能選擇文字就會顯示資訊，或是直接找到…
PaletteMaker 免費線上配色工具，將色彩套用到設計模板即時預覽
一般來說配色工具都是給使用者各種調色盤、色彩組合，讓我們從顏色中找尋靈感，或是直接套用可能看起來很適合的配色…
Sozai Good 日本免費素材網站，各式背景、外框插圖下載可商用
Sozai Good 是一個日本的免費素材網站，收錄各式背景、外框、名片和留言卡插圖，使用者可以從網站以搜尋方式或分類瀏…
illustimage 日本插圖素材網站，超過 20000 張免費圖片下載
illustimage 是一個日本的素材插圖網站，收錄超過 20000 張可愛、酷炫且時尚的插圖圖片，使用者可免費下載、使用於各…
日本素材網站「時短だ」收錄各種插圖免費下載，多格式可線上編輯
日本免費素材網站「時短だ」收錄各種類型的綜合素材集合，網站名稱大意是要縮短、減少使用者從網路搜尋或查找插圖的…
Color review 檢查網頁配色是否符合 WCAG 規範
Color.review 用來計算兩種顏色對比度、檢查是否符合 WCAG 2.1 規範的線上工具，也能協助使用者找出看起來好看、又適合每個人的色彩組合。
閱讀全文Color review 檢查網頁配色是否符合 WCAG 規範
Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Light…
Lorem Picsum 線上測試圖產生器，快速插入特定長度、寬度 CC0 圖片
在開發網頁或設計版型可能會需要放入圖片進行測試，除非你原本就有自行準備測試圖片，否則就需要使用佔位圖片（Place…
Fluenticons 微軟 4000 個開放原始碼免費圖示下載，線上預覽風格配色
微軟（Microsoft）釋出超過 4000 個開放原始碼免費圖示「Fluent UI System Icons」，一系列大家都感到熟悉、友好和現…
