CleverCSS是個(gè)為CSS開發(fā)而產(chǎn)生的小型的標(biāo)記語(yǔ)言,它的設(shè)計(jì)靈感來(lái)自Python,使得能夠以一種簡(jiǎn)潔、結(jié)構(gòu)化的方式構(gòu)建樣式表。在很多方面,它比CSS2更加愛(ài)簡(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ū)ο蟮墓ぷ髁鳌?/p>

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)目。

分享到

youjia

相關(guān)推薦