10個針對設計師/開發者的實用CSS工具推薦

        盡管使用 CSS 可以實現很多漂亮的效果，但對于一些任務來說，實現起來比較費事。但是借助于一些工具，可以讓你的項目更快地實現。本文將分享 10 款對于設計師和開發者非常實用的 CSS 工具。

        1.   dabblet

        一個交互式的 CSS 開發和代碼共享工具。該工具托管于 Github 站點，提供了很多便利的 CSS 編輯功能。

        2.   Sprite Cow

        Sprite Cow 是一個新的 CSS Sprite（CSS 精靈，是一種網頁圖片應用處理方式，允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去）工具，可以幫助你獲取 spritesheet 中 sprites 的背景位置、寬度和高度等。

        3.   CSSPrefixer

        你討厭寫瀏覽器的第三方前綴？這種事情可以讓 CSSPrefixer 來搞定。

        4.   dochub

        Dochub 是一個出色的工具，用于瀏覽 CSS/HTML/Js/Dom/jQuery 文檔。

        5.   Gridlover

        Gridlover 用于創建一個建立于模塊化級別和垂直架構的類型系統。

        6.   FFFFALLBACK

        一個用于網頁排版的簡單的工具。

        7.   Spritemapper

        Spritemapper 可以將多個圖片合并成一張，并針對相應的切片生成 CSS 位置代碼。

        8.   ReCSS

        這個小書簽可以輕松刷新你的 CSS，當你開發動態應用時，它會為你帶來極大的便利。可以在 IE、Firefox 中測試。

        9.   Layer Styles

        開源的 CSS 陰影、背景和邊框生成器。

        10.   PrimerCSS

        該工具可以將你的 CSS 中的所有類和 id 挑出來，并放到初始樣式表中。

        英文原文：10 New CSS Tools For Designer & Developer