Slides displayed in the browser. Choose "print" link for a printer-friendly page with all slides after one another.
Wait for the load event to fire before running code against elements on the page, or place the script element at the end of the body.
Use this page to see how mouse event are simulated on a mobile device. Even though no mouse exists, some events still happen.
Catch touch events in the the browser window and display some information about them.
Catch touch and mouse events to determine a horizontal drag operation and then change a value the same amount.
Demonstrating differences in responsiveness between click and touch events. Uses CSS3 transforms and transitions to get a smooth animated change in style.
Demonstrates how event bubbling and the event object's target property can be used to create more efficient code when handling events on many elements but perform a similar operation as a response to the event.
Change a style property over a specified duration using transitions. Timing issues might require calling window.setTimeout when using transitions for animation effects.
A pattern for expanding list items with a menu of buttons when the list item is touched.
Based on the previous demo, this adds a transition effect when expanding to show/hide the toolbar.