崛起中的九大HTML5開發(fā)工具


目前還處于預(yù)覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是web工具包界面,方便確保頁面在不同瀏覽器中的架構(gòu)一致性,此外Edge還將整合TypeKit這樣的字體服務(wù)。
動畫和圖形可以添加到HTML元素中,程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進(jìn)行擴(kuò)展。動畫可以在獨(dú)立的時間線上進(jìn)行嵌套,還能實(shí)現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備,也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。

Adobe Dreamweaver CS6作為一個web設(shè)計(jì)軟件,提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid 排版系統(tǒng)整合CSS樣式表功能,提供自適應(yīng)版面的跨平臺兼容性。開發(fā)者可以完全實(shí)現(xiàn)web設(shè)計(jì)的可視化操作,無需為代碼所困。
用戶不但還能在Live View中預(yù)覽,還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

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

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

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

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

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

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

該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用,但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化,以及音頻和視頻widget。
原文鏈接:http://www.html5cn.org/article-3118-1.html
【編輯推薦】















 
 
 




 
 
 
 