Google Fonts 免費字型網站提供相當大量的中英文字型下載，如果要運用於網站，也能立即產生內嵌程式碼，以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說，英文字型運用在網頁中幾乎沒什麼太大問題，但中文因為字型檔案太大、授權等問題，就必須借助一些技術來加快載入速度，避免影響使用者讀取網站，例如使用 Typekit、Google Fonts 載入思源黑體提升文字顯示質感（不過後者仍在測試階段）。
CSS
Picular 色彩界的 Google！以關鍵字搜尋各種顏色靈感
一般配色工具大多提供很多調色盤，讓使用者從中找到適合自己需求的色彩，畢竟色彩有時候不容易描述，可能從使用者挑選的顏色再延伸、推薦更多相關色彩，當然也有其他更直覺的方法，例如 Site Palette 從網站獲取配色，快速產生完整調色盤資訊就是一個借鑒於他人的色彩工具，又或是 Google Art Palette 從藝術作品發掘配色靈感，我個人也喜歡 Colorable 這類可產生符合 WCAG 規範配色組合的網頁色彩產生器。
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產生器，透過可視化介面調整效果後快速轉為程式碼，非常方便！例如 WebGradients、CoolHue 或 ColorSpark 都很好用，如果你需要更複雜一點的背景圖案，Caself 和 Subtle Patterns 也很適合。
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介面稍微有變得複雜一些；另外還有 Colordot 更人性化的選色工具服務，在移動滑鼠搖標時輕鬆找出配色靈感；我也喜歡 NIPPON COLORS 代表日本的 250 種顏色，這是找尋日本傳統色系配色的絕佳網站。
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本身就有強大的開發人員工具可以使用，但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。
閱讀全文 » about CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
