1. Metro UI CSS
Metro UI CSS 是一套實(shí)現(xiàn)了Windows 8 的 Metro 風(fēng)格界面的 CSS 框架。

2. CSScomb

CSScomb 可使用指定的排序方法對 CSS 的屬性進(jìn)行排序，提供多種版本，包括：
CSScomb Online CSScomb for Sublime Text 2 (Also in Package Control) CSScomb for Textmate CSScomb for Coda & Coda 2 CSScomb for Espresso 2 CSScomb for IntelliJIDEA/WebStorm/PyCharm CSScomb for Notepad++ CSScomb for Vim 3. CSS3Ps
CSS3Ps 是一個免費(fèi)的基于云端的 Photoshop 插件，用來將 PhotoShop 的圖層轉(zhuǎn)成用 CSS3 實(shí)現(xiàn)的方式，外觀完全一致。您可以選擇多個圖層和圖層組，一鍵轉(zhuǎn)換。行程轉(zhuǎn)換為CSS邊框?qū)傩?。?nèi)陰影，內(nèi)發(fā)光，陰影，外發(fā)光轉(zhuǎn)換成CSS的box- shadow屬性。您可以在瀏覽器中看到的結(jié)果樣式，并與其他人分享。它適用于Windows或Mac OS X和Photoshop CS3及更高版本。最重要的是，它是完全免費(fèi)的！

4. ResponsiveAeon
ResponsiveAeon 是一個HTML5/CSS3的框架，可以非常快速的創(chuàng)建響應(yīng)的布局。它有一個網(wǎng)格系統(tǒng)是基于總1104px寬度12列，提供了3個非常容易理解的基本類供 使用。該框架使使用@mediaqueries的，支持任何尺寸的設(shè)備。除了網(wǎng)格系統(tǒng)，也有排版，列表，表格，按鈕和表格的樣式。

5. RefineSlide
RefineSlide是一個輕量級（4KB壓縮）的jQuery插件快速整合一個響應(yīng)式的、基于圖像滑塊的效果到我們的網(wǎng)站?；瑝K使用CSS3轉(zhuǎn) 換+ 3D變換（有JS備用）和有一堆有吸引力的轉(zhuǎn)變。它有一個選項(xiàng)，以顯示縮略圖（自動格式化和響應(yīng)）或箭頭的導(dǎo)航（支持鍵盤操作）。

6. Photon
Photon 是一個JavaScript庫，實(shí)現(xiàn)了在三維空間中的任何元素添加簡單的照明效果。為了制造出效果，它采用了WebKitCSSMatrix的對象 （WebKit是唯一支持的瀏覽器引擎）。光的角度可以定義，并隨時更改所提供的功能。這是可能被點(diǎn)亮一個由一個或一組一次來定義對象，我們可以通過設(shè)置 的最大黑色+白色用法自定義的效果。

7. Gridpak
Gridpak 的目的是實(shí)現(xiàn)了響應(yīng)式的 Web 頁面設(shè)計(jì)，提高您的工作流程，節(jié)省了時間。通過生成PNG圖像，CSS和JavaScript，，讓 Gridpak 創(chuàng)建響應(yīng)式的簡單界面。
Gridpak 產(chǎn)生的CSS 兼容 IE 8+，但它使用很多實(shí)驗(yàn)性的CSS屬性，如媒體查詢，盒大小和背景剪輯屬性，所以我們建議您結(jié)合 Modernizer 來使用，確保向后兼容性。

8. Morf.js

Morf.js 提供了一組 JavaScript 方法用于加速 CSS3 的各種轉(zhuǎn)換效果，支持的方法都在上圖中，無需編寫 CSS3 代碼。
9. Gumby
Gumby 是一個響應(yīng)式的以及 960 像素寬度的 CSS 網(wǎng)格框架，支持 PC、平板和手機(jī)屏幕顯示。類似 Twitter 的 Bootstrap，它包括一個Web UI工具包，有好看按鈕，表格，導(dǎo)航+標(biāo)簽和一個很小的JavaScript文件

10. AppJS
AppJS 是一個令人振奮的 JavaScript 庫，使我們能夠使用 Web 技術(shù)快速開發(fā)桌面應(yīng)用程序（HTML，CSS和JavaScript）。AppJS 使用 Node.js 做為后端支撐。

11. Browser Support
Browser Support 是一個簡單的搜索引擎，用來查找某個 CSS 屬性是否被指定的瀏覽器所支持。提供一個自動完成的搜索輸入框。

