這幾年我陸續介紹一些和設計及網頁開發相關的免費資源，其中很多人會用到的「配色工具」是我相當熱愛的題材，例如 Adobe Kuler 能尋找製作簡報設計的配色靈感，從 Coolors 簡單快速的選色器來找出各種顏色組合，若你完全沒有想法，BrandColors 收錄世界知名品牌顏色色碼也是個可以參考的方向，這些線上工具最棒的就是完全不用額外下載或安裝 App，只要打開瀏覽器就能使用。
CSS
Evil Icons 簡約風格免費圖示，開放原始碼 SVG、AI 及 Sketch 三格式下載
Website Template Bar 收錄各大免費網站模板、佈景主題一頁瀏覽
還記得之前介紹過一個很實用的網站 The Stocks，將 16 個免費圖庫素材整理在同一網站裡更方便搜尋瀏覽（改版後收錄的內容又更多了），其實它的作法並不困難，而且在單一頁面裡快速切換不同圖庫設計也省下找書籤的麻煩。最近又發現一個類似服務 Website Template Bar，收錄主題以「免費網站模板」為主，一樣能在固定網站裡快速查找其他的網站模板網站，等於是將一個網站加入書籤，就能同時收藏這些網站，非常好用。
CDNPerf 監測七大開放式免費 CDN 服務，查詢延遲時間和上線率資訊
我之前寫過一篇關於「免費開放式 CDNs 服務」的整理介紹，這類服務針對網頁開發者提供，主要用於托管用於網頁的開放原始碼專案，例如常見的 jQuery、Boostrap、AngularJS 等等，利用開放式的 CDN 服務除了可以節省流量。最大優勢是大幅加速網頁載入速度，因為內容傳遞網路特性，能從距離較近的伺服器將檔案傳送給使用者，減少載入時間，不過檔案不是托管在自己主機，你可能會擔心其穩定性或速度。
Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用
早期網頁設計蠻流行加上背景圖，尤其是使用平鋪式背景、以連續重複拼湊出漂亮風格，不僅讓網頁看起來更生動活潑，也不會因圖片太大張拖慢網站速度。之前介紹過的 BgPatterns 和 Bgrepeat 提供許多類似背景圖免費下載，不過如果你覺得這些圖案看起來有點過時，有沒有更新穎的作法呢？不妨參考一下 Hero Patterns。
Sharingbuttons.io 超快速分享按鈕產生器，免 JavaScript 無追蹤代碼
社群分享按鈕讓人又愛又恨，愛的是透過社群力量，有效將你的網站或部落格文章散播出去，使更多潛在讀者看到，藉此提高流量或網路影響力；恨的是現今常見社群網站按鈕因為整合太多功能，以致於程式非常肥大，甚至會拖慢網站載入速度。在放與不放之間就要交給網站站長們自己選擇，但有沒有折衷方法能使用既有分享功能又不影響到網站效能呢？
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新，連最細節的文字設定我都費盡心思，主要是希望能帶給讀者最好的閱讀感覺。儘管沒有一項設計能符合所有人喜好，我仍在不斷測試、交換中找到最適合大多數人閱讀習慣的排版風格。
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和字體大小、間距、行高等等，這也是我平時不斷調整及測試的部分。對內容網站來說，提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標，試著以讀者角度想，當你在閱讀網站時，會想要得到什麼樣的感覺，這麼說好像有點抽象，你可以利用 Font Fit 來找出最合適的排版設計。