- 相關(guān)推薦
HTML5開(kāi)發(fā)工具有哪些
HTML5被看做是web開(kāi)發(fā)者創(chuàng )建流行web應用的利器，增加了對視頻和Canvas 2D的支持。HTML5的誕生還讓人們重新審視瀏覽器專(zhuān)用多媒體插件的未來(lái)，如Adobe的Flash和微軟的Silverlight，HTML5為實(shí)現這些插件的功能提供了一種標準化的方式。
HTML5自誕生以來(lái)，作為新一代的Web標準，越來(lái)越受開(kāi)發(fā)人員及設計師的歡迎。其強大的兼容性，一次開(kāi)發(fā)，到處使用，大大減少了跨平臺開(kāi)發(fā)人員的數量及成本。特別是在如今日新月異的移動(dòng)時(shí)代，除了iOS、Android兩大平臺，還有Windows Phone、Blackberry、Bada等多個(gè)競爭，恰恰給了HTML5展現才能的機會(huì )。
以下推薦幾款開(kāi)發(fā)工具，總有一款適合你。讓的開(kāi)發(fā)之路更加絢麗多彩。隨著(zhù)開(kāi)發(fā)者對HTML5的興趣日漸濃厚，開(kāi)發(fā)工具提供商也開(kāi)始跟進(jìn)。
一、Adobe Edge
目前還處于預覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開(kāi)發(fā)動(dòng)態(tài)互動(dòng)內容的設計工具。內容可以同時(shí)兼容移動(dòng)設備和桌面電腦。Edge的一個(gè)重要功能是web工具包界面，方便確保頁(yè)面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。
動(dòng)畫(huà)和圖形可以添加到HTML元素中，程序也能通過(guò)Edge自身的代碼片段庫或者JavaScript代碼進(jìn)行擴展。動(dòng)畫(huà)可以在獨立的時(shí)間線(xiàn)上進(jìn)行嵌套，還能實(shí)現互動(dòng)功能。符合可以服用并通過(guò)API和代碼片段控制。通過(guò)Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個(gè)web設計軟件，提供了對HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其Fluid Grid 排版系統整合CSS樣式表功能，提供自適應版面的跨平臺兼容性。開(kāi)發(fā)者可以完全實(shí)現web設計的可視化操作，無(wú)需為代碼所困。
用戶(hù)不但還能在Live View中預覽，還提供多屏幕預覽功能。開(kāi)發(fā)者可以通過(guò)MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過(guò)WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來(lái)開(kāi)發(fā)企業(yè)web程序的服務(wù)器端技術(shù)，通過(guò)websockets、互動(dòng)表單、視頻和地理標簽等HTML5技術(shù)創(chuàng )建富媒體用戶(hù)體驗。
四、Sencha Architect 2
在開(kāi)發(fā)移動(dòng)和桌面應用的工具中，Sencha的定位是HTML5可視化應用開(kāi)發(fā)。開(kāi)發(fā)團隊可以在一個(gè)單一集成的環(huán)境中完成應用的設計、開(kāi)發(fā)和部署。開(kāi)發(fā)者還可以開(kāi)發(fā)Sencha Touch2和Ext JS4 JavaScript應用，并實(shí)時(shí)預覽。
五、Sencha Touch 2
Sencha Touch2是移動(dòng)應用框架，也被看作是Sencha的HTML5平臺。開(kāi)發(fā)者可以用它開(kāi)發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動(dòng)應用。
六、Dojo Foundation Maqetta
來(lái)自于IBM的一個(gè)項目，Dojo Foundation Maqetta是為桌面和移動(dòng)設備開(kāi)發(fā)HTML5應用的開(kāi)源工具，支持在瀏覽器中查看HTML5界面。用戶(hù)體驗設計師可以通過(guò)拖放組裝UI樣板。
七、微軟Visual Studio 2010 ServicePack 1
雖然一開(kāi)始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript集成開(kāi)發(fā)環(huán)境，WebStorm4.0提供了開(kāi)發(fā)web應用的HTML5樣板。開(kāi)發(fā)者可以在創(chuàng )建HTML文檔時(shí)可獲得對HTML5文件的支持。例如砍伐者鍵入。開(kāi)發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預覽HTML文檔。
九、Google Web Toolkit
該開(kāi)發(fā)工具用于開(kāi)發(fā)瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶(hù)端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。
十、 Lungo 最佳HTML5移動(dòng)框架
Lungo是一款基于HTML5的開(kāi)發(fā)框架，專(zhuān)為想要設計、構建和共享跨設備應用的開(kāi)發(fā)者而準備。支持開(kāi)放的Web標準，如HTML5、CSS3和JavaScript;支持手機、電視以及桌面設備。擁有強大的JavaScript API：開(kāi)發(fā)webAPP應用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強大的API，這樣你可以完全掌控自己的webAPP應用程序。
Lungo網(wǎng)站和Lungo學(xué)習文檔：http://lungo.tapquo.com/
十一、 mobl
mobl 是一個(gè)新的開(kāi)源的編程語(yǔ)言，主要用于加速手機應用的開(kāi)發(fā)，mobl 可方便構建手機 web 應用程序，包括 iOS、Android 和其他支持 HTML5 技術(shù)的手機。
Mobl使用一種與JavaScript非常類(lèi)似的腳本語(yǔ)言實(shí)現了靜態(tài)類(lèi)型的推斷語(yǔ)言。該語(yǔ)言擁有以下頂級結構： 實(shí)體(entities)、類(lèi)型(types)、函數(functions)、控件(controls)、屏幕(screens)、樣式(styles )和設備(services)。實(shí)體是在本地存儲中持久化的數據元素，而類(lèi)型是一種供我們使用的不穩定的數據。函數與那些定義在JavaScript以及能夠調用JavaScript代碼的語(yǔ)言中的函數類(lèi)似等。
mobl網(wǎng)站：http://www.mobl-lang.org/
十二、 DevExtreme性能最優(yōu)的跨平臺移動(dòng)應用開(kāi)發(fā)框架
DevExtreme是專(zhuān)為你的移動(dòng)世界精心準備的，一個(gè)跨平臺開(kāi)發(fā)的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開(kāi)發(fā)人員開(kāi)發(fā)跨平臺移動(dòng)產(chǎn)品的優(yōu)選工具。
DevExtreme網(wǎng)站：http://js.devexpress.com/
十三 、Edge Animate CC
Edge Animate CC可以讓你很輕松的為現代Web設計交互式和生動(dòng)地HTML內容。
主要特性：
HTML動(dòng)畫(huà)：設計表達、動(dòng)畫(huà)內容輕松精確以及寫(xiě)實(shí)。你還可以將運動(dòng)和交互添加到現有的HTML布局與模板中。
精確控制：使用直觀(guān)的時(shí)間軸進(jìn)行設計來(lái)達到驚人的精確度。
跨平臺多設備：支持iOS、Android智能手機和平板電腦，以及現代的桌面瀏覽器。
十四、 Literally Canvas
Literally Canvas是一個(gè)可擴展、開(kāi)源的HTML5畫(huà)圖組件。你可以繪制、擦除、設置顏色選擇器、撤銷(xiāo)、重做、平移和縮放。在移動(dòng)設備上可成功運行。很容易獲得數據URL上傳到一個(gè)網(wǎng)站，如Imgur或加載/保存用戶(hù)的圖紙。
主要特性：
速度快，看上去不錯：Literally Canvas對處理復雜繪圖進(jìn)行了優(yōu)化，其自然平滑的線(xiàn)條避免了在簡(jiǎn)單繪圖程序經(jīng)�？吹降暮茈y看的線(xiàn)條角度。
這是一個(gè)部件，而不是一個(gè)應用。
可擴展。
開(kāi)源
HTML5開(kāi)發(fā)工具有很多，找一款適合自己的才是最重要的，其次，有激情才會(huì )成長(cháng)的更快。
【HTML5開(kāi)發(fā)工具有哪些】相關(guān)文章：
html5編輯器有哪些10-20
HTML5開(kāi)發(fā)移動(dòng)應用的特性有哪些08-22
AutoCAD二次開(kāi)發(fā)有哪些開(kāi)發(fā)工具08-28
HTML5和HTML4有何區別？08-29
HTML5的發(fā)展08-15
紅茶有哪些07-28