HTML5被看作是Web開發者建立流行Web應用的利器,增長了對視頻和Canvas 2D的支持。HTML5的誕生還讓人們從新審視瀏覽器專用多媒體插件的將來,如Adobe的Flash和微軟的Silverlight,HTML5爲實現這些插件的功能提供了一種標準化的方式。html
雖然HTML5標準還沒有開發完成,可是隨着開發者對HTML5的興趣日漸濃厚,開發工具提供商也開始跟進。如下介紹的9款應用工具已經可以幫助開發者在程序中集成HTML5功能。web
1、Adobe Edgechrome
目前還處於預覽階段的Adobe Edge是用HTML五、CSS、JavaScript開發動態互動內容的設計工具。內容能夠同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面,方便確保頁面在不一樣瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字體服務。瀏覽器
動畫和圖形能夠添加到HTML元素中,程序也能經過Edge自身的代碼片斷庫或者JavaScript代碼進行擴展。動畫能夠在獨立的時間線上進行嵌套,還能實現互動功能。符合能夠服用並經過API和代碼片斷控制。經過Edge設計的內容能夠兼容iOS和Android設備,也能夠運行在火狐、Chrome、Safari和IE9等主流瀏覽器。服務器
2、Adobe Dreamweaver CS6架構
Adobe Dreamweaver CS6做爲一個Web設計軟件,提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能,提供自適應版面的跨平臺兼容性。開發者能夠徹底實現Web設計的可視化操做,無需爲代碼所困。框架
用戶不但還能在Live View中預覽,還提供多屏幕預覽功能。開發者能夠經過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View經過WebKit渲染引擎支持HTML5。socket
3、Adobe ColdFusion 10編輯器
ColdFusion是用來開發企業Web程序的服務器端技術,經過Websockets、互動表單、視頻和地理標籤等HTML5技術建立富媒體用戶體驗。工具
4、Sencha Architect 2
在開發移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發。開發團隊能夠在一個單一集成的環境中完成應用的設計、開發和部署。開發者還能夠開發Sencha Touch2和Ext JS4 JavaScript應用,並實時預覽。
5、Sencha Touch 2
Sencha Touch2是移動應用框架,也被看做是Sencha的HTML5平臺。開發者能夠用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應用。
6、Dojo Foundation Maqetta
來自於IBM的一個項目,Dojo Foundation Maqetta是爲桌面和移動設備開發HTML5應用的開源工具,支持在瀏覽器中查看HTML5界面。用戶體驗設計師能夠經過拖放組裝UI樣板。
7、微軟Visual Studio 2010 ServicePack 1
雖然一開始並不支持HTML5,但微軟在2011年三月發佈的Visual Studio 2010 SP1中提供了IntelliSense,追加了針對HTML5的一些元素。
8、JetBrains WebStorm 4.0
做爲擁有HTML編輯器的JavaScript集成開發環境,WebStorm4.0提供了開發web應用的HTML5樣板。開發者能夠在建立HTML文檔時可得到對HTML5文件的支持。例如砍伐者鍵入。開發者還能夠在chrome瀏覽器中實時預覽HTML文檔。
9、Google Web Toolkit
該開發工具用於開發瀏覽器應用,但庫中支持不少HTML5功能。包括對客戶端或web存儲的支持。其餘HTML5功能還包括支持Canvas可視化,以及音頻和視頻widget。