JQuery Mobile

The JQuery mobile framework will help you to design a truly customized web app which will run on all popular tablet platforms and smart phones. The best thing is that it is lightweight, easily integrate and flexible. You need to write less with more functionality.

The aim of JQuery mobile team is to support all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.

ipad- palm - smart phone

ipad- palm - smart phone

In the alpha 4 release, the following platforms and browsers have a solid jQuery Mobile experience with pages fully functional and rendering as designed. New in this release is WP7 support.

  • Apple iOS (3.1-4.2): tested on iPhone, iPod Touch, iPad
  • Android (1.6-2.3): all devices, tested on the HTC Incredible, Motorola Droid, Google G1 and Nook Color
  • Blackberry 6: tested on Torch and Style
  • Windows Phone 7: tested on HTC Surround
  • Palm WebOS (1.4): tested on Pre, Pixi
  • Opera Mobile (10.1): Android
  • Opera Mini (5.02): iOS, Android
  • Firefox Mobile (beta): Android

To make this broad support possible, all pages in jQuery Mobile are built on a foundation of clean, semantic HTML to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies progressive enhancement techniques to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. Accessibility features such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.

Target platform additions for beta

The team is now focusing on bringing support to Blackberry 5, Nokia/Symbian for the upcoming beta release. We don’t yet have phones to test bada or MeeGo but these will be added as soon as we can get devices.

Since jQuery Mobile is built on the jQuery core, all pages should also work great on most recent versions of desktop browsers too – Firefox, Chrome, Safari, Internet Explorer, Opera, etc.

Key features:

  • Built on jQuery core for familiar and consistent jQuery syntax and minimal learning curve
  • Compatible with all major mobile platforms - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo with baseline support for all devices that understand HTML
  • Lightweight size (12k compressed for all mobile functionality) and minimal image dependencies for speed.
  • HTML5 Markup-driven configuration of pages and behavior for fast development and minimal required scripting.
  • Progressive enhancement approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.
  • Automatic initialization by using HTML5 data-role attributes in the HTML markup to act as the trigger to automatically initialize all jQuery Mobile widgets found on a page.
  • Accessibility features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.
  • New events streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API.
  • New plugins enhance native controls with touch-optimized, themable controls.

Powerful theming framework and ThemeRoller application make highly-branded experiences easy to build.

Resources:

http://jquerymobile.com/

http://jquerymobile.com/download/

Leave a comment