How They Did It
Thursday, 22 November 2012
The videos are “draggable” using JavaScript; this is the primary interactive element of this page. The cursor changes to cursor: move
via JavaScript. A great deal of math and cross-device capability checks are in the JavaScript for the draggable functionality of the videos. In particular, the touchstart and touchend events are used if available (instead of mousedown and mouseup). A significant amount of the JavaScript that is pertinent to this page is dedicated to the smooth kinetic scrolling. Try dragging the video quickly and letting go; similar to Apple’s built in scrolling behavior, we see the video strip retain velocity and slow down over time. (more…)
- Published in Uncategorized
No Comments