This is one way to replicate the scroll magic from this annual report: http://prinzhorn.github.com/skrollr/ . It's really user-friendly and uses keyframes for timed actions based on scroll position.
Excellent. I will definitely use this.
Airbnb Annual
11–20 of 55 posts
Re: Airbnb Annual
#12I'm new to web design and I was very impressed with this presentation. Could anyone tell me what technologies were used to build it? Thank you.
Re: Airbnb Annual
#13We all aspire to change the world. Airbnb is showing us that they are actually doing it.
Congrats guys and keep up the amazing work.
Re: Airbnb Annual
#14this is some javascript black magic right here
Re: Airbnb Annual
#15Really impressive layout and visuals. I know some folks have complained about the "long form scroll" as being less usable than linked pages broken up by section, but I'm a fan nonetheless. The more I use the web / tablet / phone, the more I find I prefer sites that put all of their content on a single scrolling page. It just feels easier to digest. In this case, honestly, I probably wouldn't have clicked through each…
I agree, it was so nicely done and fluid.
This is the reason you hire developers, and not "UX experts" No one other than a really good developer would have made it so fluid and nicely.
Re: Airbnb Annual
#16In 2010 a green dot for Moscow begins to grow, but when you scroll down more, Saint Peterburg will never materialize, instead, a large yellow blob will grow from a middle of nowhere northwest of Caspian sea.
(I guess Volgograd is somewhere there, but why?)
So I guess it isn't any precise.
Re: Airbnb Annual
#17I'm new to web design and I was very impressed with this presentation. Could anyone tell me what technologies were used to build it? Thank you.
See my comment above. This is what I use for scroll animations: http://prinzhorn.github.com/skrollr/. It's super easy to implement and use.
Re: Airbnb Annual
#18Wow. Very excellent presentation. And the numbers show tremendous growth by AirBnB.
Re: Airbnb Annual
#19There's no indication that you should start scrolling the page. I completely missed that fact the first time I visited.
Re: Airbnb Annual
#20Really impressive layout and visuals. I know some folks have complained about the "long form scroll" as being less usable than linked pages broken up by section, but I'm a fan nonetheless. The more I use the web / tablet / phone, the more I find I prefer sites that put all of their content on a single scrolling page. It just feels easier to digest. In this case, honestly, I probably wouldn't have clicked through each…
I agree, it was so nicely done and fluid. This is the reason you hire developers, and not "UX experts" No one other than a really good developer would have made it so fluid and nicely.
Yep, that struck me to. A lot of previous long scroll examples have been "sexy" but lacked fluidity.
I'm not a massive fan of long scroll in most cases; but it has it's occasional uses, and this was a brilliant implementation.