13個最常用的CSS和HTML快速開發工具

huwen1232002發表於2012-03-27

本文例舉了13個最常用的CSS和HTML快速開發工具,供開發者學習與參考。一起來看下吧。

1.CleverCSS

CleverCSS是個為CSS開發而產生的小型的標記語言,它的設計靈感來自Python,使得能夠以一種簡潔、結構化的方式構建樣式表。在很多方面,它比CSS2更加愛簡潔和強大。

它與CSS最明顯的不同之處在於語法:基於縮排而不是flat,很明顯這有違Python指導,但這也不失為構建結構化樣式的好點子。

2.Sass

Sass令CSS又有趣起來,它對CSS3進行了擴充套件,增加了巢狀規則、變數、混入、選擇器繼承等語法,可以使用命令列工具或網路框架外掛,將其轉化為良好格式的標準CSS。

3.Sajax

Sajax是一種使用Ajax framework來構建網站的開源工具,它使得通過JavaScript呼叫PHP,Perl或Python函式更加簡便,而不產生頁面重新整理。該工具為你做了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轉化和優化工具,它能在Windows、Linux、OSX下執行,可以像PHP指令碼一樣由每行程式碼來控制行為。

與其他大多數CSS轉換工具相反,它不實用任何常規的表示式,從而CSSTidy能夠對CSS2完美支援並提供高可靠性。

6.Less

Less是一種動態樣式表語言,LESS將CSS進行了擴充套件,新增例如變數、混入、操作符以及函式語法。LESS能夠依靠Node.js與Rhino執行於客戶端和伺服器端。

7.Vim

Vim是一個高度可配置的高效文字編輯器,被大多數的UNIX系統廣泛使用,Vim是一個免費的慈善共享軟體。

8.HSS

HSS是個擴充套件了CSS語法的工具,擁有強大的特性,例如:變數、巢狀塊。HSS是一個CSS編譯器,它支援CSS語法驗證,當在轉換過程中出現語法錯誤時,它將指出錯誤具體出現在哪個檔案的哪一行。

9.Zen Coding- 一種開發HTML與CSS程式碼的全新方式

Zen Coding是一個高速HTML,XML,XSL輯外掛,該外掛的核心是一個強大的縮寫引擎,它允許你將擴充套件表示式(類似於CSS選擇器)插入到HTML程式碼中。

10.XCSS

首個物件導向的Css Framework,能讓你的工作流更加簡潔,xCSS基於CSS,並在開發複雜樣式提供處理物件導向的工作流。

11.Haml

Haml是一種標記語言,不使用內聯程式碼簡潔地描述HTML。Haml可替代例如PHP,ASP和ERB等嵌入的頁面模板系統,該模版語言多用於Ruby on Rails應用。

12.Markup Generator

Markup Generator是一個建立xhtml/css程式碼的簡單工具,能夠減少搭建無聊de最初框架程式碼,它能生成xhtml標籤以及非常直觀的css框架,以加速開發。它縮減了語法,以便讓你直接對頁面元素進行渲染。

13.BluePrint

BluePrint是一個CSS框架,旨在縮短你的開發時間,它提供給你一個穩固的構建基礎,讓你能夠在易用的css網格系統、提供合理排版甚至列印樣式的基礎之上構建你的專案。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/26749246/viewspace-719669/,如需轉載,請註明出處,否則將追究法律責任。

相關文章