9個好用的 CSS 編輯器 3


原文↓
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


About chibc

chibc《暗月之鏡》 從高中網路開始普及就開始成為重度網路使用者,早期主要活動集中於巴哈姆特。
G+ CHIBC


看完有什麼想和版主講的,沒有就留個「閱」吧

3 thoughts on “9個好用的 CSS 編輯器

  • 五指狐

    您好
    我想請問有關之前噗浪語法的相關問題http://chibc.pixnet.net/blog/post/29621651#comment-form
    可以嗎?@@

  • Niall Chen

    您好,請問我想用同一套CSS架構,測試不同的屬性值(如顏色、背景圖路徑等…),希望可以存檔/輸出比較同架構CSS但不同的顯示效果,並且希望CSS主體仍然可以繼續編輯或添加新的id/class等描述後再次輸出不同效果的CSS檔而不需要重新編寫CSS,不知道您是否知道是否有這樣的工具呢?