工具

Blend|線上建立CSS顏色漸變工具

​「Blend」是一個提供線上建立和自定義漂亮的CSS3漸變顏色樣式的工具,使用者可以根據自己的需要來設計漸變顏色並獲得顏色CSS程式碼,人你不會自己設計漸變顏色不妨試試這款工具。

工具

線上免費CSS程式碼壓縮工具

CSS壓縮器(CSS Compressor)是一個基於線上版的CSS程式碼壓縮工具,支援(CSS 1,CSS 2,CSS 2 1,CSS 3),通過該網站可以減少CSS程式碼大小,並使網站載入速度更快,使用者課從壓縮等級中選擇不同的壓縮級別。

工具

Patternizer:線上條紋圖案生成工具

Patternizer 網站是一個可以自定義生成格子背景的HTML5網站,可以線上生成幾乎所有樣式的條紋圖片,幫助網頁設計師生成基於CSS3的條紋效果,並自動生成CSS程式碼,設計師可以根據自己的意願任意搭配除錯。

素材

flattyshadow.com:線上圖片陰影生成工具

FlattyShadow:線上圖片陰影生成工具是一個可以幫助設計師把icon圖示新增陰影效果,支援圖示設定陰影角度,支援自定義上傳圖示也支援在網站上選取合適的向量圖示進行設定,該網站集合了成千上萬的向量圖示可供選擇。

工具

CssDig:基於瀏覽器網站CSS檢視工具

CssDig:基於瀏覽器網站CSS檢視工具是一款支援Chrome瀏覽器的擴充套件外掛,可以幫助你輕鬆的獲取任何網站的CSS程式碼並且支援用最規整的方式來檢視網站的CSS程式碼,是網站設計師和站長的檢視利器。

素材

CssFlow:免費開源前端UI資源分享網

CssFlow:免費開源前端UI資源分享網是一個針對前端Web開發人員創辦的提供CSS程式碼、開源UI元素和部件,收集整理CSS3程式碼、Html5樣式,在這裡你可以找到免費的資源下載,不過有部分UI是需要收費購買的。