jQuery Mobile is a touch-optimized web framework for building mobile websites and apps using HTML5. It provides a unified user interface system across all popular mobile operating systems using lightweight code built with progressive enhancement. The framework includes default styling for common form elements and lists. It can be integrated with content management systems like Drupal using mobile themes and helper modules. The document demonstrates jQuery Mobile and discusses how to customize and extend its capabilities.

1. jQuery Mobile
d.o: jasonrsavino
http://bluedrop.me
demo site:
http://mobile.bluedrop.me

2. What is
jQuery
Mobile?
http://jquerymobile.com

3. jQuery Mobile: Touch-Optimized Web Framework for
Smartphones & Tablets
A unified, HTML5-based user interface system for all
popular mobile device platforms, built on the rock-solid
jQuery and jQuery UI foundation. Its lightweight code is
built with progressive enhancement, and has a flexible,
easily themeable design.
http://jquerymobile.com

4. What it is not ...

5. jQuery Mobile Demo

6. Supported Platforms
http://jquerymobile.com/gbs/

7. jQuery Mobile
Framework

8. Default Swatches
http://jquerymobile.com/demos/1.0rc2/docs/forms/forms-themes.html

9. Form Fields
http://jquerymobile.com/demos/1.0rc2/docs/forms/forms-themes.html

10. List Styling
http://jquerymobile.com/demos/1.0rc2/docs/lists/lists-divider.html

13. How can it work in
Drupal?
• Mobile jQuery Theme
http://drupal.org/project/mobile_jquery
• Helper Module
http://drupal.org/project/jquerymobile_ui

14. DEMO TIME!

15. That is great but I want
to do more ...

16. Let’s look at the code ...

17. Questions??

18. Thank You!
d.o: jasonrsavino
http://bluedrop.me
demo site:
http://mobile.bluedrop.me