CSS 可以讓你做很多事情,但對開發者來說,缺乏很多特性,例如變數、常量以及一些編程語法。本文介紹 8 個 CSS 預處理器,可以加速你的 CSS 開發。
Less CSS 是一個使用廣泛的 CSS 預處理器,通過簡單的語法和變數對 CSS 進行擴展,可減少很多 CSS 的代碼量。
Get it: http://www.oschina.net/p/lesscss
Sass 擴展了 CSS3,增加了規則、變數、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易於組織和維護。
Get it: http://www.oschina.net/p/sass
如果你是一個 PHP 愛好者,那麼 Turbine 非常適合你,很簡單的語法、自動 gzip 多個 css 文件,修復了跨瀏覽器的問題等等。
Get it: http://turbine.peterkroener.de/index.php
Switch 是一個全功能的穩定的 CSS 預處理器,基於 Apache 和 mod_python 下運行,也提供命令行處理工具。
Get it: http://www.oschina.net/p/switchcss
CSS Cacheer 是一個很酷的預處理器可讓開發人員創建 CSS 插件,要求 PHP 和 apache 的 mod_deflate 和 mod_rewrite 模塊。
Get it: http://retired.haveamint.com/archive/2008/05/30/check_out_css_cacheer
另外一個有趣的預處理器,使用 PHP5 開發,可使用一些例如 margin-left: (200px * 3/2 – 10px); 這樣的表達式
Get it: http://pornel.net/css
DtCSS 是一個 PHP 腳本,用來對 CSS 文件進行預處理。DtCSS 可通過擴展 CSS 的特性來加速 CSS 編碼。例如嵌套選擇器、顏色混合等等。DtCSS 讀取 CSS 文件並對特殊語法進行處理,然後輸出標準 CSS。DtCSS 包含一個智能的緩存系統。
Get it: http://www.oschina.net/p/dtcss
CSS PP 目前還是 alpha 版,提供 PHP、Python 和 Ruby 的版本
Get it: http://csspp.org/
[火星人 ] 8 個 CSS 預處理器用以加速開發速度已經有380次圍觀