How They Did It

We use cookies to ensure that we give you the best experience. If you continue using this website, we'll assume that you are happy about that.

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. Read More