Presentation on jQuery Mobile + Drupal at DrupalCamp NH

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