加快開發時間的8個CSS的預處理程序

fmms 13年前發布 | 17K 次閱讀 CSS

CSS 可以讓你做很多事情,但對開發者來說,缺乏很多特性,例如變量、常量以及一些編程語法。本文介紹 8 個 CSS 預處理器,可以加速你的 CSS 開發。

Less CSS

Less CSS 是一個使用廣泛的 CSS 預處理器,通過簡單的語法和變量對 CSS 進行擴展,可減少很多 CSS 的代碼量。

加快開發時間的8個CSS的預處理程序

Get it: http://www.oschina.net/p/lesscss

Sass

Sass 擴展了 CSS3,增加了規則、變量、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易于組織和維護。
加快開發時間的8個CSS的預處理程序
Get it: http://www.oschina.net/p/sass

Turbine

如果你是一個 PHP 愛好者,那么 Turbine 非常適合你,很簡單的語法、自動 gzip 多個 css 文件,修復了跨瀏覽器的問題等等。
加快開發時間的8個CSS的預處理程序
Get it: http://turbine.peterkroener.de/index.php

Switch CSS

Switch 是一個全功能的穩定的 CSS 預處理器,基于 Apache 和 mod_python 下運行,也提供命令行處理工具。
加快開發時間的8個CSS的預處理程序
Get it: http://www.oschina.net/p/switchcss

CSS Cacheer

CSS Cacheer 是一個很酷的預處理器可讓開發人員創建 CSS 插件,要求 PHP 和 apache 的 mod_deflate 和 mod_rewrite 模塊。
加快開發時間的8個CSS的預處理程序
Get it: http://retired.haveamint.com/archive/2008/05/30/check_out_css_cacheer

CSS Preprocessor

另外一個有趣的預處理器,使用 PHP5 開發,可使用一些例如 margin-left: (200px * 3/2 – 10px); 這樣的表達式
加快開發時間的8個CSS的預處理程序
Get it: http://pornel.net/css

DT CSS

DtCSS 是一個 PHP 腳本,用來對 CSS 文件進行預處理。DtCSS 可通過擴展 CSS 的特性來加速 CSS 編碼。例如嵌套選擇器、顏色混合等等。DtCSS 讀取 CSS 文件并對特殊語法進行處理,然后輸出標準 CSS。DtCSS 包含一個智能的緩存系統。
加快開發時間的8個CSS的預處理程序
Get it: http://www.oschina.net/p/dtcss

CSS PP

CSS PP 目前還是 alpha 版,提供 PHP、Python 和 Ruby 的版本
加快開發時間的8個CSS的預處理程序
Get it: http://csspp.org/


轉自:http://css.dzone.com/articles/8-css-preprocessors-speed

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!