The 100 Meter Scroll (opens in new tab) is a collaboration between agency Mom! Look What I Made (opens in new tab) and designer and developer Michael Vestergaard (opens in new tab). As the name suggests, it challenges users to see how quickly they can scroll one hundred metres.
“I used TweenMax (opens in new tab) for the animations, and Buzz (opens in new tab) for audio,” explains Vestergaard. So how did they work out the distance to scroll? “One of the first challenges was to figure out the actual amount of pixels to fill up 100 physical metres,” he replies. “Since you cannot read an exact DPI from the browser (or rely on CSS units), we decided a fixed height, based on an average display.”
This article originally appeared in .net magazine (opens in new tab)
Liked this? Read these!
- Create a portfolio website using Behance ProSite (opens in new tab)
- Great examples of doodle art (opens in new tab)
- Brilliant Wordpress tutorial (opens in new tab) selection
Have you seen any inspirational examples of web design recently? Let us know in the comments!