Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。
Mobile Angular UI是一種移動UI框架,就像Sencha Touch或jQuery Mobile一樣。如果你知道Angular JS和Twitter Bootstrap你已經知道了
demo站點
演示站點:http://mobileangularui.com/demo
IONIC用于構建驚人的移動應用程序的頂級開源框架。是目前最有潛力的一款HTML5手機應用開發框架。通過SASS構建應用程序,它提供了很多UI組件來幫助開發者開發強大的應用。它使用JavaScript MVVM框架和 AngularJS來增強應用。提供數據的雙向綁定,使用它成為Web和移動開發者的共同選擇。
一個基于 React 的創建原生APP的框架,React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發體驗,構建世界一流的原生APP。
PhoneGap 恐怕是最老的一個框架了,相信很多人都已經聽說過甚至使用過它,但是PhoneGap是基于開源的 Cordova 商業版本。
第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫成的。創建它的一個主要動力是基于一個幾乎每一個單獨 的iPhone開發新手都要面對的簡單事實:Objective-C是一個對Web開發人員來說非常陌生的環境,并且Web開發人員的數量遠遠多于 Objective-C開發人員的數量。
問題是,是否有人可以開發一個框架,讓Web開發人員可以利用他們所有的HTML、CSS和JavaScript知識,而且仍舊可以同iPhone的重要本地應用程序(如攝像頭和通訊錄)交互呢?
就在那一年,PhoneGap獲了獎并開始支持Android平臺,對人數不斷增長的移動開發人員變得越來越有用,這些人員需要在更多的平臺上獲得代碼支持。
UI 框架應該有的基本功能,比如各種瀏覽器內核的適配,比如 touch/swipe 的封裝,即使沒有 swipe 也要能夠方便接入別人的插件,目前敢放出來推廣的框架都做到了這些。
手機特有的 layout/交互/UI Pattern,有的框架會模仿 iOS 原生應用的 UI,有的專為 Android 而做,也有兼顧的,因為不管是 iOS 還是 Android 一年之后都會變換風格,所以 UI 框架默認提供的 UI 雖然重要(很多人很懶或者沒有能力自己設計),但是提供的 UI 易以定制更重要。
上手難度和開發方式,是指 UI 框架內部是如何設計來滿足你開發、增加新模塊的需求的,比如你的 app 要增加一個側邊欄,分別對應幾個欄目,要寫什么代碼,需不需要自己寫代碼。
本文章由科技男原創,首發于頭條號。
嚴禁轉載
子創意,關注前沿科技和創業資訊,提供專業的互聯網開發,產品設計,媒體運營支撐服務和咨詢。如有需求歡迎朋友們合作和咨詢。
更多資訊,點擊上方【訂閱】,訂閱橘子創意。
一、 摘要
今天給大家介紹有關HTML5移動開發APP開發框架,這里主要給大家介紹10款移動APP開發框架,下一篇文章將給大家具體演示一下如何用這些框架來搭建一個移動APP應用.
十款移動APP開發框架:
1.jquery mobile框架
2.bootstrap框架
3.ionic框架
4.Mobile Angular UI框架
5.Intel XDK框架
6.Appcelerator Titanium框架
7.Sencha Touch框架
8.Kendo UI框架
9.PhoneGap框架
10.mui框架
1.jquery mobile框架
jQuery Mobile是jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。
2.bootstrap框架
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。
它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。
Bootstrap一經推出后頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。
國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基于Bootstrap源碼進行性能優化而來。
3.ionic框架
Ionic 是一個強大的 HTML5 應用程序開發框架,可以幫助您使用 Web 技術,比如 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程序。
Ionic 主要關注外觀和體驗,以及和你的應用程序的 UI 交互,特別適合用于基于 Hybird 模式的 HTML5 移動應用程序開發。
4.Mobile Angular UI框架
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。
Mobile Angular UI的關鍵字有:
1.Bootstrap 3
2.AngularJS
Bootstrap 3 Mobile組件,比如switches, overlays和sidebars,這些都是bootstrap中沒有的。
AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate
響應式媒體查詢是將bootstrap作為單獨的文件,你只需要包含你所需要的東西。
Mobile Angular UIu并不包含任何jQuery依賴,你需要做的只是通過一些AngularJS指令創建友好的用戶體驗。
5.Intel XDK框架
Intel發布了其首個版本基于web的編程工具,可幫助開發者為Android和iOS開發移動應用。
這款免費的軟件名為Intel XDK,實際上這是今年2月份Intel收購的AppMobi軟件的重新包裝后的版本,所以并非新鮮事物。開發者可用此軟件開發基于HTML5的應用,并 用于移動設備中。
6.Appcelerator Titanium框架
Titanium 是一個跟手機平臺無關的開發框架,用來開發具有本地應用效果的Web應用。當前主要支持 iPhone 和 Android 手機。
主要提供的API包括:
2D/3D animations
Geo-location, compass, and maps
Augmented reality features
Social app authentication and native client support for email
SOAP or REST API calls
Audio, video, and image capture and playback
Taps into local filesystem and SQL lite databases
Accesses photo gallery or address data
橘子創意,關注前沿科技和創業資訊,提供專業的互聯網開發,產品設計,媒體運營支撐服務和咨詢。如有需求歡迎朋友們合作和咨詢。
更多資訊,搜索微信公眾號juzimedia,關注橘子創意。
TML5框架是一類有助于快速輕松創建響應式網站的程序包。這些HTML5框架有著能減輕編程任務和重復代碼負擔的神奇功能。關于HTML5的框架種類繁多,并且很瘦歡迎,因為它能允許開發人員花費更少的時間和精力去創建一個令人驚艷的網站。在本文中,我們將為大家介紹十佳HTML5響應式框架,歡迎品鑒!
GroundworkCSS是一個基于Sass預處理器的開源項目,主要用于快速構建響應式Web應用程序。它擁有一個靈活的、可嵌套的網格系統,可以創建適應多種瀏覽設備的布局。Groundwork還提供多種UI組件,如導航、按鈕、圖標、表單、Tabs、對話框、工具提示等等。
MontageJS是一個現代化、完整的HTML5框架,旨在創建單頁的應用程序。MontageJS可以幫助您構建高可擴展性和可維護性的HTML5應用。有了MontageJS,開發人員可以創建可重用的用戶界面組件和模塊、組件和控制器之間的綁定屬性,并且同步DOM查詢和更新,以確保流暢的用戶體驗。
52Framework是一個Web開發框架,它能實現HTML5和CSS3。它是一個跨瀏覽器的框架,可以在所有主流的瀏覽器上運行,包括IE6。它主要是采用一個HTML5 enabling JavaScript file文件來實現的。
Twitter Bootstrap是目前很受歡迎的前端框架。它基于HTML、CSS、Javascript的,其簡潔靈活使得Web開發更加快捷。
SproutCore是一款高人氣前端框架,并且利用MVC架構規范構建而成。它能與任何后端服務器技術搭配使用。事實上,一旦部署之后,SproutCore應用只包含標準的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore應用。
Foundation是一個易用、強大而且靈活的框架,用于構建基于任何設備上的Web應用。同時還提供多種Web上的UI組件,如表單、按鈕、Tabs 等。
Base是一款基于語義的、輕量和可擴展的框架,可用來幫你快速創建一個響應式站點。
Onsen UI是一個前端的開發框架,用于構建PhoneGap/Cordova應用。其側重于創建移動應用。
Enyo是一款先進的前端開發框架,適用于開發與原生應用類似的HTML 5應用。
Ionic是個高級的HTML5移動端應用框架,是個很漂亮的使用HTML5開發混合移動應用前端框架,目前支持:iOS 6+和Android 4.1+ 。
本站文章除注明轉載外,均為本站原創或翻譯
*請認真填寫需求信息,我們會在24小時內與您取得聯系。