CSS 編碼中超級有用的工具集合 - OSCHINA - 中文開源技術交流社區

當你開發網站和 Web 應用時，使用合適的工具可以節省大量的時間。本文我將收集一些非常有用的 CSS 編碼工具，希望對你有幫助。

Pure 是來自雅虎的 CSS 框架，使用 Normalize.CSS 無需任何 JavaScript 代碼。框架基於響應式設計，提供多種樣式的組件，包括表格、表單、按鈕、表、導航等。標識使用非常簡單，整個框架非常輕量級，壓縮後只有 5.7k。

主頁: http://purecss.io/

CSS only responsive navigation

在今天響應式排版已經非常流行了，這裡包含一些可下載和可重用的響應式導航菜單，只需要 CSS 足以。

主頁: http://valdelama.com/css-responsive-navigation

CSS Trashman

當我們在開發一個大項目時，很難讓 CSS 代碼保持短小精幹，但無需擔心，CSS Trashman 可以幫你不少忙。這是一個很有用的在線工具用來檢測你的網站，壓縮樣式，並最終下載最精簡的 CSS 文件。

主頁: http://www.csstrashman.com/

加載大量的圖片，還是將這些圖片變成一張大圖片一次性加載，當然是後者更好，降低瀏覽器和伺服器的交互。這樣的技術成為 CSS Sprites。Glue 是一個簡單的命令行工具可以讓你輕鬆的將圖片合併到一張大突破，然後通過 CSS 來使用這些圖片。

主頁: https://github.com/jorgebastida/glue

Helium 是一個前端響應式 Web 框架，用於使用 HTML5 + CSS3 快速製作原型以及開發產品。Helium 很像 Twitter Bootstrap 和 ZURB Foundation，事實上 Helium 使用了二者不少的代碼。但與這兩個框架不同的是，Helium 設計更加輕量級，而且更容易修改。Helium 只有30k 左右，而 Bootstrap 有 100k 之多，ZURB 有兩百多k。

主頁: https://github.com/geuis/helium-css

Topcoat 是一個 CSS 框架用於快速創建簡單、簡潔的 Web 應用。

主頁: http://topcoat.io/

.Fitgrd

.Fitgrd 是一個用來構建響應式網站的基礎

主頁: http://www.fitgrd.com/

Normalize.css 是一個可以定製的CSS文件，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。

主頁: http://necolas.github.io/normalize.css/

Bear CSS

Bear CSS 是一個漂亮的網站，同時提供了強大的工具。你只需創建一個 HTML 文檔並上傳，Bear CSS 會自動幫你生成 CSS 文件，大量節省時間。

主頁: http://bearcss.com/

via catswhocode