原文↓
9 Useful Online CSS Code Generators 

這些工具可以替CSS編寫省下大量的時間,因為有很多效果都幫你把語法成套寫好了
只要選效果就可以直接copy寫好的CSS語法囉~


 

CSS3.0 MAKER
http://www.css3maker.com/

很方便,很適合新手,只要選效果,就會有範例圖、適用瀏覽器、CSS碼
一目瞭然

CSS 

 


http://gradients.glrzad.com/

Gradient Direction

 

 



CSS TYPE SET 
http://csstypeset.com/
 
做單行文字設定超方便的,只要拉動就能調整,大推!!
CSS  

 


CSS MATE
http://cssmate.com/csseditor.html

這個比較適合對CSS稍有理解的,算是讓你選設定,然後他幫你快速coding
介面比較沒那麼好看直覺

CSSmate.jpg

 


 

CSS Frame Generator
http://lab.xms.pl/css-generator/

幫你把XHTML裡的CSS都抓出來,然後你就可以逐一變更了,好用,我喜歡
CSS-Frame-Generator.jpg  

 


 


TYPE TESTER
http://www.typetester.org/

這也是設定文字時的工具,特色是可以做不同設定之下的比較
比起TYPE SET那種拉動式比起來,操作有比較麻煩一點,不過也是很好用,推!

TYPETESTER.jpg 

 


CSS Portal
http://www.cssportal.com/online-css-editor/


可以在線上測你的CSS碼,不過他比較多的是有一些和CSS相關的資訊,像是書目、範例之類的,實用度還好
在別人那裡COPY到一小段碼,想改又不想開DW時,算滿好用的 

CSS 

 


 http://grid.mindplay.dk
這是幫忙做layout設定的,可以幫忙算寬度、看H1還有P的行距感覺的
不錯用

Grid-Designer.jpg 

 


http://www.cleancss.com/ 似乎是個優化工具 

 


 

http://stylebuilder.telerik.com/ 因為他要我先安裝 M$的小光,所以我沒去測
好用的話請告訴我 XDDD

,

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(0) 人氣()