Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Lighthouse 可檢…
網頁設計
Lorem Picsum 線上測試圖產生器，快速插入特定長度、寬度 CC0 圖片
在開發網頁或設計版型可能會需要放入圖片進行測試，除非你原本就有自行準備測試圖片，否則就需要使用佔位圖片（Placeholder），…
Fluenticons 微軟 4000 個開放原始碼免費圖示下載，線上預覽風格配色
微軟（Microsoft）釋出超過 4000 個開放原始碼免費圖示「Fluent UI System Icons」，一系列大家都感到熟悉、友好和現代化的圖案…
Mesh 漸層色背景產生器，加入顏色以拖曳方式扭曲漸變效果
如果你喜歡 iPhone、Mac 漸層顏色背景圖片，其實也可以自己動手做，之前介紹過不少漸層色的背景產生器，像是「Gradient Backgro…
Lineicons 超過 5000 個線條圖示，適合設計師或開發使用者介面
Lineicons 是一套收錄超過 5000 種圖案的圖示集，主要設計風格為手工製作線條圖示，適合使用於各種現代化使用者介面，例如網頁…
DOTOWN：前任天堂設計師開發，600+ 免費點陣圖素材下載
DOTOWN：免費點陣圖素材下載網站介紹 之前介紹過「俐方體11號：免費、開放原始碼 11×11 中文點陣體字型下載」，一款帶有復古感…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人的配色，也…
SEO Checker 專業 SEO 報告工具，找出各種網頁問題並提供解決方案
如果說到要怎麼改善搜尋引擎最佳化（SEO）成效，我通常會說先把程式碼寫對寫正確，然後檢查一下網站速度使用者體驗，尤其是 Goo…
Uicons 超過 4000 個免費圖示下載！適合網頁、應用程式開發者使用
很多年前介紹過「FlatIcon 超過 12000 個平面化圖示設計免費下載」設計資源，時至今日它已經是個非常龐大的素材庫，這家公司旗…
How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸
因為工作需求我時常需要對螢幕進行擷圖，擷取瀏覽器、應用程式視窗畫面，透過 SizeUp 工具可快速調整視窗大小（SizeUp 不是免費…