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

2. CSScomb

CSScomb 可使用指定的排序方法對(duì) 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 是一個(gè)免費(fèi)的基于云端的 Photoshop 插件，用來(lái)將 PhotoShop 的圖層轉(zhuǎn)成用 CSS3 實(shí)現(xiàn)的方式，外觀完全一致。您可以選擇多個(gè)圖層和圖層組，一鍵轉(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 是一個(gè)HTML5/CSS3的框架，可以非?？焖俚膭?chuàng)建響應(yīng)的布局。它有一個(gè)網(wǎng)格系統(tǒng)是基于總1104px寬度12列，提供了3個(gè)非常容易理解的基本類供 使用。該框架使使用@mediaqueries的，支持任何尺寸的設(shè)備。除了網(wǎng)格系統(tǒng)，也有排版，列表，表格，按鈕和表格的樣式。

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

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

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

8. Morf.js

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

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

11. Browser Support
Browser Support 是一個(gè)簡(jiǎn)單的搜索引擎，用來(lái)查找某個(gè) CSS 屬性是否被指定的瀏覽器所支持。提供一個(gè)自動(dòng)完成的搜索輸入框。

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

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

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

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

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

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

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

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

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

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

22. Responsive GS
Responsive GS 是一個(gè)流體網(wǎng)格 CSS 框架，用于快速開(kāi)發(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 是一個(gè)在線網(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)，無(wú)需圖像。

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

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

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

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

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

最新評(píng)論