必須Mark！最佳HTML5應(yīng)用開發(fā)工具推薦

HTML5自誕生以來，作為新一代的Web標(biāo)準(zhǔn)，越來越受開發(fā)人員及設(shè)計(jì)師的歡迎。其強(qiáng)大的兼容性，一次開發(fā)，到處使用，大大減少了跨平臺(tái)開發(fā)人員的數(shù)量及成本。特別是在如今日新月異的移動(dòng)時(shí)代，除了iOS、Android兩大平臺(tái)，還有Windows Phone、Blackberry、Bada等多個(gè)競(jìng)爭(zhēng)，恰恰給了HTML5展現(xiàn)才能的機(jī)會(huì)。本文就搜集了十款HTML5工具，希望能對(duì)大家的開發(fā)工作有所幫助。

1. Animatron

Animatron是一款簡(jiǎn)單而又強(qiáng)大的在線工具，通過它，你可以創(chuàng)建出令人驚嘆的的HTML5動(dòng)畫和互動(dòng)內(nèi)容。

主要特性：

• 使用直觀的Animatron編輯器去設(shè)計(jì)和發(fā)布可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動(dòng)設(shè)備，無需編碼，所見即所得。
• 將工作保存至云端，無論何時(shí)何地都可對(duì)它們進(jìn)行訪問。
• 分享工作更簡(jiǎn)單，發(fā)布一個(gè)鏈接或者將嵌入代碼粘貼到一個(gè)網(wǎng)站上，輕松邀請(qǐng)他人共同完成。

2. Lungo

Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計(jì)、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。

主要特性：

• 優(yōu)化：Lungo支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和JavaScript；支持手機(jī)、電視以及桌面設(shè)備。
• 強(qiáng)大的JavaScript API：開發(fā)應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強(qiáng)大的API，這樣你可以完全掌控自己的應(yīng)用程序。
• 真正的跨設(shè)備：為每一個(gè)平臺(tái)構(gòu)建應(yīng)用是一件很困難的事情，特別是各種新設(shè)備的到來更是加深了這一狀況。Lungo將會(huì)完全適應(yīng)它們，創(chuàng)建一個(gè)獨(dú)特而又震撼的用戶體驗(yàn)。

3. DevExtreme

DevExtreme是專為你的移動(dòng)世界精心準(zhǔn)備的，一個(gè)跨平臺(tái)開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的優(yōu)選工具。

主要特性：

• 移動(dòng)設(shè)備開發(fā)簡(jiǎn)化：創(chuàng)建高反應(yīng)度的應(yīng)用，滿足了不斷變化的企業(yè)以及BYOD世界的需求。使用HTML、CSS3和JavaScript，從而實(shí)現(xiàn)了外觀，感覺和行為如原生應(yīng)用程序一樣的業(yè)務(wù)解決方案，不需要學(xué)習(xí)其他更多的語言或框架。
• 美麗而又身臨其境的數(shù)據(jù)可視化：DevExtreme為智能手機(jī)和平板電腦封裝了易于使用的HTML JavaScript應(yīng)用程序，包含超過30種觸摸優(yōu)化的本地UI小工具，可用于任何應(yīng)用程序的單個(gè)頁面。
• 無處不在的原生用戶體驗(yàn)：以為iOS、Android、Windows Phone和Tizen打造原生視覺感受，無需額外的編碼或UI制定。

4. RazorFlow

RazorFlow是用于快速，方便地創(chuàng)建能夠在所有主流的移動(dòng)設(shè)備和瀏覽器的響應(yīng)式HTML5儀表板。

主要特性：

• 在設(shè)備間無縫工作：呈現(xiàn)在HTML5上，在任何現(xiàn)代的智能手機(jī)、平板電腦或桌面瀏覽器上都可運(yùn)行的很好。它們自動(dòng)適應(yīng)目標(biāo)設(shè)備，并且優(yōu)化觸屏及高分辨率顯示器。
• 適用于任何后端和數(shù)據(jù)庫。
• 服務(wù)器端包裝，易于集成：讓你無需編寫JavaScript代碼就可構(gòu)建交互式的儀表板。

5. Literally Canvas

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

主要特性：

• 速度快，看上去不錯(cuò)：Literally Canvas對(duì)處理復(fù)雜繪圖進(jìn)行了優(yōu)化，其自然平滑的線條避免了在簡(jiǎn)單繪圖程序經(jīng)常看到的很難看的線條角度。
• 這是一個(gè)部件，而不是一個(gè)應(yīng)用。
• 可擴(kuò)展。
• 開源。