12. SpritePad
SpritePad 是一個完美的解決方案，您可以在幾秒鐘內(nèi)創(chuàng)建CSS精靈。只需將您的圖片拖放到畫布上，他們立即可作為一個PNG精靈+ CSS代碼。

13. HTML5 Please
HTML5 Please 幫助你查看 HTML5 和 CSS3 等功能是否已經(jīng)準(zhǔn)備就緒。

14. jsFiddle
jsFiddle 是一個 Web 應(yīng)用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。

15. Animate.css
Animate.css 包含一些實(shí)現(xiàn)了各種動畫效果的 CSS。

16. Excessive
Excessive 是一個用 Python 開發(fā)的 CSS 壓縮工具，可拖放任意多的文件并將這些文件合并到一個文件并即時壓縮。

17. CSS Refresh
CSSrefresh 是一個 JavaScript 庫，用來實(shí)現(xiàn)無需刷新頁面立即更換網(wǎng)頁樣式效果的功能，即插即用無需配置，只需要在頁面中引入該 JS 文件即可。

18. Impress.js
impress.js 是一個Javascript程序包，它的功能是讓你制作出令人眩目的內(nèi)容展示效果，主要里利用了CSS 3D Transforms 里的旋轉(zhuǎn)，扭曲，縮放等特性，所以，只有最新版的Firefox，或谷歌瀏覽器或蘋果瀏覽器才能看到它產(chǎn)生的效果，好像在還未出世的IE 10 瀏覽器里也可以用。

19. Bear CSS
Bear CSS 是一個免費(fèi)使用的Web應(yīng)用程序，用來根據(jù)給定的 HTML 生產(chǎn)對應(yīng)的 CSS 樣式。

20. Less CSS
Less CSS 是一個使用廣泛的 CSS 預(yù)處理器，通過簡單的語法和變量對 CSS 進(jìn)行擴(kuò)展，可減少很多 CSS 的代碼量。
LESS 將 CSS 賦予了動態(tài)語言的特性，如 變量， 繼承， 運(yùn)算， 函數(shù). LESS 既可以在 客戶端 上運(yùn)行 (支持IE 6+, Webkit, Firefox)，也可一在服務(wù)端運(yùn)行 (借助 Node.js).

21. css2less
css2less 是一個用 Ruby 開發(fā)的小工具用來將 css 轉(zhuǎn)成 Less CSS 格式的文件。

22. Responsive GS
Responsive GS 是一個流體網(wǎng)格 CSS 框架，用于快速開發(fā)響應(yīng)式的 Web 網(wǎng)站。
Responsive GS 提供三種風(fēng)格：12、16 和 24 列，使用 media queries 支持所有標(biāo)準(zhǔn)設(shè)備。

23. CSS3 Shapes
CSS3 Shapes 是一個在線網(wǎng)站，使用 CSS3 實(shí)現(xiàn)了各種圖形效果。

24. CSS Arrow Please
CSS Arrow Please 基于網(wǎng)絡(luò)的CSS樣式生成器，可用于所有如條紋，按鈕，表格，loading 圖標(biāo)等CSS，完全使用 CSS 實(shí)現(xiàn)，無需圖像。

25. WebPutty
WebPutty 是一個應(yīng)用程序，它允許你在線編寫CSS代碼，支持語法高亮顯示的編輯器和側(cè)端的預(yù)覽面板可以讓你看到實(shí)時的變化。

26. CSSFx.js
寫CSS的時候經(jīng)常要根據(jù)瀏覽器不同附加許多prefix，比如-moz-border-radius，業(yè)界對此也有很多的不爽。cssFx是一個可以自動幫你生成prefix的js，可以節(jié)省你很多時間和體力。

27. Dirty Markup
Dirty Markup 是一個免費(fèi)的基于Web的應(yīng)用程序，可以幫助您輕松地清潔亂碼。編輯器使用一個簡單+功能AceEditor的和各的美化可以有多種選擇，以獲得最佳的效果。

28. Crunch
Crunch 是一個基于 Adobe AIR 開發(fā)的 Less CSS 的編輯器。主要用于 Less 的編輯并編譯成 CSS。

29. CSS3 Test
CSS3 Test 是一個在線對瀏覽器的 CSS3 支持進(jìn)行測試的網(wǎng)站。
 

最新評論