11個移動應用開發的HTML5框架和應用

發表於2011-11-14

在過去的兩年裡,觸屏裝置飛速增長。iOS 和 Android 裝置讓開發者和設計師開始重新思考他們的Web應用,以提供更好的觸屏體驗。

相對於本地應用,移動Web應用有很多優勢,但也有很多設計和開發上的挑戰。這裡列出了一系列有用的框架來幫助基於 HTML 的 Web應用開發。它們支援大部分流行的智慧手機和平板電腦。

1. Lungo.js:HTML5 移動開發框架

11個用於移動應用開發的HTML5框架和應用

Lungo.js 是第一個應用 HTML5 和 CSS3 特性的移動開發框架。它可以幫助開發者建立 iOS,Android,Blackberry 和 WebOS 平臺的應用。

Lungo.js 不需要任何 web 伺服器的支援就能幫助使用者實現 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。

2. JO:一個簡單的 HTML5 App 框架

11個用於移動應用開發的HTML5框架和應用

JO 可以幫助你建立類似本地應用的 Web App。JO 是一個開源的免費框架,可以和 PhoneGap 一起使用。

3. Joshfire:跨裝置的開發框架

11個用於移動應用開發的HTML5框架和應用

Joshfire 是一個開源的跨裝置開發框架,幫助開發者建立可以在多種裝置上執行的 web app。它使用 HTML5 和 JavaScript,並且允許開發者快速整合本地應用和特定的 web 應用。

Joshfire 可以讓你的應用接受鍵盤,滑鼠,觸控式螢幕,遙控器等裝置的輸入。Joshfire 支援 Node.JS。

4. Sencha Touch:基於 HTML5 的移動網頁開發框架

11個用於移動應用開發的HTML5框架和應用

Sencha touch 可以讓開發者建立類似本地應用體驗的 web app。Shencha 是第一個使用 HTML5,CSS 和 JavaScript 並且支援音訊/視訊,本地儲存,圓角,漸變背景以及陰影的開發框架。

5. Baker:HTML5 電子書框架

11個用於移動應用開發的HTML5框架和應用

Baker 是用來在 iPad 或者 iPhone 平臺上釋出互動式的電子書或者電子雜誌的 HTML5 電子書框架。.

6. Touchy Boilerplate

11個用於移動應用開發的HTML5框架和應用

Touchy Boilerplate 是一個用來建立移動 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支援動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy 使用 jQuery 或者 Zepto.JS。

7. Ripple:讓移動開發測試更容易

11個用於移動應用開發的HTML5框架和應用

在不同的平臺上測試移動應用是一件令人頭疼的事情。Ripple 可以幫助你在不同的平臺商測試並且除錯你的 HTML5 移動應用。Ripple 是一個 chrome 的擴充套件。它可以模擬每個裝置的詳細資訊,例如 user_Agent,Geolocation 等等。

8. RestKit

11個用於移動應用開發的HTML5框架和應用

Restkit 是一個 objective-c的開發框架,目的是簡化並加快與 Restful 的 web service 互動。它提供了一個簡潔的 HTTP request/response API 和一個強大的物件對映系統。

9. HTML5 相容性表格

11個用於移動應用開發的HTML5框架和應用

Mobile HTML5 是一個表格,顯示了不同裝置/平臺對 HTML5 特性的支援情況。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。

10. MobileESP:檢測你的移動網頁訪問者

11個用於移動應用開發的HTML5框架和應用

MobileESP 專案提供了一套簡單、輕量級的 API 讓網站的開發者檢測訪客是不是使用移動裝置,或者使用的是哪種移動裝置。

11. Tiggr

11個用於移動應用開發的HTML5框架和應用

Tiggr 是一個移動一個用建立工具,可以讓你快速建立移動應用。你不需要寫程式碼就能建立豐富的移動應用。

英文原文:http://skytechgeek.com/2011/11/html5-frameworks-and-useful-apps-for-mobile-web-development/

 

相關文章