免費資源網路社群介紹過不少配色工具，但大部分都是提供使用者顏色代碼，或是幫你找出幾個相關色碼，在毫無頭緒的情況下或許派得上用場，卻很難在現有的配色下做更多運用，若不是把整體配色換掉，單獨只有加入顏色可能會略顯突兀，於是有開發團隊想到在使用者選擇色碼後就產生一些相關功能會用到的顏色，也算另類的色彩工具。
網頁素材
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原始碼達到動態效果，看起來不僅互動性高，還能提升使用者體驗，完全不用額外載入其他的 JavaScript 程式庫，只不過這些原始碼不一定每個人都會寫，利用 CSSeffectsSnippets 網站直接線上預覽，找到需要的動態效果後就會給出相關 CSS 原始碼（和早期在學習做網頁很像）。
OneClickClip 免費高品質 GIF 動態圖下載，有效抓住讀者注意力
記得早期的網頁設計很常用到 .GIF 動態圖片，或許是當年頻寬不大，要在網頁裡製造動態效果只能透過動態圖，但一直到這幾年社群網站逐漸成為主流，GIF 格式依然是全球資訊網應用最廣泛的網路傳輸圖片格式之一，現在還是很常看到動態圖片的蹤跡，或是很流行將一小段影片轉為 GIF 圖片，例如 Imgur 之前推出的 Video to GIF 能在貼上影片網址後產生 GIF 圖片，或是 FreeGifMaker 可以把 YouTube 轉為 GIF 的線上工具。
Card-logo 免費下載信用卡、支付平台 LOGO，合併為 PNG 和 SVG 格式
通常在提供電子商務的網站都會看到支付圖案，讓消費者知道該店家支援的付款方式，常見的像 Visa、Masterard、JCB 信用卡，或是這幾年逐漸成為主流的行動支付 Apple Pay、Google Pay、支付寶，還有網路最多人使用的 PayPal 和比特幣等加密貨幣都是網路上常用的支付方式。
Ikonate 具完整自訂性免費圖示下載，SVG 向量格式可設定邊框樣式
雖然網路上有無數免費圖示可以下載使用，卻很少有「量身打造」的選擇，只能盡量找出最符合自己需求的圖示圖案，有些圖示集仍有完整自訂選項，例如 Omg-img 用一段程式碼快速插入圖示，可自訂顏色、大小或樣式，大部分的圖示則會提供一些預設大小讓使用者選擇，例如 Iconshock 收錄超過 200 萬個免費圖示下載，或是 ICOOON MONO 圖示內建七種不同的尺寸大小。
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。