亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

HTML5

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

時間:2024-06-26 01:34:40 HTML5 我要投稿
  • 相關推薦

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

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

  HTML5自誕生以來,作為新一代的Web標準,越來越受開發(fā)人員及設計師的歡迎。其強大的兼容性,一次開發(fā),到處使用,大大減少了跨平臺開發(fā)人員的數量及成本。特別是在如今日新月異的移動時代,除了iOS、Android兩大平臺,還有Windows Phone、Blackberry、Bada等多個競爭,恰恰給了HTML5展現才能的機會。

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

  一、Adobe Edge

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

  動畫和圖形可以添加到HTML元素中,程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套,還能實現互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

  二、Adobe Dreamweaver CS6

  Adobe Dreamweaver CS6作為一個web設計軟件,提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid 排版系統(tǒng)整合CSS樣式表功能,提供自適應版面的跨平臺兼容性。開發(fā)者可以完全實現web設計的可視化操作,無需為代碼所困。

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

  三、Adobe ColdFusion 10

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

  四、Sencha Architect 2

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

  五、Sencha Touch 2

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

  六、Dojo Foundation Maqetta

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

  七、微軟Visual Studio 2010 ServicePack 1

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

  八、JetBrains WebStorm 4.0

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

  九、Google Web Toolkit

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

  十、 Lungo 最佳HTML5移動框架

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

  Lungo網站和Lungo學習文檔:http://lungo.tapquo.com/

  十一、 mobl

  mobl 是一個新的開源的編程語言,主要用于加速手機應用的開發(fā),mobl 可方便構建手機 web 應用程序,包括 iOS、Android 和其他支持 HTML5 技術的手機。

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

  mobl網站:http://www.mobl-lang.org/

  十二、 DevExtreme性能最優(yōu)的跨平臺移動應用開發(fā)框架

  DevExtreme是專為你的移動世界精心準備的,一個跨平臺開發(fā)的HTML5/JS框架,可以構建iOS、Android、Tizen和Windows Phone 8應用程序,是Visual Studio開發(fā)人員開發(fā)跨平臺移動產品的優(yōu)選工具。

  DevExtreme網站:http://js.devexpress.com/

  十三 、Edge Animate CC

  Edge Animate CC可以讓你很輕松的為現代Web設計交互式和生動地HTML內容。

  主要特性:

  HTML動畫:設計表達、動畫內容輕松精確以及寫實。你還可以將運動和交互添加到現有的HTML布局與模板中。

  精確控制:使用直觀的時間軸進行設計來達到驚人的精確度。

  跨平臺多設備:支持iOS、Android智能手機和平板電腦,以及現代的桌面瀏覽器。

  十四、 Literally Canvas

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

  主要特性:

  速度快,看上去不錯:Literally Canvas對處理復雜繪圖進行了優(yōu)化,其自然平滑的線條避免了在簡單繪圖程序經?吹降暮茈y看的線條角度。

  這是一個部件,而不是一個應用。

  可擴展。

  開源

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

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

HTML5開發(fā)移動應用的特性有哪些10-07

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

HTML5和HTML4有何區(qū)別?10-01

PHP開發(fā)工具推薦201708-09

HTML5的發(fā)展10-29

護發(fā)食物有有哪些05-04

紅茶有哪些05-15

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

冷飲有哪些種類-2017冷飲有哪些種類06-24

HTML5設計原理07-06