- 調出圓角頁籤或按鈕的CSS (範例) (參閱CSS :active Selector語法)
(至於點擊按鈕之後的進一步動作就要靠javascript程式來做設定了) - 調出圓角框線的CSS Matic Border Radius
- 調出漸層底色的Ultimate CSS Gradient Generator (範例)
- 調出漸層底色的CSS Matic Gradient Generator
- 調出雜點底圖的CSS Matic Noise Texture
- 調出方塊陰影的CSS Matic Box Shadow
- 調出方塊陰影的LayerStyles
- 產生表格語法的Kotatsu
- 產生按鈕、表單、圖示、橫幅等語法的UI Parade
- 20 Amazing CSS3 & HTML5 Form Examples
- 查看別人CSS設定的CSSPRISM
- 實驗顏色調配的COLOR.HAILPIXEL
- 50 CSS Tools & Resources from 2013
- 80+ Essential Web Design Tools For The Web Developers in 2013
- Collection of Free HTML/CSS Tools
- 12 Extremely Useful And Powerful Free CSS Tools
- 15 Useful CSS Tools You Shouldn’t Miss
- 17 Best CSS Tools to Speed Up Your Coding
要開發Material Design風格的網頁,直接引用下列框架最方便...
- Materialize CSS
Carnegie Mellon University的學生開發出來的框架,個人認為是實現Material Design的首選。(下載框架檔案並將這個範例(jsfiddle) (jsbin)套用看看) - Bootstrap Material Design
熟悉 Bootstrap又想套用 Material Design 的話,可以參考看看這個。