天天看點

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

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

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

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

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

Sass令CSS又有趣起來,它對CSS3進行了擴充,增加了嵌套規則、變量、混入、選擇器繼承等文法,可以使用指令行工具或網絡架構插件,将其轉化為良好格式的标準CSS。

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

Sajax是一種使用Ajax framework來建構網站的開源工具,它使得通過JavaScript調用PHP,Perl或Python函數更加簡便,而不産生頁面重新整理。該工具為你做了99%的工作,沒有理由不用用。

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

Komodo Edit一個小型快速開源編輯器,要替換你信任已久的代碼編輯器很難,但若給Komodo Edit一個機會,它一定不會讓你失望的。

它支援Windows、Mac、Linux,支援PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3文法着色、代碼折疊、背景文法檢查、超強的自動補全和calltips。

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

CSSTidy是一個開源CSS轉化和優化工具,它能在Windows、Linux、OSX下執行,可以像PHP腳本一樣由每行代碼來控制行為。

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

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

Less是一種動态樣式表語言,LESS将CSS進行了擴充,添加例如變量、混入、操作符以及函數文法。LESS能夠依靠Node.js與Rhino運作于用戶端和伺服器端。

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

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

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

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

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

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

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

首個面向對象的Css Framework,能讓你的工作流更加簡潔,xCSS基于CSS,并在開發複雜樣式提供處理面向對象的工作流。

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

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

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

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

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

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