前陣子介紹過「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 和比特幣等加密貨幣都是網路上常用的支付方式。
Checklist Design 網頁開發者必備參考手冊，助於學習更好的設計方式
One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊
設計網頁或開發使用者介面有很多「眉角」，可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果，對於追求完美的設計師來說會找一群人進行 AB 測試（A/B Testing），比較兩種或多種設計中最好的表現結果，而這通常能在最短時間達到最佳的正確性，例如，在購物流程可以準確點選要加入購物車的商品，或是在查詢、註冊或加入訂閱時按下正確選項，可別小看這些設計細節，有時候一點點微小差異就足以造成相當大的影響。
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。