Resig Introduces jQuery Mobile

DZone 's Guide to

Resig Introduces jQuery Mobile

· Mobile Zone ·
Free Resource
Building web applications that look and feel like native applications on multiple desktop and mobile platforms is a growing trend that many framework makers want to leverage.  Tools like Sencha Touch, SproutCore, and YUI 3.2 (which is now adding mobile support) are already leveraging the power of building cross-platform web applications.  This week, jQuery - the most popular JavaScript framework - is joining the mobile fray.

John Resig has announced jQuery Mobile: “a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation.”  The core jQuery library is currently being improved to work across major mobile platforms.  A primary goal is to offer tooling that harnesses jQuery in the construction of dynamic touch-UIs on a wide range of form factors.  The bundle will include layouts, such as lists, detail panes, and overlays, as well as form controls and UI widgets, including toggles, sliders, and tabs.  jQuery developers will also expand the CSS framework and ThemeRoller to design full applications.  They'll be adding support for more polished CSS3 properties like text-shadow and box-shadow.  Take a look at some of the UI designs below:

Browser Compatibility
There's a plethora of mobile browsers to account for in jQuery, so the developers have created a graded support chart to determine which ones to focus on.  The C and F grades in the chart below indicate that the browsers don't support modern JavaScript or DOM code, and many don't have a high enough market share to make development worthwhile.  jQuery developers plan to add core support for only A and B graded browsers.

It's important to note that there will not be a separate "mobile" build of jQuery.  The support and bug fixes that are added for mobile environments will go straight into the jQuery core.   jQuery UI will add new components by taking a more fine-grained approach than jQuery core.  This means that Grade A browsers will receive additional support for HTML5 and CSS3 capabilities.  

The jQuery Mobile site adds: "While a few frameworks exist now (such as jQTouch, iUI, and Sencha Touch) none of them even attempt to provide a consistent experience beyond the safety of iOS, Android, and webOS. There is a major opportunity for jQuery to provide a solidified and easy-to-use experience for those that develop web-based mobile applications."

The project currently has three sponsors: Palm, Mozilla, and the Filament Group.  The jQuery team expects an "A" and "B grade" browser-compatible version of jQuery by October 2010.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}