1） CleverCSS

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

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

2） Sass

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

3） Sajax

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

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

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

5） CSSTidy

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

6） Less

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

7） Vim

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

8） HSS

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

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

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

10） XCSS

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

11) Haml

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

12） Markup Generator

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

13） BluePrint

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

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