Melbourne
JQUERY MOBILE   Mobile,
                9 th July
INTRO TO JQUERY MOBILE

           Touch-Optimized
            Web Framework for
            Smartphones &
            Tablets
           A unified, HTML5-
            based user interface
            system.
           Built on the rock-
            solid jQuery and
            jQuery UI foundation
WHAT IS IT EXACTLY?

A mobile optimised interface for
 websites, not really applications per se
HTML 5, Javascript, CSS collection
Current Version 1.1
Could be used before app wrapper, i.e.
 PhoneGap
COMPATIBILIT Y?

Very high…
 iOs 3.2+
 Android 2.1+
 Windows Phone 7/7.5
 Blackberry 6/7
 And many more, with varying grades of
  compatibility…
FEATURES

 Highly compatible
 Lightweight
 Modular
 Utilises Standards
 Responsive
 Ajax powered
 Accessibility
 Touch and Mouse supported
 Powerful theming
 Usual widgets, components etc
THEMEROLLER

jquerymobile.com/themeroller
Create a theme visually and download
WHO’S USING IT?

Ikea
Khan Academy
Disney World
Slideshare
Box.net
HIGHLY EXTENSIBLE

 Lots of books…
 Many 3 rd party tools
 Many 3 rd party plugins
   Icons
   Developer tools
   Rails
   Drupal
   Sharepoint
   OmniGraffle
   Visio
   Many more…
 jquerymobile.com/resources
DEMONSTRATION

Download from jquerymobile.com

Jquery mobile

Editor's Notes

  • #3 jQuery Mobile: Touch-Optimized Web Framework for Smartphones & TabletsA 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.
  • #9 Show OmniGraffle templates, Handheld Designer, Drupal
  • #10 Quick start guide tutorial, Links, Transitions, Page Dynamics (Mentioning potential data feed - JSON), Theming / Swatches, Quick whip through sections, but give time for people to explore this and ThemeRoller, then show PhoneGap