本文例舉了13個最常用的CSS和HTML快速開發(fā)工具，供開發(fā)者學(xué)習(xí)與參考。一起來看下吧。
1.CleverCSS
CleverCSS是個為CSS開發(fā)而產(chǎn)生的小型的標(biāo)記語言，它的設(shè)計靈感來自Python,使得能夠以一種簡潔、結(jié)構(gòu)化的方式構(gòu)建樣式表。在很多方面，它比CSS2更加愛簡潔和強大。
它與CSS最明顯的不同之處在于語法：基于縮進而不是flat，很明顯這有違Python指導(dǎo)，但這也不失為構(gòu)建結(jié)構(gòu)化樣式的好點子。
2.Sass
Sass令CSS又有趣起來，它對CSS3進行了擴展，增加了嵌套規(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%的工作，沒有理由不用用。
Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript
4.
Komodo Edit一個小型快速開源編輯器，要替換你信任已久的代碼編輯器很難，但若給Komodo Edit一個機會，它一定不會讓你失望的。
它支持Windows、Mac、Linux，支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3語法著色、代碼折疊、后臺語法檢查、超強的自動補全和calltips。
CSSTidy
5.
CSSTidy是一個開源CSS轉(zhuǎn)化和優(yōu)化工具，它能在Windows、Linux、OSX下執(zhí)行，可以像PHP腳本一樣由每行代碼來控制行為。
與其他大多數(shù)CSS轉(zhuǎn)換工具相反，它不實用任何常規(guī)的表達式，從而CSSTidy能夠?qū)SS2完美支持并提供高可靠性。
6.Less
Less是一種動態(tài)樣式表語言，LESS將CSS進行了擴展，添加例如變量、混入、操作符以及函數(shù)語法。LESS能夠依靠Node.js與Rhino運行于客戶端和服務(wù)器端。
7.Vim
Vim是一個高度可配置的高效文本編輯器，被大多數(shù)的UNIX系統(tǒng)廣泛使用，Vim是一個免費的慈善共享軟件。
8.HSS
HSS是個擴展了CSS語法的工具，擁有強大的特性，例如：變量、嵌套塊。HSS是一個CSS編譯器，它支持CSS語法驗證，當(dāng)在轉(zhuǎn)換過程中出現(xiàn)語法錯誤時，它將指出錯誤具體出現(xiàn)在哪個文件的哪一行。
9.Zen Coding- 一種開發(fā)HTML與CSS代碼的全新方式
Zen Coding是一個高速HTML，XML,XSL輯插件，該插件的核心是一個強大的縮寫引擎，它允許你將擴展表達式（類似于CSS選擇器）插入到HTML代碼中。
10.XCSS
首個面向?qū)ο蟮腃ss Framework，能讓你的工作流更加簡潔，xCSS基于CSS，并在開發(fā)復(fù)雜樣式提供處理面向?qū)ο蟮墓ぷ髁鳌?/p>
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ā)。它縮減了語法，以便讓你直接對頁面元素進行渲染。
13.BluePrint
BluePrint是一個CSS框架，旨在縮短你的開發(fā)時間，它提供給你一個穩(wěn)固的構(gòu)建基礎(chǔ)，讓你能夠在易用的css網(wǎng)格系統(tǒng)、提供合理排版甚至打印樣式的基礎(chǔ)之上構(gòu)建你的項目。
文章出自：technotab
譯文出自：開源中國社區(qū)