Thanks guys, glad you like it! In hindsight, I don't think I've ever had so much fun designing and developing a page :)
Can you maybe go into your process for animating these types of pages?
I'll be doing an AMA next week on DN, save your questions for it :)
I'd make it a bit slower. But it's a fantastic work. Congratulations.
Why isn't there a small screen friendly version like the Stripe home page?
Out of curiosity, what is it that this library does to improve performance over just doing the animations in CSS? It looks like it's just applying the CSS animations inline?
Aside from forcing you to animate exclusively
transform(which is the only way to produce smooth animations), the library is basically just syntactic sugar. This "sugar" makes a big difference when you've lots of animations though. This small example would have to be written like this without the lib. I honestly can't imagine crafting hundreds of animations like this :)
Gotcha, thanks for the insight!
stripe's walkthrough landing pages are always brilliant. no need to focus on scrolling, they show you just what their product is all about and how to use it
How is that animation created? Looks fantastic.
This place is a bit confusing:
Seems like there's two actions (one primary one secondary). Maybe moving arrow icon after the text (or dropping completely) would solve this :)
Dn doesn't inline my image. Try this: https://dl.dropboxusercontent.com/spa/zfzkcxbd46m4ot2/mhiu_mmv.png
Are there any screencapture apps (like Ember, Pixa, Inboard, Sparbox) that is able to capture a page (incl it's animations) like this?
I like to keep design gems like this for later inspiration, and unfortunately some of these sites either change their design, og go offline after some time. The only thing I got working is http://www.sitesucker.us/mac/mac.html , but I would rather keep it in an app like Ember or similar.
You could record your screen with QuickTime and use the recording as a reference additionally to the screenshot.
Have you looked into Stache? http://getstache.com
It captures full HTML as well as screenshot.
Perhaps a little fast to catch first time around but beautifully done and smooooooth.
0.0 these animations. Incredible.
Loving the animation on this new page by Stripe