8個提高效率的CSS實用工具

CSS，也就是Cascading Style Sheets，推出于1997年，差不多是17年前，至此為我們開發網頁大開方便之門，協助我們制作出一個又一個驚艷絕倫的網站設計和模板，提升了我們的創造能力，給整體平臺增加了對稱美。

網頁設計不是一蹴而就的，需要不斷的實踐和改進，然后在最后期限前完成。如果你在寫CSS代碼上花費大量的時間，那么你就是在浪費資源。因為有很多工具能提高我們改進CSS文件的工作效率。

這些工具需要我們先對common tags和editing parameters有一定的了解。掌握它們我們就可以輕輕松松編輯和改進各種新的或者已有的CSS文件了，而且還能用于集成各種網頁。可是，工具那么 多，只有選擇正確的工具才能既便于使用又能降低維護費用，那我們該如何挑選呢？下面是8個CSS編碼中用的最多的工具。

1.CSS Vocabulary

幾乎開發人員需要的所有功能， CSS Vocabulary都應有盡有。寫注釋、規則集、指令、模塊、類選擇符、屬性、聲明塊、媒體查詢、表達式等等統統不在話下。

官方網站：http://apps.workflower.fi/vocabs/

2. CSShake

CSShake是一個可以幫助你實現網頁元素移動的工具，此工具應用也非常廣泛。CSShakes具備移動DOM的類，還有類的最佳集合。

官方網站：http://elrumordelaluz.github.io/csshake/

3.Extract CSS

Extract CSS是一個能從HTML文檔中提取ID、類和內聯樣式的在線工具。然后用CSS樣式表的形式輸出。

官方網站：http://extractcss.com/

4. Stylestats

這是用于收集CSS統計數據的Node.js庫。

官方網站：http://www.stylestats.org/#uri

5. Saass fffunction

Sassaparilla是一種利用Sass和Compass響應網頁設計項目的快速方式。

官方網站：http://sass.fffunction.co/

6. Prefix my CSS

這工具相當神奇，可以獲取代碼前綴。只需要將CSS代碼粘貼到窗口，就可以得到前綴的CSS代碼。

官方網站：http://prefixmycss.com/

7.Sky CSS Tool

Sky CSS Tool允許我們創建CSS類。

官方網站：http://skycsstool.sourceforge.net/

8.CSS Form Code maker

這個HTML/CSS樣式生成器，能創建很多布局優雅的樣式。

官方網站：http://www.maketemplate.com/form/

譯文鏈接：http://www.codeceo.com/article/8-useful-css-tools.html
英文原文：8 USEFUL CSS TOOLS TO IMPROVE YOUR CODING
翻譯作者：碼農網 – 小峰