13個最常用的CSS和HTML快速開發工具
本文例舉了13個最常用的CSS和HTML快速開發工具,供開發者學習與參考。一起來看下吧。
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。
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應用。
Markup Generator是一個建立xhtml/css程式碼的簡單工具,能夠減少搭建無聊de最初框架程式碼,它能生成xhtml標籤以及非常直觀的css框架,以加速開發。它縮減了語法,以便讓你直接對頁面元素進行渲染。
13.BluePrint
BluePrint是一個CSS框架,旨在縮短你的開發時間,它提供給你一個穩固的構建基礎,讓你能夠在易用的css網格系統、提供合理排版甚至列印樣式的基礎之上構建你的專案。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/26749246/viewspace-719669/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 14個最佳的HTML/CSS設計和開發框架HTMLCSS框架
- Android快速開發系列 10個常用工具類Android
- 前端開發最容易犯的13個JavaScript錯誤前端JavaScript
- Java開發常用的16個工具類Java
- 13個幫你提高開發效率的現代CSS框架CSS框架
- 13個有用的HTML5、CSS3和jQuery搜尋表單教程HTMLCSSS3jQuery
- 三個開發中常用的小工具
- HTML 開發工具HTML
- Python HTML和CSS 1:html文件結構和常用標籤PythonHTMLCSS
- HTML+CSS使用swiper快速生成最簡單、最快捷、最易看懂的輪播圖HTMLCSS
- 我最喜歡的 20 個 AngularJS 開發工具AngularJS
- CSS開發過程中的20個快速提升技巧CSS
- webpack--css、html 和 js 程式碼的常用處理WebCSSHTMLJS
- HTML CSS SPRITE 工具HTMLCSS
- web前端開發工具有哪些?8個好用的web前端開發常用工具Web前端
- Laravel 快速開發工具Laravel
- 12個有助簡化CSS3開發的工具CSSS3
- 那些令人驚歎的 HTML、CSS、JavaScript 工具和庫HTMLCSSJavaScript
- html,css前端開發筆記HTMLCSS前端筆記
- 各個開發階段最流行的Java工具彙總Java
- 最常用的scrum工具、敏捷開發工具、看板工具Scrum敏捷
- HTML/CSS常用單詞整理HTMLCSS
- 專業的開發工具:Xcode 13 for MacXCodeMac
- html+css快速入門-css簡介HTMLCSS
- 介紹一個軟體開發工具,堪稱快速開發神器
- 常用的幾個提高iOS開發效率的開源類庫及工具iOS
- HTML和CSSHTMLCSS
- 常用的Java開發工具比較Java
- 常用開發工具的代理設定
- 13個對Android開發人員有幫助的工具資源Android
- 開發和常用工具推薦清單
- 10個程式設計師最喜歡的HTML和CSS等線上程式碼編輯器程式設計師HTMLCSS
- 10個程式設計師最喜歡的 HTML和CSS 等線上程式碼編輯器程式設計師HTMLCSS
- 開發者最愛的三款開發工具
- 40款加速網站開發的 CSS 開發工具網站CSS
- 41款加速網站開發的 CSS 開發工具網站CSS
- JavaScript 和 CSS 常用工具方法封裝JavaScriptCSS封裝
- 使用Python快速開發API和Web的工具:ApiLogicServerPythonAPIWebServer