12個有助簡化CSS3開發的工具

Web 開發人員能通過CSS3為網站設計增添很多時尚元素，CSS3 對CSS規範做了很大的改進。現在，本文將為你介紹12款有助於簡化CSS3開發的工具。

1、CSS3Pie

允許在IE上使用CSS3絕大部分的酷炫功能。

2、CSS3 Builder

通過該工具，你可以用類似應用photoshop特效的介面來設計複雜的CSS3 box模型。非常節約時間。

3、CSS3 Drop shadow generatr

通過滑塊功能直觀的設計陰影。只需複製已被自動建立的CSS程式碼並貼上到CSS檔案中便可。

4、Cascadr

非CSS3特有但卻非常實用。允許輸入HTML程式碼並能夠偵測該程式碼中所有的內聯CSS，將之從HTML中移除並新增到一個單獨的樣式表中。

5、Border Radius.com

當前最流行的CSS3屬性之一。有助於快速建立圓角box模型並獲取適當的CSS3程式碼。

6、Button Maker

允許建立出色的按鈕。使得CSS3 按鈕設計變得非常簡便——只需採集顏色，調整半徑，獲取程式碼，貼上程式碼至CSS檔案即可。

7、CSS3 Generator

使用便利，有助於建立最流行的CSS3屬性程式碼，如 @font-face, RGBA, text-shadow,border-radius等程式碼。

8、Modernizr

用於偵測瀏覽器是否支援CSS3，能為元素新增類以此在樣式表上對特定瀏覽器功能進行定位。例如，當瀏覽器不支援多樣背景時，”no-multiplebgs”就將被新增到元素上。

9、HTML5 & CSS3 Support

想知道IE 8是否支援”text-shadow”屬性？那就看看這張圖表吧！該圖表展示了所有主流瀏覽器所支援的CSS3屬性，極具實用性。

（點選檢視大圖）

10、CSS3 Gradient Generator

漸變生成器。只需採集顏色、預覽顏色，抓取程式碼並貼上程式碼即可。

11、CSS3 Please

非常有用的可讓使用者複製並貼上常見CSS3程式碼的站點。具有可供現場測試效果的預覽區。

12、CSS3 Cheat Sheet

CSS3 cheat sheets有助於在編碼過程中快速記憶屬性及其語法。Smashing Magazine 建立了這個圖表，支援下載與列印。同時支援.gif格式預覽。

原文：Jean-Baptiste Jung　　　　譯文：oschina