Color review 檢查網頁配色是否符合 WCAG 規範
Color.review 用來計算兩種顏色對比度、檢查是否符合 WCAG 2.1 規範的線上工具，也能協助使用者找出看起來好看、又適合每個人的色彩組合。
網頁開發
閱讀全文Color review 檢查網頁配色是否符合 WCAG 規範
Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Light…
Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼
如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示，UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、…
Mesh 漸層色背景產生器，加入顏色以拖曳方式扭曲漸變效果
如果你喜歡 iPhone、Mac 漸層顏色背景圖片，其實也可以自己動手做，之前介紹過不少漸層色的背景產生器，像是「Gradie…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人…
SEO Checker 專業 SEO 報告工具，找出各種網頁問題並提供解決方案
如果說到要怎麼改善搜尋引擎最佳化（SEO）成效，我通常會說先把程式碼寫對寫正確，然後檢查一下網站速度使用者體驗，…
How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸
因為工作需求我時常需要對螢幕進行擷圖，擷取瀏覽器、應用程式視窗畫面，透過 SizeUp 工具可快速調整視窗大小（SizeU…
WebPageTest 網站效能檢測工具，協助將使用體驗核心等各項指標最佳化
大家都知道 Google 今年已將網站使用體驗核心指標（Core Web Vitals）列為搜尋排序因素之一，也就是說管理者需要努力…
bbburst 線上產生五顏六色繽紛效果的 SVG 圖片
bbburst 是一個很簡單的線上工具，可以輕鬆產生有爆炸效果的彩色形狀 SVG 圖片，看起來就像文章上面這張擷圖一樣很繽…
Coding Font 從 27 種免費字型找出最符合自己編寫程式碼的選擇
如果你是軟體工程師，每天可能會花大量時間瀏覽、閱讀、修改程式碼，至少有八個小時會緊盯著編輯器，俗話說「工欲善…