[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 )

2. Sencha Touch 2

有興趣的讀者，不妨選擇一套來玩玩看吧。

身為jQuery愛用者的我，當然是選擇jQuery Mobile囉！

參考資料

1. 台大計算機中心電子報：跨平台手機服務開發 jQuery Mobile

2. 微軟邊做邊學系列：使用jQuery Mobile 及 ASP.NET開發跨行動裝置網站 (Mobile Web) (新手推薦)

3. 使用 jQuery Mobile 快速開發 mobile 網站  (新手推薦)

4. WAI-ARIA 介紹之一

5. WAI-ARIA 介紹之二

6. WAI-ARIA 介紹之三

7. jQuery Mobile官方網站

8. PhoneGap官方網站

9. PhoneGap 跨平台的行動應用程式開發框架 (推薦閱讀)

10. 宅學習- PhoneGap

11. PhoneGap 1.0 讓手機程式開發者橫掃七個平台！（影片）

12. Sencha Touch 2官方網站

13. 【Android學習筆記】你的第一支PhoneGap應用程式：Hello Inside!

14. Android 開發教學筆記 - 使用 PhoneGap、jQuery Mobile 與台北市政府開放資料(Open Data)

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