This document discusses the growing importance of mobile web development and some of the key technologies enabling it. It highlights HTML5 features like local storage and the canvas element that allow richer applications to be created. It also introduces several JavaScript libraries that can be used for mobile development, including PhoneGap, which allows creating apps for multiple platforms. Examples are given of simple to complex graphics that can now be created with these technologies.

1. Mobile Web Development Peter Robinett [email_address]

2. Why mobile web?

3. Why Now?

4. HTML5 Local storage (sqlite) Canvas CSS Transitions, Animations, Transformations That means you can do things like: Processing.js: http://ejohn.org/blog/processingjs/ 3D graphics: http://lbi.lostboys.nl/blog/artikelen/canvas-in-full-3d/

5. From this...

6. ...to this

7. iPhone Javascript Libraries iUI – http://code.google.com/p/iui/ JSCocoa – http://inexdo.com/JSCocoa WebTouch – http://ejohn.org/files/WebTouch.zip PhoneGap – http://phonegap.com/ From http://ejohn.org/blog/iphone-javascript-apps/

8. PhoneGap

9. For many platforms

10. And don't forget Dashcode:

11. Photo Credits http://www.flickr.com/photos/germanium/1810549540/ http://www.flickr.com/photos/yum9me/2697473179/ http://www.flickr.com/photos/24079740@N05/2976545212/ http://www.flickr.com/photos/rbieber/197961975/ http://www.flickr.com/photos/mattgarrett/2257345980/ http://www.flickr.com/photos/doglotion/2922634471/