還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合，協助設計師在開發網頁或應用程式時獲取配色靈感嗎？其實類似的色彩工具還不少，而且很多都有提供使用者快速隨機選色功能，有時候真的沒什麼想法，透過隨機展示可能會有收穫，如果你又不擅於程式碼，網站也會直接提供對應的 CSS 原始碼，方便帶入樣式表使用。除了配色外，字型也是影響使用體驗的重要因素，現在你有更直覺的方法挑選字型。
網頁開發
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
NES.css 任天堂紅白機風格 CSS 框架！讓網站帶有復古 8-bit 效果
思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts
我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
loremizer 把網站內的文字或圖片替換為範例文字或圖庫素材（Chrome 擴充功能）
對於平時經常擷取螢幕畫面的使用者來說，很多時候都得搭配繪圖軟體將重要資訊模糊或隱藏，例如不想洩漏的 Email、使用者名稱（帳號）或信用卡卡號等等，之前曾介紹過「Image Blur 線上為圖片特定範圍加入模糊特效，遮蔽重要資訊更方便」就相當有用，把圖片上傳選取要模糊的範圍就能有類似馬賽克效果，但我想起更早之前曾推薦過另一款 Status Snapper（已無法使用）更實用，會自動模糊網站中的重要資訊，讓你在擷圖時不用手動編輯處理圖片。
Iconfont.cn 阿里巴巴免費向量圖示庫，可產生中文網頁字型嵌入網站
Google Fonts 免費字型網站提供相當大量的中英文字型下載，如果要運用於網站，也能立即產生內嵌程式碼，以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說，英文字型運用在網頁中幾乎沒什麼太大問題，但中文因為字型檔案太大、授權等問題，就必須借助一些技術來加快載入速度，避免影響使用者讀取網站，例如使用 Typekit、Google Fonts 載入思源黑體提升文字顯示質感（不過後者仍在測試階段）。