This week we're looking into how to create smooth animations as well as using tools to make our UI design really stand out. As a bonus, try out the JS tool Tinytyper for creating nice typing effects.
♥️
Donovan at CSSAnimation.rocks
Articles
10 principles for smooth web animations
Terrific ideas for creating slick CSS animations from Anand Sharma
Motionographer 4 tools for designing better UI animation (and when to use them)
From paper sketching to high-fidelity after effects projects, Val Head shows how to approach designing and communicating UI animation.
Sponsor
Full Story - See what your users see
Meet FullStory, the pixel-perfect session playback tool that makes it easy to answer any question about your customer's online experience. Try it free for 2 weeks!
Tools
Tinytyper
A tiny JS library for creating a typing effect on specified text element - handy for those "Wake up Neo..." moments.
Inspiration
Animation in the wild
Cavalier: Conqueror of Excellence
Beautiful work from Szenia Zadvornykh on this epic horse-themed runner browser game.