HTML5自誕生以來,作為新一代的Web標準,越來越受開發(fā)人員及設(shè)計師的歡迎。其強大的兼容性,一次開發(fā),到處使用,大大減少了跨平臺開發(fā)人員的數(shù)量及成本。特別是在如今日新月異的移動時代,除了iOS、Android兩大平臺,還有Windows Phone、Blackberry、Bada等多個競爭,恰恰給了HTML5展現(xiàn)才能的機會。本文就搜集了幾款HTML5工具,希望能對大家的開發(fā)工作有所幫助。
1. Animatron
Animatron是一款簡單而又強大的在線工具,通過它,你可以創(chuàng)建出令人驚嘆的的HTML5動畫和互動內(nèi)容。
主要特性:
使用直觀的Animatron編輯器去設(shè)計和發(fā)布可以到處播放的**和信息圖表等,從桌面瀏覽器到移動設(shè)備,無需編碼,所見即所得。
將工作保存至云端,無論何時何地都可對它們進行訪問。
分享工作更簡單,發(fā)布一個鏈接或者將嵌入代碼粘貼到一個網(wǎng)站上,輕松邀請他人共同完成。
2. Lungo
Lungo是一款基于HTML5的開發(fā)框架,專為想要設(shè)計、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準備。
主要特性:
優(yōu)化:Lungo支持開放的Web標準,如HTML5、CSS3和JavaScript;支持手機、電視以及桌面設(shè)備。
強大的JavaScript API:開發(fā)應(yīng)用有很多種方式,而不是一味的優(yōu)化。Lungo提供了一個強大的API,這樣你可以完全掌控自己的應(yīng)用程序。
真正的跨設(shè)備:為每一個平臺構(gòu)建應(yīng)用是一件很困難的事情,特別是各種新設(shè)備的到來更是加深了這一狀況。Lungo將會完全適應(yīng)它們,創(chuàng)建一個獨特而又震撼的用戶體驗。
3. DevExtreme
DevExtreme是專為你的移動世界精心準備的,一個跨平臺開發(fā)的HTML5/JS框架,可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序,是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的優(yōu)選工具。
主要特性:
移動設(shè)備開發(fā)簡化:創(chuàng)建高反應(yīng)度的應(yīng)用,滿足了不斷變化的企業(yè)以及BYOD世界的需求。使用HTML、CSS3和JavaScript,從而實現(xiàn)了外觀,感覺和行為如原生應(yīng)用程序一樣的業(yè)務(wù)解決方案,不需要學(xué)習(xí)其他更多的語言或框架。
美麗而又身臨其境的數(shù)據(jù)可視化:DevExtreme為智能手機和平板電腦封裝了易于使用的HTML JavaScript應(yīng)用程序,包含超過30種觸摸優(yōu)化的本地UI小工具,可用于任何應(yīng)用程序的單個頁面。
無處不在的原生用戶體驗:以為iOS、Android、Windows Phone和Tizen打造原生視覺感受,無需額外的編碼或UI制定。
4. RazorFlow
RazorFlow是用于快速,方便地創(chuàng)建能夠在所有主流的移動設(shè)備和瀏覽器的響應(yīng)式HTML5儀表板。
主要特性:
在設(shè)備間無縫工作:呈現(xiàn)在HTML5上,在任何現(xiàn)代的智能手機、平板電腦或桌面瀏覽器上都可運行的很好。它們自動適應(yīng)目標設(shè)備,并且優(yōu)化觸屏及高分辨率顯示器。
適用于任何后端和數(shù)據(jù)庫。
服務(wù)器端包裝,易于集成:讓你無需編寫JavaScript代碼就可構(gòu)建交互式的儀表板。
5. Literally Canvas
Literally Canvas是一個可擴展、開源的HTML5畫圖組件。你可以繪制、擦除、設(shè)置顏色選擇器、撤銷、重做、平移和縮放。在移動設(shè)備上可成功運行。很容易獲得數(shù)據(jù)URL上傳到一個網(wǎng)站,如Imgur或加載/保存用戶的圖紙。
主要特性:
速度快,看上去不錯:Literally Canvas對處理復(fù)雜繪圖進行了優(yōu)化,其自然平滑的線條避免了在簡單繪圖程序經(jīng)?吹降暮茈y看的線條角度。
這是一個部件,而不是一個應(yīng)用。
可擴展。
開源。
6. mobl
mobl是一款免費開源的語言,結(jié)合HTML5技術(shù),加快了構(gòu)建移動Web應(yīng)用的速度,可部署在Android、iOS和其他支持HTML5技術(shù)的手機上。
主要特性:
采用簡潔的語言來快速的構(gòu)建具有原生體驗的Web應(yīng)用。
大型IDE(Eclipse)的支持,實現(xiàn)糾錯、自動完成代碼和自動檢索引用等功能。
快速保存,隨時測試。
7. Edge Animate CC
Edge Animate CC可以讓你很輕松的為現(xiàn)代Web設(shè)計交互式和生動地HTML內(nèi)容。
主要特性:
HTML動畫:設(shè)計表達、動畫內(nèi)容輕松精確以及寫實。你還可以將運動和交互添加到現(xiàn)有的HTML布局與模板中。
精確控制:使用直觀的時間軸進行設(shè)計來達到驚人的精確度。
跨平臺多設(shè)備:支持iOS、Android智能手機和平板電腦,以及現(xiàn)代的桌面瀏覽器。
8. Touchqode
Touchqode將軟件開發(fā)工具帶到你的智能手機中,讓你隨時隨地都可以瀏覽、編輯和修復(fù)你的源代碼。具有語法高亮、代碼解析、集成的FTP客戶端、搜索、文件同步等特點。
主要特性:
抓住靈感:當你在坐地鐵或吃午餐時,突然一個靈感襲來,卻不知道關(guān)于代碼的設(shè)想正不正確,這樣你就可以直接拿出手機去驗證并能繼續(xù)思考。
編輯軟件源碼不收時間地點限制。
9. jQuery Mobile
jQuery Mobile框架講究的是“寫的少,做的多”,取代為每個移動設(shè)備或操作系統(tǒng)編寫?yīng)毺氐膽?yīng)用,jQuery Mobile框架讓你設(shè)計一個可以在所有主流的智能手機、平板電腦及桌面都能運行的網(wǎng)站和應(yīng)用。
主要特性:
jQuery Mobile繼承了jQuery的“write less,do more”精髓,具有良好的擴展性和可定制性。
全面兼容各種平臺設(shè)備,對于不支持的手機類型,也會予以基礎(chǔ)樣式。
10. jQWidgets
jQWidgets為構(gòu)建專業(yè)網(wǎng)站和移動應(yīng)用提供了全面的解決方案,其完全建立在開放標準及技術(shù)上,如HTML5、CSS、JavaScript和jQuery。jQWidgets確保響應(yīng)式開發(fā),幫助開發(fā)者創(chuàng)建出在桌面、平板電腦和智能手機上看起來很漂亮地網(wǎng)站和應(yīng)用。
主要特性:
響應(yīng)式部件及原生主題:使用PhoneGap開發(fā)專業(yè)的移動及混合型HTML5應(yīng)用;專為iOS、Android、WP 8和Blackberry準備原生主題;確保你的網(wǎng)站能夠自動適應(yīng)不同設(shè)備類型、布局和觸控功能。
為PC、移動觸摸設(shè)備打造高端用戶界面:使用HTML5、JavaScript和jQuery構(gòu)建跨設(shè)備及瀏覽器的令人驚嘆的網(wǎng)站與移動應(yīng)用。