移動端常用的框架

jQuery Mobile

    jQuery Mobile框架能夠幫助你快速開發出支持多種移動設備的Mobile應用用戶界面。jQuery Mobile最新版本是1.4.0,默認主題採用扁平化設計風格。jQuery Mobile1.4.0主要側重於性能和控件方面的改進。除了全新的默認主題和SVG圖標,還新增了開關控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優勢,並且提供了豐富的適合手機應用的UI組件。jQuery Mobile還有很多的第三方擴展。

1.1 jQuery mobile flat-ui 主題

https://github.com/ququplay/jquery-mobile-flat-ui-theme

 

  

1.2jQuery mobile Bootstrap 主題

 https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

 

 

Frozen UI

    Frozen UI是騰訊ISUX團隊(社交用戶體驗設計團隊)根據最新的手機QQ設計規範製作的移動端Web框架,包括CSS基礎樣式和組件、JavaScript基礎組件和一些動畫效果庫。爲了方便記憶和增添趣味性,騰訊ISUX團隊爲它取了動畫片《冰雪奇緣》的英文名,並把Elsa女王作爲該項目的卡通代言人。

    項目主頁:http://frozenui.github.io

    Github代碼託管地址:https://github.com/frozenui/frozenui

 

 

ionic

    Ionic提供了一個免費且開源的移動優化HTML,CSS和JS組件庫,來構建高交互性應用。基於Sass構建和AngularJS 優化。

    Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果,儘管通常組件不需要編碼,通過框架擴展可以很容易地使用,比如我們的AngularIonic擴展。

    Ionic遵循視圖控制模式,通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中,我們將界面的不同部分分爲子視圖或包含其他視圖的子視圖控制器。然後視圖控制器“驅動”內部視圖來提供交互和UI功能。一個很好的例子就是標籤欄(Tab Bar)視圖控制器處理點擊標籤欄在一系列可視化面板間切換。 github

 

 

 

Amaze UI

      Amaze UI 採用業內先進的 Mobile first 理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件,更有 17 款包含近 60 個主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅度提升你的開發效率。Amaze UI 非常注重性能,基於輕量的 Zepto.js 開發,並使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓你的 Web 應用可以高速載入。

 
 
 

CardKit

    CardKit 是來自豆瓣的一個移動 UI 框架,使用 Card\Unit\Component 概念快速構建移動 Web 應用。應用外觀跟原生應用無異。


 
 
 
 

App.js

    App.js 是一個輕量級的 JavaScript UI 庫,用來創建移動的 Web 應用,應用的外觀跟原生的應用相同,性能也近乎一致。

特點:

跨平臺,支持 Android 2.2+ 和 iOS 4.3+

Widgets 和自定義主題

頁面調整管理

 

 
 
 

Mobile Angular UI

 

    Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。

Mobile Angular UI的關鍵字有:

  1. Bootstrap 3

  2. AngularJS

  3. Bootstrap 3 Mobile組件,比如switches, overlays和sidebars,這些都是bootstrap中沒有的。

  4. AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate

響應式媒體查詢是將bootstrap作爲單獨的文件,你只需要包含你所需要的東西。Mobile Angular UIu並不包含任何jQuery依賴,你需要做的只是通過一些AngularJS指令創建友好的用戶體驗。

詳細瞭解可以看一看 the Mobile Angular UI demo page,上面有Mobile Angular UI的實踐,如果你想了解的更深入一些,我建議你讀一讀 getting started with Mobile Angular UI

 

 

 

Kendo UI

Telerik’s Kendo UI 是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標準。

Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。

 

 

Framework7

    Framework7 - 是一款開源免費的移動端 HTML 框架, 用於開發接近原生iOS或Android系統外觀和體驗的 hybrid mobile apps 或 web apps。當然你也可以把它當成一款快速製作高保真APP原型的工具。

    Framework7 的主要目標是讓你能夠輕鬆地使用 HTML, CSS and JavaScript 開發iOS 或 Android 應用。Framework7 是非常靈活的。 它並不會限制你的想象力或者強制搭配某些架構方案。 Framework7 給你最大程度的自由。

    Framework7 並不打算兼容所有平臺。 它主要專注 iOS 和 Google Material design 以帶來最好的用戶體驗並保持簡單。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章