歡迎您光臨本站 註冊首頁

8 個 CSS 預處理器用以加速開發速度

←手機掃碼閱讀     火星人 @ 2014-03-12 , reply:0
  

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

Less CSS

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

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

Sass

Sass 擴展了 CSS3,增加了規則、變數、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易於組織和維護。

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

Turbine

如果你是一個 PHP 愛好者,那麼 Turbine 非常適合你,很簡單的語法、自動 gzip 多個 css 文件,修復了跨瀏覽器的問題等等。

Get it: http://turbine.peterkroener.de/index.php

Switch CSS

Switch 是一個全功能的穩定的 CSS 預處理器,基於 Apache 和 mod_python 下運行,也提供命令行處理工具。

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

CSS Cacheer

CSS Cacheer 是一個很酷的預處理器可讓開發人員創建 CSS 插件,要求 PHP 和 apache 的 mod_deflate 和 mod_rewrite 模塊。

Get it: http://retired.haveamint.com/archive/2008/05/30/check_out_css_cacheer

CSS Preprocessor

另外一個有趣的預處理器,使用 PHP5 開發,可使用一些例如 margin-left: (200px * 3/2 – 10px); 這樣的表達式

Get it: http://pornel.net/css

DT CSS

DtCSS 是一個 PHP 腳本,用來對 CSS 文件進行預處理。DtCSS 可通過擴展 CSS 的特性來加速 CSS 編碼。例如嵌套選擇器、顏色混合等等。DtCSS 讀取 CSS 文件並對特殊語法進行處理,然後輸出標準 CSS。DtCSS 包含一個智能的緩存系統。

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

CSS PP

CSS PP 目前還是 alpha 版,提供 PHP、Python 和 Ruby 的版本

Get it: http://csspp.org/



[火星人 ] 8 個 CSS 預處理器用以加速開發速度已經有380次圍觀

http://coctec.com/docs/program/show-post-71468.html