Posted on 2012-04-15 16:37
zljpp 閱讀(101)
評論(0) 編輯 收藏
12款有助于簡化CSS3開發(fā)的工具：網(wǎng)站開發(fā)者能通過CSS3為網(wǎng)站設(shè)計增添很多時尚元素，CSS3 對CSS規(guī)范做了很大的改進。現(xiàn)在，本文將為你介紹12款有助于簡化CSS3開發(fā)的工具。
1、CSS3 Pie:
允許在IE上使用CSS3絕大部分的酷炫功能。
2、CSS3 Builder：
通過該工具，你可以用類似應(yīng)用photoshop特效的界面來設(shè)計復(fù)雜的CSS3 box模型。非常節(jié)約時間。
3、CSS3 Drop shadow generatr：
通過滑塊功能直觀的設(shè)計陰影。只需復(fù)制已被自動創(chuàng)建的CSS代碼并粘貼到CSS文件中便可。
4、Cascadr：
非CSS3特有但卻非常實用。允許輸入HTML代碼并能夠偵測該代碼中所有的內(nèi)聯(lián)CSS，將之從HTML中移除并添加到一個單獨的樣式表中。
5、Border Radius.com：
當(dāng)前最流行的CSS3屬性之一。有助于快速創(chuàng)建圓角box模型并獲取適當(dāng)?shù)腃SS3代碼。
6、Button Maker：
允許創(chuàng)建出色的按鈕。使得CSS3 按鈕設(shè)計變得非常簡便——只需采集顏色，調(diào)整半徑，獲取代碼，粘貼代碼至CSS文件即可。
7、CSS3 Generator：
使用便利，有助于創(chuàng)建最流行的CSS3屬性代碼，如 @font-face, RGBA, text-shadow, border-radius等代碼。
8、Modernizr：
用于偵測瀏覽器是否支持CSS3，能為<html>元素添加類以此在樣式表上對特定瀏覽器功能進行定位。例如，當(dāng)瀏覽器不支持多樣背景時，"no-multiplebgs"就將被添加到<html>元素上。
9、HTML5 & CSS3 Support：
想知道IE 8是否支持"text-shadow"屬性？那就看看這張圖表吧！該圖表展示了所有主流瀏覽器所支持的CSS3屬性，極具實用性。
10、CSS3 Gradient Generator:
漸變生成器。只需采集顏色、預(yù)覽顏色，抓取代碼并粘貼代碼即可。
11、CSS3 Please：
非常有用的可讓用戶復(fù)制并粘貼常見CSS3代碼的站點。具有可供現(xiàn)場測試效果的預(yù)覽區(qū)。
12、CSS3 Cheat Sheet：
CSS3 cheat sheets有助于在編碼過程中快速記憶屬性及其語法。Smashing Magazine 創(chuàng)建了這個圖表，支持下載與打印。同時
支持.gif格式預(yù)覽。