2012年4月22日 星期日

[Web Design] 用jQuery Mobile 開發Mobile Web Apps

方才筆者看到了jQuery 的手機版網頁開發:jQuery Mobile
號稱由jQuery 團隊支援的手機版網頁開發APIs,
有著以下特色:


  • 以 jQuery 為核心
  • 檔案極小 (重新製作過的核心壓縮過約80kb,加上css約48kb)
  • 支援HTML 5,且透過 HTML5 data-* tag 來達成種種 UI 的設定
  • 自動切換排版
  • 支援滑鼠與觸碰事件 (Event Driven)
  • WAI-ARIA (參見[4], [5], [6]  )
  • 強大的佈景主題系統
  • ASP.NET MVC 的支援 (特別支援 ASP.Net MVC 4 )
  • 支援市面上大部分行動裝置
  • 畫面一致
  • 多樣化的 UI
  • Progressive Enhancement & Graceful Degradation
讓對於手機程式開發不熟的網站工程師,能夠用既有的Web Design技術,開發Web Apps for Tablet or Smart Phone。
目前jQuery Mobile發展至1.1.0版,支援ToolBar, ListView, Button, Event等功能,有興趣的人可到官網看Demo

其它相關的Mobile Web App開發libraries 有:
1. PhoneGap (目前版本 1.6.1 )

有興趣的讀者,不妨選擇一套來玩玩看吧。
身為jQuery愛用者的我,當然是選擇jQuery Mobile囉!

參考資料
15. [JS Group] Beginning Phonegap (有關PhoneGap的介紹)

沒有留言:

張貼留言