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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Python HTML和CSS 1:html文件結構和常用標籤PythonHTMLCSS
- 前端開發最容易犯的13個JavaScript錯誤前端JavaScript
- Java開發常用的16個工具類Java
- 13個幫你提高開發效率的現代CSS框架CSS框架
- HTML 開發工具HTML
- 三個開發中常用的小工具
- webpack--css、html 和 js 程式碼的常用處理WebCSSHTMLJS
- HTML+CSS使用swiper快速生成最簡單、最快捷、最易看懂的輪播圖HTMLCSS
- CSS開發過程中的20個快速提升技巧CSS
- 使用Python快速開發API和Web的工具:ApiLogicServerPythonAPIWebServer
- html,css前端開發筆記HTMLCSS前端筆記
- HTML和CSSHTMLCSS
- html+css快速入門-css簡介HTMLCSS
- web前端開發工具有哪些?8個好用的web前端開發常用工具Web前端
- HTML&CSS 開發環境搭建-VSCode 常用外掛安裝及配置HTMLCSS開發環境VSCode
- 專業的開發工具:Xcode 13 for MacXCodeMac
- Laravel 快速開發工具Laravel
- 最常用的scrum工具、敏捷開發工具、看板工具Scrum敏捷
- JavaScript 和 CSS 常用工具方法封裝JavaScriptCSS封裝
- 常用的幾個提高iOS開發效率的開源類庫及工具iOS
- 常用的Java開發工具比較Java
- Python介面開發工具哪個好用?常用工具推薦!Python
- 介紹一個軟體開發工具,堪稱快速開發神器
- CSS 和 JavaScript 常用工具方法封裝教程!CSSJavaScript封裝
- html和css總結HTMLCSS
- 敏捷開發團隊,最喜歡的開發工具 CORNERSTONE敏捷
- 敏捷開發團隊,最喜歡的開發工具CORNERSTONE敏捷
- html和css的全盤複習HTMLCSS
- 一些常用的html、css、js的簡單應用HTMLCSSJS
- HTML 常用的標籤和屬性HTML
- Chrome 開發者工具裡的 CSS grid editorChromeCSS
- HTML5和CSS3開發第七章知識點HTMLCSSS3
- 樂眾商城系統開發/樂眾模式HTML和CSS技術搭建模式HTMLCSS
- Day9:html和cssHTMLCSS
- Day6:html和cssHTMLCSS
- Day2:html和cssHTMLCSS
- 13個VSCode使用技巧,開啟高效的開發模式VSCode模式
- 【推薦】Python常用的三款開發工具!Python
- HTML————13、HTML區塊HTML