Re:Stripe Checkout
by benjamindc on Wednesday March 05, 2014 @06:27PM
(#7350734)
So, the technical part isn’t that crazy tbh — as soon as you respect some pretty straightforward principles you should be fine (animate only transform/opacity, favour requestAnimationFrame over setInterval, transitionend/animationend events over setTimeout, …). The complicated part was mostly the “creative” process, ie. how fast should the animation run (some people read, others don’t), what's the appropriate bezier-curve, how make the play button “engaging” enough so people don’t feel like they’re gonna watch a billion-hour screencast, etc.
[ Parent
| on HN ]
Fantastic stuff. My first experiences in digital design were from the video side so I used to do keyframe animations in Final cut pro, Apple's Motion, and After Effects. Seeing experiences/animations on par with video using just the DOM is very very exciting for me and can't wait to see your post when you get around to it.
I wanted to read more of the screens, a way to pause it would have been nice.
Re:Stripe Checkout
by mattmanser on Thursday March 06, 2014 @04:33AM
(#7352752)
Great job, it's the best HTML5 animation I've seen so far that doesn't stutter like crazy on this (admittedly underpowered) laptop.
And it does a great job at actually communicating exactly what you wanted it to, which is also an uncommon skill.