原文↓
9 Useful Online CSS Code Generators
這些工具可以替CSS編寫省下大量的時間,因為有很多效果都幫你把語法成套寫好了
只要選效果就可以直接copy寫好的CSS語法囉~
CSS3.0 MAKER
http://www.css3maker.com/
很方便,很適合新手,只要選效果,就會有範例圖、適用瀏覽器、CSS碼
一目瞭然
Gradient Direction
CSS TYPE SET
http://csstypeset.com/
做單行文字設定超方便的,只要拉動就能調整,大推!!
CSS MATE
http://cssmate.com/csseditor.html
這個比較適合對CSS稍有理解的,算是讓你選設定,然後他幫你快速coding
介面比較沒那麼好看直覺
CSS Frame Generator
http://lab.xms.pl/css-generator/
幫你把XHTML裡的CSS都抓出來,然後你就可以逐一變更了,好用,我喜歡
TYPE TESTER
http://www.typetester.org/
這也是設定文字時的工具,特色是可以做不同設定之下的比較
比起TYPE SET那種拉動式比起來,操作有比較麻煩一點,不過也是很好用,推!
CSS Portal
http://www.cssportal.com/online-css-editor/
可以在線上測你的CSS碼,不過他比較多的是有一些和CSS相關的資訊,像是書目、範例之類的,實用度還好
在別人那裡COPY到一小段碼,想改又不想開DW時,算滿好用的
http://grid.mindplay.dk
這是幫忙做layout設定的,可以幫忙算寬度、看H1還有P的行距感覺的
不錯用
http://www.cleancss.com/ 似乎是個優化工具
http://stylebuilder.telerik.com/ 因為他要我先安裝 M$的小光,所以我沒去測
好用的話請告訴我 XDDD
留言列表