16
WEBMATRIX, JQUERY AND THE MOBILE WEB Chris Love Tellago Inc. http://ProfessionalASPNET.com http://Twitter.com/ChrisLove

WebMatrix jQuery Mobile Web

Embed Size (px)

DESCRIPTION

This is an introduction to Developing Mobile Web sites using Microsoft Webmatrix and jQuery to create rich, enganging mobile web sites. You can view the demo site http://m.movie.extremewebworks.com

Citation preview

Page 1: WebMatrix jQuery Mobile Web

WEBMATRIX, JQUERY AND THE MOBILE WEB

Chris LoveTellago Inc.http://ProfessionalASPNET.comhttp://Twitter.com/ChrisLove

Page 2: WebMatrix jQuery Mobile Web

TELLAGO

Tellago.com

TellagoStudios.com

Page 3: WebMatrix jQuery Mobile Web

BOOKS

Coming Soon…

Page 4: WebMatrix jQuery Mobile Web

REFERENCES Mobile Web Books

Programming the Mobile Web http://amzn.to/bZMOch Mobile Web Development http://amzn.to/9cvDoE Mobile Design and Development http://amzn.to/hh8cPd

http://www.w3.org/TR/mobile-bp/ Introduction To Mobile Web

http://dev.opera.com/articles/view/introduction-to-the-mobile-web/

Page 5: WebMatrix jQuery Mobile Web

WHY MOBILE WEB?Simply Put…A Lot of Freakin Devices by 2015!

Page 6: WebMatrix jQuery Mobile Web

MILLIONS!!!

Page 7: WebMatrix jQuery Mobile Web

USER PROBLEMS

Page 8: WebMatrix jQuery Mobile Web

USER CONTEXT

Don’t Miss The Boat

Page 9: WebMatrix jQuery Mobile Web

YOU CAN’T!!!

Page 10: WebMatrix jQuery Mobile Web

\/\/|-|473\/3R

Page 11: WebMatrix jQuery Mobile Web

WP7 PANORAMA CONTROL

Page 12: WebMatrix jQuery Mobile Web

WEBMATRIXSimple, Free Web Development Tool

Page 13: WebMatrix jQuery Mobile Web

JQUERY

Page 14: WebMatrix jQuery Mobile Web

IE7 MOBILE

• Crippled

• No Touch

Support

• Faux Mouse

Support

Page 15: WebMatrix jQuery Mobile Web

TOUCH EVENTS

touchStart

touchEnd

touchMove

touchEnter

touchLeave

touchCance

l

http://tinyurl.com/webtch

Page 16: WebMatrix jQuery Mobile Web

LET’S GET TO IT