1） CleverCSS

CleverCSS是個為CSS開發(fā)而產(chǎn)生的小型的標(biāo)記語言，它的設(shè)計靈感來自Python,使得能夠以一種簡潔、結(jié)構(gòu)化的方式構(gòu)建樣式表。在很多方面，它比CSS2更加愛簡潔和強大。

它與CSS最明顯的不同之處在于語法：基于縮進(jìn)而不是flat，很明顯這有違Python指導(dǎo)，但這也不失為構(gòu)建結(jié)構(gòu)化樣式的好點子。

2） Sass

Sass令CSS又有趣起來，它對CSS3進(jìn)行了擴(kuò)展，增加了嵌套規(guī)則、變量、混入、選擇器繼承等語法，可以使用命令行工具或網(wǎng)絡(luò)框架插件，將其轉(zhuǎn)化為良好格式的標(biāo)準(zhǔn)CSS。

3） Sajax

Sajax是一種使用Ajax framework來構(gòu)建網(wǎng)站的開源工具,它使得通過JavaScript調(diào)用PHP，Perl或Python函數(shù)更加簡便，而不產(chǎn)生頁面刷新。該工具為你做了99%的工作，沒有理由不用用。

4） Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript

Komodo Edit一個小型快速開源編輯器，要替換你信任已久的代碼編輯器很難，但若給Komodo Edit一個機(jī)會，它一定不會讓你失望的。
它支持Windows、Mac、Linux，支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3語法著色、代碼折疊、后臺語法檢查、超強的自動補全和calltips。

5） CSSTidy

CSSTidy是一個開源CSS轉(zhuǎn)化和優(yōu)化工具，它能在Windows、Linux、OSX下執(zhí)行，可以像PHP腳本一樣由每行代碼來控制行為。
與其他大多數(shù)CSS轉(zhuǎn)換工具相反，它不實用任何常規(guī)的表達(dá)式，從而CSSTidy能夠?qū)SS2完美支持并提供高可靠性。

6） Less

Less是一種動態(tài)樣式表語言，LESS將CSS進(jìn)行了擴(kuò)展，添加例如變量、混入、操作符以及函數(shù)語法。LESS能夠依靠Node.js與Rhino運行于客戶端和服務(wù)器端。

7） Vim

Vim是一個高度可配置的高效文本編輯器，被大多數(shù)的UNIX系統(tǒng)廣泛使用，Vim是一個免費的慈善共享軟件。

8） HSS

HSS是個擴(kuò)展了CSS語法的工具，擁有強大的特性，例如：變量、嵌套塊。HSS是一個CSS編譯器，它支持CSS語法驗證，當(dāng)在轉(zhuǎn)換過程中出現(xiàn)語法錯誤時，它將指出錯誤具體出現(xiàn)在哪個文件的哪一行。

9） Zen Coding ?- 一種開發(fā)HTML與CSS代碼的全新方式

Zen Coding是一個高速HTML，XML,XSL輯插件，該插件的核心是一個強大的縮寫引擎，它允許你將擴(kuò)展表達(dá)式（類似于CSS選擇器）插入到HTML代碼中。

10） XCSS

首個面向?qū)ο蟮腃ss Framework，能讓你的工作流更加簡潔，xCSS基于CSS，并在開發(fā)復(fù)雜樣式提供處理面向?qū)ο蟮墓ぷ髁鳌?

11) Haml

Haml是一種標(biāo)記語言，不使用內(nèi)聯(lián)代碼簡潔地描述HTML。Haml可替代例如PHP，ASP和ERB等嵌入的頁面模板系統(tǒng)，該模版語言多用于Ruby on Rails應(yīng)用。

12） Markup Generator

Markup Generator是一個創(chuàng)建xhtml/css代碼的簡單工具，能夠減少搭建無聊de最初框架代碼，它能生成xhtml標(biāo)簽以及非常直觀的css框架，以加速開發(fā)。它縮減了語法，以便讓你直接對頁面元素進(jìn)行渲染。

13） BluePrint

BluePrint是一個CSS框架，旨在縮短你的開發(fā)時間，它提供給你一個穩(wěn)固的構(gòu)建基礎(chǔ)，讓你能夠在易用的css網(wǎng)格系統(tǒng)、提供合理排版甚至打印樣式的基礎(chǔ)之上構(gòu)建你的項目。

13個最常用的CSS和HTML快速開發(fā)工具