Contextual jQuery Part III: Just In Time & User Actions
summary
Argues moving heavy initialization out of DOM ready and instead firing on concrete beacons (click/next, mousedown/touchstart) or probability signals (mouseenter with delay, scroll near element, focusin/typing) to cut wasted work — e.g., avoid initializing 1,200 draggable items or 10 articles × 5 share widgets until needed. Uses jQuery delegation, class-based one-time init flags, jQuery UI (draggable, dialog), Ben Alman throttle/debounce and waypoints/sonar for scroll detection; shows a slideshow pattern that initializes on the first click next and advances immediately.
AI-written summary · about
chapters (25)
- 0:00Intro
- 0:59THE CONTEXTUAL JQUERY SERIES
- 2:19FINDING/INITIALIZING TOO MANY ELEMENTS
- 2:52SOCIAL WIDGETS & 3RD PARTY WIDGETS
- 3:23UNBALANCED BANDWIDTH TO USEFULNESS RATIO
- 4:39A COMMON ISSUE
- 5:51THE SOLUTIONS
- 7:49NEW PROBLEMS
- 8:31A SIMPLE FIX
- 8:46YOU DONT NEED TO BE A PSYCHIC
- 8:58TWO COMMON FEEDBACK LOOPS
- 9:38INTERACTION POINTS
- 12:07CLICK/TAP TIPS
- 14:54TECH CRUNCH EXAMPLE
- 15:53MOUSEENTER / MOUSELEAVE TIPS
- 16:41MOUSE ENTER/LEAVE & DELAY
- 19:16SCROLLING TIPS
- 22:23RESIZE
- 23:56DEFINITION
- 24:11BEACONS
- 25:43SLIDESHOW EXAMPLE NEW
- 28:36ONE TIME INITIALIZATION PATTERNS
- 28:50VARIABLE FLAG
- 29:59CLASS NAME BASED
- 30:20CLASS + DELEGATION
related talks
34mThe jQuery Divide
48mUX Programming for Developers
44mModern JavaScript: Moving Beyond jQuery
26mThe Virtue of Laziness: Leveraging Incrementality for Faster Web UI
01h 10mSmart responsive interface design patterns
59mNew Adventures In Responsive Web Design
49mUX Patterns for Web Developers
01h 03mSpeed up your Web Application