17個可以節省你時間的CSS工具

作為一個網站設計/開發人員，你必須不斷尋找方法來減少設計/開發過程中所花費的時間。這對於提高你的工作效率並最大化你的利潤是非常重要的。下面介紹的按功能分類的CSS工具可以有效地節省你設計網站的時間。

最佳化/格式化類

1、CSSTidy - CSS Tidy是一個開源的CSS分析和最佳化工具；
2、CleanCSS - CleanCSS是一個基於CSS Tidy的強大的CSS最佳化和格式化工具。Chada曾經介紹過這個線上工具，在這裡。
3、CSS Optimizer - CSS Optimizer可以通過最佳化壓縮CSS樣式檔案大小。
4、CSS Analyzer - CSS Analyzer可以協助你檢查你的CSS樣式是否符合W3C的認證。

字型類

1、Em Calculator - EM Calculator可以協助你計算px與em之間的轉換。
2、CSS Font and Text Style Wizard - 這個小工具可以很方便地將你的CSS樣式呈現出來。

表格類

1、CSS Form Code Maker - 很方便地產生“五顏六色的BOX布局”的表格。
2、JotForm - JotForm是一個“所見即所得 (WYSIWYG)”的表格產生器。

導航/按鈕類

1、CSS Buttons - CSS按鈕和文本線上產生工具。
2、CSS Menu Generator - CSS Menu Generator可以同時產生基於CSS和HTML代碼的漂亮的按鈕。

產生器

1、CSS Creator - Css Creator是一個可以建立自適應寬度或者是固定寬度的浮動布局產生器，可以產生帶有Header和Footer的三欄布局。
2、QrONE CSS Designer - QrONE是一個CSS線上產生與編輯器。
3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS產生一個完整的網站布局。
4、CSS Mate - CSS Mate是一個線上CSS編輯器。

除了上面譯文中的14個小工具外，Chada還介紹過如下幾款小工具，它們也是非常棒的，你可以開啟下面的文章看它們的詳細介紹：

1、CSS Menu Maker - 線上產生豐富多樣的CSS導覽按鈕。
2、CSS Type Set - 線上輕鬆調試CSS文本樣式。
3、CSS Frame Generator - 寫好DIV架構之後，使用這個線上工具可以很快產生CSS樣式結構表。