寫更好的CSS是所有網頁設計師和開發人員應該爭取的東西，幸運的是，這裡有一些工具，可以幫助大家做到這一點。在這篇文章中，我們收集了一些新的 CSS工具，以幫助寫出更好的CSS。從學習新的CSS3屬性，到使您的CSS程式碼更高效，這裡必然有你需要的一款CSS工具。
CSS3 Patterns Gallery，讓您通過縮圖或全屏模式瀏覽各種CSS3樣式，蒐集各種各樣的CSS樣式以便於你可以借用到你的網站上。
2. PrefixMyCSS
PrefixMyCSS幫助您節省時間，自動為CSS程式碼新增必要的屬性。貼上你的程式碼到左邊的框框，點選“prefix”就會自動為CSS程式碼添 加必要的字首。這個工具明顯是我們的動車嘛，高效快速。但完事後還是檢查一下比較好，這個年代“天災人禍”真的很難說。至於你信不信，反正我是相信的。
3. Layer Styles
Layer Styles 是一個HTML5應用，幫助你非常直觀地建立CSS。介面酷似Photoshop，真的可能被人誤以為在操作PS的哦。
Sencha Animator是一個用於建立相容WebKit瀏覽器和觸屏手機裝置的CSS3 的桌面程式。在如今觸屏橫行的情況下，這樣的CSS工具是不是非常及時呢！
The Web Font Combinator是用來預覽Web字型效果的。該工具已經整合了N多字型，不包括中文字型（so這個工具對中文網站的CSS設計木有多大作用）。使用 該工具，你只要選擇字型型別，字型大小和行距等，就可以預覽網頁的header和body字型的效果。
CSS Pivot讓你新增CSS樣式到任何網站和通過短連線分享你的傑作，你還可以邀請其他人來幫組你改進你的網站。（注：該工具對中文網站免疫）
CSS Lint是一個幫組你檢測你的CSS程式碼是否存在問題。它通過基本的語法檢測和既定的規則對CSS程式碼進行檢測，發現有問題的樣式或低效率的CSS程式碼。
8. CSS Prism
CSS Prism讓你輸入任何網站的CSS，這樣你可以隨意更換該網站的背景顏色看效果，如果它是通過CSS定義的。1）你可以快速檢視到任何網站的CSS定義的背景色程式碼；2）你可以自定義網站的背景色，直到合適你為止。
原文：webdesignledger
譯文：x-berry