ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors…
網頁設計
Screely 將圖片轉成帶有 Mac 視窗陰影的線上工具，還可自訂背景色
做出上面的視窗陰影效果需要 Mac 嗎？不用，需要 Photoshop 或 Sketch 等繪圖軟體嗎？也不用，只要透過瀏覽器、無須下載或安裝…
Google 行動網站速度測試工具，比較最多 10 網址在不同國家開啟時間
Google 這幾年不斷提倡網站速度的重要性，不僅有助於留住更多訪客、提升轉換率，就連搜尋引擎排名也會將網頁載入速度作為排序指…
Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
網頁圖示（Web icons）已經成為這幾年網頁設計相當重要且不可或缺的元素，印象中早期是採用插入圖片的作法，但這會因為載入大量…
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造…
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼…
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜…
JotForm Cards 免費互動式線上表單，建立更友善的提問問答方式
當前要建立線上表單（Online Form）讓其他人填答、回收資料的服務很多，例如最常看到的 Google Drive 雲端硬碟就有「Googl…
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背…