1. Metro UI CSS
Metro UI CSS 是一套實現了Windows 8 的Metro 風格介面的CSS 框架。
2. CSScomb
CSScomb 可使用指定的排序方法對CSS 的屬性進行排序,提供多種版本,包括:
CSScomb Online CSScomb for Sublime Text 2 (Also in Package Control) CSScomb for Textmate CSScomb for Coda & Coda 2 CSScomb for Espresso 2comb for IntelliJIDEA/WebStorm/PyCharmscomb for Notepad++comb for Vim 3. CSS
CSS3Ps 是一個免費的基於雲端的Photoshop 插件,用來將PhotoShop 的圖層轉換成用CSS3 實現的方式,外觀完全一致。您可以選擇多個圖層和圖層群組,一鍵轉換。行程轉換為CSS邊框屬性。內陰影,內發光,陰影,外發光轉換成CSS的box- shadow屬性。您可以在瀏覽器中看到的結果樣式,並與其他人分享。它適用於Windows或Mac OS X和Photoshop CS3及更高版本。最重要的是,它是完全免費的!
4. ResponsiveAeon
ResponsiveAeon 是一個HTML5/CSS3的框架,可以非常快速的創建回應的佈局。它有一個網格系統是基於總1104px寬度12列,提供了3個非常容易理解的基本類別供使用。該框架使使用@mediaqueries的,支援任何尺寸的設備。除了網格系統,也有排版,列表,表格,按鈕和表格的樣式。
5. RefineSlide
RefineSlide是一個輕量級(4KB壓縮)的jQuery插件快速整合一個響應式的、基於圖像滑塊的效果到我們的網站。滑桿使用CSS3轉換+ 3D變換(有JS備用)和有一堆有吸引力的轉變。它有一個選項,以顯示縮圖(自動格式化和回應)或箭頭的導航(支援鍵盤操作)。
6. Photon
Photon 是一個JavaScript庫,實現了在三維空間中的任何元素添加簡單的照明效果。為了製造出效果,它採用了WebKitCSSMatrix的物件(WebKit是唯一支援的瀏覽器引擎)。光的角度可以定義,並隨時更改所提供的功能。這是可能被點亮一個由一個或一組一次來定義對象,我們可以透過設定的最大黑色+白色用法自訂的效果。
7. Gridpak
Gridpak 的目的是實現了響應式的Web 頁面設計,提高您的工作流程,節省了時間。透過產生PNG圖像,CSS和JavaScript,,讓Gridpak 創建響應式的簡單介面。
Gridpak 產生的CSS 相容IE 8+,但它使用許多實驗性的CSS屬性,例如媒體查詢,盒子大小和背景剪輯屬性,所以我們建議您結合Modernizer 來使用,確保向後相容性。
8. Morf.js
Morf.js 提供了一組JavaScript 方法用於加速CSS3 的各種轉換效果,支援的方法都在上圖中,無需編寫CSS3 程式碼。
9. Gumby
Gumby 是一個響應式的以及960 像素寬度的CSS 網格框架,支援PC、平板和手機螢幕顯示。類似Twitter 的Bootstrap,它包括一個Web UI工具包,有好看按鈕,表格,導航+標籤和一個很小的JavaScript文件
10. AppJS
AppJS 是一個令人振奮的JavaScript 程式庫,讓我們能夠使用Web 技術快速開發桌面應用程式(HTML,CSS和JavaScript)。 AppJS 使用Node.js 做為後端支撐。
11. Browser Support
Browser Support 是一個簡單的搜尋引擎,用來找出某個CSS 屬性是否被指定的瀏覽器所支援。提供一個自動完成的搜尋輸入框。
12. SpritePad
SpritePad 是一個完美的解決方案,您可以在幾秒鐘內建立CSS精靈。只需將您的圖片拖放到畫布上,他們立即可以作為一個PNG精靈+ CSS代碼。
13. HTML5 Please
HTML5 Please 幫助你查看HTML5 和CSS3 等功能是否已經準備就緒。
14. jsFiddle
jsFiddle 是一個Web 應用,主要用於幫助測試JavaScript 和CSS 的程式碼片段。
15. Animate.css
Animate.css 包含一些實現了各種動畫效果的CSS。
16. Excessive
Excessive 是一個用Python 開發的CSS 壓縮工具,可拖放任意多的檔案並將這些檔案合併到一個檔案中並即時壓縮。
17. CSS Refresh
CSSrefresh 是一個JavaScript 函式庫,用來實現無需刷新頁面立即更換網頁樣式效果的功能,即插即用無需配置,只需要在頁面中引入該JS 檔案即可。
18. Impress.js
impress.js 是一個Javascript程式包,它的功能是讓你製作出令人眩目的內容展示效果,主要裡利用了CSS 3D Transforms 裡的旋轉,扭曲,縮放等特性,所以,只有最新版的Firefox,或Google瀏覽器或蘋果瀏覽器才能看到它產生的效果,好像在還未出世的IE 10 瀏覽器裡也可以用。
19. Bear CSS
Bear CSS 是一個免費使用的Web應用程序,用來根據給定的HTML 生產對應的CSS 樣式。
20. Less CSS
Less CSS 是一個使用廣泛的CSS 預處理器,透過簡單的語法和變數對CSS 進行擴展,可減少許多CSS 的程式碼量。
LESS 將CSS 賦予了動態語言的特性,如變量, 繼承, 運算, 函數. LESS 既可以在客戶端上運行(支援IE 6+, Webkit, Firefox),也可一在服務端運行(借助Node.js ).
21. css2less
css2less 是一個用Ruby 開發的小工具用來將css 轉換成Less CSS 格式的檔案。
22. Responsive GS
Responsive GS 是一個流體網格CSS 框架,用於快速開發響應式的Web 網站。
Responsive GS 提供三種風格:12、16 和24 列,使用media queries 支援所有標準配備。
23. CSS3 Shapes
CSS3 Shapes 是一個線上網站,使用CSS3 實現了各種圖形效果。
24. CSS Arrow Please
CSS Arrow Please 基於網路的CSS樣式產生器,可用於所有如條紋,按鈕,表格,loading 圖示等CSS,完全使用CSS 實現,無需圖片。
25. WebPutty
WebPutty 是一個應用程序,它允許你在線編寫CSS程式碼,支援語法高亮顯示的編輯器和側端的預覽面板可以讓你看到即時的變化。
26. CSSFx.js
寫CSS的時候常常要根據瀏覽器不同附加許多prefix,例如-moz-border-radius,業界對此也有很多的不爽。 cssFx是一個可以自動幫你產生prefix的js,可以節省你很多時間和體力。
27. Dirty Markup
Dirty Markup 是一個免費的基於Web的應用程序,可以幫助您輕鬆地清潔亂碼。編輯器使用一個簡單+功能AceEditor的和各的美化可以有多種選擇,以獲得最佳的效果。
28. Crunch
Crunch 是基於Adobe AIR 開發的Less CSS 的編輯器。主要用於Less 的編輯並編譯成CSS。
29. CSS3 Test
CSS3 Test 是一個在線上對瀏覽器的CSS3 支援進行測試的網站。