6. mobl

mobl是一款免費(fèi)開源的語言，結(jié)合HTML5技術(shù)，加快了構(gòu)建移動(dòng)Web應(yīng)用的速度，可部署在Android、iOS和其他支持HTML5技術(shù)的手機(jī)上。

主要特性：

• 采用簡(jiǎn)潔的語言來快速的構(gòu)建具有原生體驗(yàn)的Web應(yīng)用。
• 大型IDE（Eclipse）的支持，實(shí)現(xiàn)糾錯(cuò)、自動(dòng)完成代碼和自動(dòng)檢索引用等功能。
• 快速保存，隨時(shí)測(cè)試。

7. Edge Animate CC

Edge Animate CC可以讓你很輕松的為現(xiàn)代Web設(shè)計(jì)交互式和生動(dòng)地HTML內(nèi)容。

主要特性：

• HTML動(dòng)畫：設(shè)計(jì)表達(dá)、動(dòng)畫內(nèi)容輕松精確以及寫實(shí)。你還可以將運(yùn)動(dòng)和交互添加到現(xiàn)有的HTML布局與模板中。
• 精確控制：使用直觀的時(shí)間軸進(jìn)行設(shè)計(jì)來達(dá)到驚人的精確度。
• 跨平臺(tái)多設(shè)備：支持iOS、Android智能手機(jī)和平板電腦，以及現(xiàn)代的桌面瀏覽器。

8. Touchqode

Touchqode將軟件開發(fā)工具帶到你的智能手機(jī)中，讓你隨時(shí)隨地都可以瀏覽、編輯和修復(fù)你的源代碼。具有語法高亮、代碼解析、集成的FTP客戶端、搜索、文件同步等特點(diǎn)。

主要特性：

• 抓住靈感：當(dāng)你在坐地鐵或吃午餐時(shí)，突然一個(gè)靈感襲來，卻不知道關(guān)于代碼的設(shè)想正不正確，這樣你就可以直接拿出手機(jī)去驗(yàn)證并能繼續(xù)思考。
• 編輯軟件源碼不收時(shí)間地點(diǎn)限制。

9. jQuery Mobile

jQuery Mobile框架講究的是“寫的少，做的多”，取代為每個(gè)移動(dòng)設(shè)備或操作系統(tǒng)編寫?yīng)毺氐膽?yīng)用，jQuery Mobile框架讓你設(shè)計(jì)一個(gè)可以在所有主流的智能手機(jī)、平板電腦及桌面都能運(yùn)行的網(wǎng)站和應(yīng)用。

主要特性：

• jQuery Mobile繼承了jQuery的“write less,do more”精髓，具有良好的擴(kuò)展性和可定制性。
  
• 全面兼容各種平臺(tái)設(shè)備，對(duì)于不支持的手機(jī)類型，也會(huì)予以基礎(chǔ)樣式。
  

10. jQWidgets

jQWidgets為構(gòu)建專業(yè)網(wǎng)站和移動(dòng)應(yīng)用提供了全面的解決方案，其完全建立在開放標(biāo)準(zhǔn)及技術(shù)上，如HTML5、CSS、JavaScript和jQuery。jQWidgets確保響應(yīng)式開發(fā)，幫助開發(fā)者創(chuàng)建出在桌面、平板電腦和智能手機(jī)上看起來很漂亮地網(wǎng)站和應(yīng)用。

主要特性：

• 響應(yīng)式部件及原生主題：使用PhoneGap開發(fā)專業(yè)的移動(dòng)及混合型HTML5應(yīng)用；專為iOS、Android、WP 8和Blackberry準(zhǔn)備原生主題；確保你的網(wǎng)站能夠自動(dòng)適應(yīng)不同設(shè)備類型、布局和觸控功能。
• 為PC、移動(dòng)觸摸設(shè)備打造高端用戶界面：使用HTML5、JavaScript和jQuery構(gòu)建跨設(shè)備及瀏覽器的令人驚嘆的網(wǎng)站與移動(dòng)應(yīng)用。

本文為CSDN原創(chuàng)文章，未經(jīng)允許不得轉(zhuǎn)載，如需轉(zhuǎn)載請(qǐng)聯(lián)系market#csdn.net(#換成@)