8款CSS工具 讓您的CSS代碼更高效

寫更好的CSS是所有網頁設計師和開發人員應該爭取的東西，幸運的是，這裡有一些工具，可以協助大家做到這一點。在這篇文章中，我們收集了一些新的CSS工具，以協助寫出更好的CSS。從學習新的CSS3屬性，到使您的CSS代碼更高效，這裡必然有你需要的一款CSS工具。

　　CSS3 Patterns Gallery Y% *^xie

　　CSS3 Patterns Gallery，讓您通過縮圖或全螢幕模式瀏覽各種CSS3樣式，搜集各種各樣的CSS樣式以便於你可以借用到你的網站上。

　　PrefixMyCSS

　　PrefixMyCSS協助您節省時間，自動為CSS代碼添加必要的屬性。粘貼你的代碼到左邊的框框，點擊“prefix”就會自動為CSS代碼添加必要的首碼。這個工具明顯是我們的動車嘛，高效快速。但完事後還是檢查一下比較好，這個年代“天災人禍”真的很難說。至於你信不信，反正我是相信的。

　　Layer Styles

　　Layer Styles 是一個HTML5應用，協助你非常直觀地建立CSS。介面酷似Photoshop，真的可能被人誤以為在操作PS的哦。

　　Sencha Animator % *^shiYN

　　Sencha Animator是一個用於建立相容WebKit瀏覽器和觸屏手機裝置的CSS3 的傳統型程式。在如今觸屏橫行的情況下，這樣的CSS工具是不是非常及時呢!

　　The Web Font Combinator

　　The Web Font Combinator是用來預覽Web字型效果的。該工具已經整合了N多字型，不包括中文字型(so這個工具對中文網站的CSS設計木有多大作用)。使用該工具，你只要選擇字型類型，字型大小和行距等，就可以預覽網頁的header和body字型的效果。

　　CSS Pivot

　　CSS Pivot讓你添加CSS樣式到任何網站和通過短串連分享你的傑作，你還可以邀請其他人來幫組你改進你的網站。(註：該工具對中文網站免疫)

　　CSS Lint

　　CSS Lint是一個幫組你檢測你的CSS代碼是否存在問題。它通過基本的文法檢測和既定的規則對CSS代碼進行檢測，發現有問題的樣式或低效率的CSS代碼。

　　CSS Prism % *^shiYN

　　CSS Prism讓你輸入任何網站的CSS，這樣你可以隨意更換該網站的背景顏色看效果，如果它是通過CSS定義的。1)你可以快速查看到任何網站的CSS定義的背景色代碼;2)你可以自訂網站的背景色，直到合適你為止。

　　MK編譯 via webdesignledger.com

　　原文地址：http://www.x-berry.com/8-useful-css-tools