10 個優秀的 CSS產生工具和應用程式

當你需要編輯或改變網站設計時，CSS是扮演著主要的控制與變化的角色。現在可以透過一些 CSS工具讓新手開發人員和設計人員輕鬆地學習這門語言和它的功能。

下面介紹30個有用的CSS工具和應用程式。使用下列工具，您將能夠以任何順序進行CSS屬性的排序，能夠將您的Photoshop圖層轉成CSS樣式，可以創建自己的響應Web系統。希望你能從這些工具和應用中發掘對自己有用的內容。

1. Metro UI CSS
Metro UI CSS 是一套實現了 Windows 8 的 Metro 風格界面的 CSS 框架。

http://www.oschina.net/p/metro-ui-css


2. CSScomb

http://www.oschina.net/p/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 2
CSScomb for IntelliJIDEA/WebStorm/PyCharm
CSScomb for Notepad++
CSScomb for Vim

3. CSS3Ps
CSS3Ps 是一個免費的基於雲端的 Photoshop 插件，用來將 PhotoShop 的圖層轉成用 CSS3 實現的方式，外觀完全一致。您可以選擇多個圖層和圖層組，一鍵轉換。行程轉換為CSS邊框屬性。內陰影，內發光，陰影，外發光轉換成CSS的box- shadow屬性。您可以在瀏覽器中看到的結果樣式，並與其他人分享。它適用於Windows或Mac OS X和Photoshop CS3及更高版本。最重要的是，它是完全免費的！

http://www.oschina.net/p/css3ps


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

http://www.oschina.net/p/responsiveaeon


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

http://www.oschina.net/p/refineslide


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

http://www.oschina.net/p/photon

12下一頁