天天看點

盤點:崛起中的九大 HTML5 開發工具

html5被看做是web開發者建立流行web應用的利器,增加了對視訊和canvas 2d的支援。html5的誕生還讓人們重新審視浏覽器專用多媒體插件的未來,如adobe的flash和微軟的silverlight,html5為實作這些插件的功能提供了一種标準化的方式。

雖然html5标準尚未開發完成,但是随着開發者對html5的興趣日漸濃厚,開發工具提供商也開始跟進。以下介紹的9款應用工具已經能夠幫助開發者在程式中內建html5功能。

盤點:崛起中的九大 HTML5 開發工具

一、adobe edge

盤點:崛起中的九大 HTML5 開發工具

目前還處于預覽階段的adobe edge是用html5、css、javascript開發動态互動内容的設計工具。内容可以同時相容移動裝置和桌面電腦。edge的一個重要功能是 web工具包界面,友善確定頁面在不同浏覽器中的架構一緻性,此外edge還将整合typekit這樣的字型服務。

動畫和圖形可以添加到html元素中,程式也能通過edge自身的代碼片段庫或者javascript 代碼進行擴充。動畫可以在獨立的時間線上進行嵌套,還能實作互動功能。符合可以服用并通過api和代碼片段控制。通過edge設計的内容可以相容ios和 android裝置,也可以運作在火狐、chrome、safari和ie9等主流浏覽器。

二、adobe dreamweaver cs6

盤點:崛起中的九大 HTML5 開發工具

adobe dreamweaver cs6作為一個web設計軟體,提供了對html網站和移動程式的可視化編輯界面。其fluid grid排版系統整合css樣式表功能,提供自适應版面的跨平台相容性。開發者可以完全實作web設計的可視化操作,無需為代碼所困。

使用者不但還能在live view中預覽,還提供多螢幕預覽功能。開發者可以通過multiscreen預覽面闆檢視html5内容的渲染效果。live view通過webkit渲染引擎支援html5。

三、adobe coldfusion 10

盤點:崛起中的九大 HTML5 開發工具

coldfusion是用來開發企業web程式的伺服器端技術,通過websockets、互動表單、視訊和地理标簽等html5技術建立富媒體使用者體驗。

四、sencha architect 2

盤點:崛起中的九大 HTML5 開發工具

在開發移動和桌面應用的工具中,sencha的定位是html5可視化應用開發。開發團隊可以在一個單一內建的環境中完成應用的設計、開發和部署。開發者還可以開發sencha touch2和ext js4 javascript應用,并實時預覽。

五、sencha touch 2

盤點:崛起中的九大 HTML5 開發工具

sencha touch2是移動應用架構,也被看作是sencha的html5平台。開發者可以用它開發面向ios、android和blackberry、kindle fire等多種平台的移動應用。

六、dojo foundation maqetta

盤點:崛起中的九大 HTML5 開發工具

來自于ibm的一個項目,dojo foundation maqetta是為桌面和移動裝置開發html5應用的開源工具,支援在浏覽器中檢視html5界面。使用者體驗設計師可以通過拖放組裝ui樣闆。

七、微軟visual studio 2010 servicepack 1

盤點:崛起中的九大 HTML5 開發工具

雖然一開始并不支援html5,但微軟在2011年三月釋出的visual studio 2010 sp1中提供了intellisense,追加了針對html5的一些元素。

八、jetbrains webstorm 4.0

盤點:崛起中的九大 HTML5 開發工具

作為擁有html編輯器的javascript內建開發環境,webstorm4.0提供了開發web應用的html5樣闆。開發者可以在建立html文檔時可獲得對html5檔案的支援。例如砍伐者鍵入。開發者還可以在chrome浏覽器中實時預覽html文檔。

九、google web toolkit

盤點:崛起中的九大 HTML5 開發工具

該開發工具用于開發浏覽器應用,但庫中支援很多html5功能。包括對用戶端或web存儲的支援。其他html5功能還包括支援canvas可視化,以及音頻和視訊widget。

繼續閱讀