HTML5開發(fā)工具有哪些

　　HTML5被看做是web開發(fā)者創(chuàng)建流行web應(yīng)用的利器，增加了對(duì)視頻和Canvas 2D的支持。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體插件的未來，如Adobe的Flash和微軟的Silverlight，HTML5為實(shí)現(xiàn)這些插件的功能提供了一種標(biāo)準(zhǔn)化的方式。

　　HTML5自誕生以來，作為新一代的Web標(biāo)準(zhǔn)，越來越受開發(fā)人員及設(shè)計(jì)師的歡迎。其強(qiáng)大的兼容性，一次開發(fā)，到處使用，大大減少了跨平臺(tái)開發(fā)人員的數(shù)量及成本。特別是在如今日新月異的移動(dòng)時(shí)代，除了iOS、Android兩大平臺(tái)，還有Windows Phone、Blackberry、Bada等多個(gè)競(jìng)爭(zhēng)，恰恰給了HTML5展現(xiàn)才能的機(jī)會(huì)。

　　以下推薦幾款開發(fā)工具，總有一款適合你。讓的開發(fā)之路更加絢麗多彩。隨著開發(fā)者對(duì)HTML5的興趣日漸濃厚，開發(fā)工具提供商也開始跟進(jìn)。

　　一、Adobe Edge

　　目前還處于預(yù)覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是web工具包界面，方便確保頁(yè)面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。

　　動(dòng)畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫(kù)或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套，還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。

　　二、Adobe Dreamweaver CS6

　　Adobe Dreamweaver CS6作為一個(gè)web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其Fluid Grid 排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性。開發(fā)者可以完全實(shí)現(xiàn)web設(shè)計(jì)的可視化操作，無需為代碼所困。

　　用戶不但還能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

　　三、Adobe ColdFusion 10

　　ColdFusion是用來開發(fā)企業(yè)web程序的服務(wù)器端技術(shù)，通過websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)。

　　四、Sencha Architect 2

　　在開發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽。

　　五、Sencha Touch 2

　　Sencha Touch2是移動(dòng)應(yīng)用框架，也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺(tái)的移動(dòng)應(yīng)用。

　　六、Dojo Foundation Maqetta

　　來自于IBM的一個(gè)項(xiàng)目，Dojo Foundation Maqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過拖放組裝UI樣板。

　　七、微軟Visual Studio 2010 ServicePack 1

　　雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對(duì)HTML5的一些元素。

　　八、JetBrains WebStorm 4.0

　　作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。

　　九、Google Web Toolkit

　　該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫(kù)中支持很多HTML5功能。包括對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

　　十、 Lungo 最佳HTML5移動(dòng)框架

　　Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計(jì)、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和JavaScript;支持手機(jī)、電視以及桌面設(shè)備。擁有強(qiáng)大的JavaScript API：開發(fā)webAPP應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強(qiáng)大的API，這樣你可以完全掌控自己的webAPP應(yīng)用程序。

　　Lungo網(wǎng)站和Lungo學(xué)習(xí)文檔：http://lungo.tapquo.com/

　　十一、 mobl

　　mobl 是一個(gè)新的開源的編程語(yǔ)言，主要用于加速手機(jī)應(yīng)用的開發(fā)，mobl 可方便構(gòu)建手機(jī) web 應(yīng)用程序，包括 iOS、Android 和其他支持 HTML5 技術(shù)的手機(jī)。

　　Mobl使用一種與JavaScript非常類似的腳本語(yǔ)言實(shí)現(xiàn)了靜態(tài)類型的推斷語(yǔ)言。該語(yǔ)言擁有以下頂級(jí)結(jié)構(gòu)： 實(shí)體(entities)、類型(types)、函數(shù)(functions)、控件(controls)、屏幕(screens)、樣式(styles )和設(shè)備(services)。實(shí)體是在本地存儲(chǔ)中持久化的數(shù)據(jù)元素，而類型是一種供我們使用的不穩(wěn)定的數(shù)據(jù)。函數(shù)與那些定義在JavaScript以及能夠調(diào)用JavaScript代碼的語(yǔ)言中的函數(shù)類似等。

　　mobl網(wǎng)站：http://www.mobl-lang.org/

　　十二、 DevExtreme性能最優(yōu)的跨平臺(tái)移動(dòng)應(yīng)用開發(fā)框架

　　DevExtreme是專為你的移動(dòng)世界精心準(zhǔn)備的，一個(gè)跨平臺(tái)開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的優(yōu)選工具。

　　DevExtreme網(wǎng)站：http://js.devexpress.com/

　　十三 、Edge Animate CC

　　Edge Animate CC可以讓你很輕松的為現(xiàn)代Web設(shè)計(jì)交互式和生動(dòng)地HTML內(nèi)容。

　　主要特性：

　　HTML動(dòng)畫：設(shè)計(jì)表達(dá)、動(dòng)畫內(nèi)容輕松精確以及寫實(shí)。你還可以將運(yùn)動(dòng)和交互添加到現(xiàn)有的HTML布局與模板中。

　　精確控制：使用直觀的時(shí)間軸進(jìn)行設(shè)計(jì)來達(dá)到驚人的精確度。

　　跨平臺(tái)多設(shè)備：支持iOS、Android智能手機(jī)和平板電腦，以及現(xiàn)代的桌面瀏覽器。

　　十四、 Literally Canvas

　　Literally Canvas是一個(gè)可擴(kuò)展、開源的HTML5畫圖組件。你可以繪制、擦除、設(shè)置顏色選擇器、撤銷、重做、平移和縮放。在移動(dòng)設(shè)備上可成功運(yùn)行。很容易獲得數(shù)據(jù)URL上傳到一個(gè)網(wǎng)站，如Imgur或加載/保存用戶的圖紙。

　　主要特性：

　　速度快，看上去不錯(cuò)：Literally Canvas對(duì)處理復(fù)雜繪圖進(jìn)行了優(yōu)化，其自然平滑的線條避免了在簡(jiǎn)單繪圖程序經(jīng)常看到的很難看的線條角度。

　　這是一個(gè)部件，而不是一個(gè)應(yīng)用。

　　可擴(kuò)展。

　　開源

　　HTML5開發(fā)工具有很多，找一款適合自己的才是最重要的，其次，有激情才會(huì)成長(zhǎng)的更快。

【HTML5開發(fā)工具有哪些】相關(guān)文章：

html5編輯器有哪些10-20

HTML5開發(fā)移動(dòng)應(yīng)用的特性有哪些08-22

CAD都有哪些二次開發(fā)工具06-22

AutoCAD二次開發(fā)有哪些開發(fā)工具08-28

HTML5和HTML4有何區(qū)別？08-29

PHP開發(fā)工具推薦201710-06

HTML5的發(fā)展08-15

紅茶有哪些07-28

常見的沖茶手法有哪些-沖茶有哪些步驟06-20

冷飲有哪些種類-2017冷飲有哪些種類08-10