jQuery Mobile: Building tools for a changing web
summary
Explains what jQuery Mobile actually does: a progressive enhancement framework built on jQuery, used on real sites like the Boston Globe and Obama campaign, with PhoneGap examples. Shows concrete tradeoffs — shipped builds are about 40–50 KB combined after minify+gzip, touch needs both mouse and touch handling so they created virtual mouse events (vclick, vmousedown), history and pushState workarounds, respond.js and a responsive‑images loader, plus device gotchas on BlackBerry and Windows Phone 7.
AI-written summary · about
chapters (25)
- 0:00Start
- 6:45Built on standards
- 7:08and jQuery core
- 8:19Progressive Enhancement
- 9:23Don't break the web.
- 11:03Unified user experience
- 13:39Touch, mouse, keyboard
- 25:25Page child roles
- 26:42Basic unordered list
- 28:52ID'd sections
- 32:47Headers, footers
- 34:16"Fullscreen" toolbars
- 34:28Persistent footers
- 35:37Search Inputs
- 36:12Sliders
- 36:41Flip Switches
- 37:03Radio Buttons
- 37:27Checkboxes
- 37:39Select menus
- 37:57Custom menus too
- 48:34A great start.
- 49:12What is "mobile" anyway?
- 54:34"Basic" Experience
- 56:27Enhanced upgrade
- 58:16Pack & Load
related talks
21mState of jQuery - Part 4 - jQuery Mobile
44mProgressive Enhancement on the Mobile Web
07mJohn Resig interviewed at Velocity 2011
04mMike Hostelter & Jonathan Sharp interviewed at OSCON 2010
26mCreating a Dynamic Mobile Application using jQuery Mobile
28mTricks and hacks for a more native feel in a mobile browser
37mBuzz It For Real ! ... the tortuous road to Mobile HTML5 Apps
45mHello, Jo!