摘要：作為WEB前端開發人員，你的工作可能很大一部分都在編寫CSS代碼，為了提高前端開發人員編寫CSS代碼的效率，編程文庫從 網上搜集了17款可以提高你CSS代碼效率的CSS工具，它們可以幫助你快速生成CSS菜單、動畫影像、按鈕、滑塊、動畫文本、CSS形 狀代碼。全文請看：17款提高編碼效率的CSS工具。
不用介紹，軟體開發界的「地球人」都知道CSS，因為它是最流行的一種樣式設計語言。學習和使用CSS已經不再是一件棘手的事，因為在網上可以獲得很多信息教程和CSS工具。這些工具有助於你創造出有用的、有創新的Web應用程式，同時節省更多開發步驟和時間。
文章中收集了加速編碼的17款最好的CSS工具；以幫助開發人員和設計人員簡化工作。利用它們可以生成CSS菜單、動畫影像、按鈕、滑塊、動畫文本、CSS形狀代碼、圖層還有很多其他的。希望這個列表對你的開發工作有用。
1. Topcoat : CSS for Clean and Fast Web Apps
Topcoat是一個程序庫，包含CSS類用於創建表格元素、按鈕、複選框、滑塊等。這個輕量級的工具可以讓你設計的網頁或者App看起來相當不錯。
2. PCSS : Shortcut Oriented Server Side CSS3 Preprocessor
PCSS是一款由PHP驅動的CSS預處理器，它可以幫助開發者通過定義變量、類測試、默認單元和服務端瀏覽器細節，以達到快速編寫CSS代碼的目的。PCSS使用PHP5來實現服務端處理，因此正在運行的網站伺服器上需要具備這個PCSS版本。
3. Skeleton
Skeleton是一款較小的CSS文件集合體，它可以幫助開發者快速創建適配任何尺寸的網站，無論是在17寸筆記本屏幕或iPhone上。Skeleton的構建基於三大規律：快速響應到手機，迅速啟動和獨一無二的風格。
4. CSS Menu Maker
這個工具幫助用戶輕鬆創建CSS下移菜單。CSS菜單編輯器提供網絡專業人員和工具，幫助開發人員構建個性化的、跨瀏覽器相兼容的CSS菜單，同時還為所有的CSS菜單和設備用戶提供原始碼，以便下載和調整代碼。
5. Sencha Animator
這是一個桌面應用程式，允許用戶創建專門用在觸控螢幕行動裝置和Webkit瀏覽器上的CSS3動畫。 Sencha Animator還可以協助用戶創建動畫文本、圖片、傾斜按鈕和內嵌分析。
6. CSS Form Code Generator
CSS Form Code Generator可以製作布局好看的表格，也可以製作出布局簡單的色彩表。這個「Code Maker」生成的CSS布局代碼也可以為這些表格添枝加葉。
7. PrefixmyCSS
PrefixmyCss可以簡簡單單的為CSS3代碼添加前綴。用戶必須複製CSS代碼到窗口才能添加前綴，供應商已提前在代碼上添加了前綴，用戶可安全放心的替換舊的代碼。
8. Sky CSS Tool
Sky CSS Tool允許你創建CSS類時幾乎不需要使用手寫代碼。用戶可能需要與JavaScript相兼容的瀏覽器來確保正常運行。
9. Spritemapper
Spritemapper是一款可以合併多個圖片的應用程式，為相應的片段生成CSS精確位置。此款工具可以幫助開發者優化可用空間和加載時間。
10. CSS Compressor
CSS Compressor通過壓縮CSS來提高加載速度，還可以節約帶寬。依據你對CSS的壓縮程度和代碼的易讀性，它提供了三個級別的壓縮。
11. Patternify
Patternify可以幫助你生成漂亮的CSS模板。
12. CSS Text Shadow
CSS Text Shadow幫助使用者生成漂亮的文字陰影。
13. CSS3 Pie
CSS3 Pie在IE 6-9下可以渲染出最有用的CSS裝飾功能。
14. The Web Font Combinator
該工具旨在瀏覽器下快速預覽字體，無需一遍遍的刷新。近些年出版的書也都讓標題字體緊挨著正文字體，這也是一種網絡再創作的嘗試。
15. 3D Transforms
CSS 3D變換器是一款在線工具，用戶使用它可以執行多種級別的3D轉換。目前此工具還處在實驗模式下，在使用的時候，需要在瀏覽器下制定瀏覽器前綴。
16. Quick Form Builder
Quick Form Builder有助於便捷地創建CSS表單。
17. Layer Style
這是一款HTML5 App，用一種直觀的方式創建CSS3。其內置的Colorpicker允許用戶選擇各種顏色，還便於用戶拖放圖片到頁面，使用它們作為背景或挑選他們喜歡的顏色。