Animation and UX Resources

| Comments

Slides from my talk about animation and the future of UX are on SlideShare. They don’t have the videos because Keynote. Darn!




  • The Infinite Canvas Screencast—My screencast that brings together code, storytelling, animation and design in one place. Interviews with people from many fields, sure to entertain and inspire!
  • All the Right Moves—Val Head’s how-to screencasts on CSS animations and the like.

Recorded Talks



Examples of animation in action

People on Twitter

  • Me!—Former cartoonist turned interaction developer and web animation evangelist!
  • Val Head—Designer and CSS animations advocate.
  • Sara Soueidan—Sara completes the Web Animation Advocacy Trifecta with her focus on SVG animations.
  • Mark Geyer—Works in-house on design and prototyping and has field experience integrating animation with that process.
  • Vicki Murley—Former Safari evangelist, now author of two interactive iBooks on CSS animation and transforms.
  • Pasquale D’Silva—Not a web animator, but writes about using animation in his app development.
  • Ricardo Cabello—Has been at this since Flash. Humble and soft spoken, he’s a best kept secret who makes incredible things.

CSS Animation Effects Libraries

Performance Tools

  • CSS Triggers—Far from comprehensive, but a look at what CSS properties trigger reflows and repaints.

Prototyping Tools


A number of UIs have been created to help people create web-ready animations. I prefer to hand code everything and build my own tools, but others who do not have that luxury will be interested in these:

Pasquale D’Silva has written about the need for better animation tools. I remain confident that when browser vendors like Mozilla create proper timeline tools, the need for an animation UI will become less pressing and the browser will potentially become a viable animation IDE.


comments powered by Disqus

Conference Schedule

Do you love web animation and digital storytelling?

Sign up for my mailing list and get updates when I post new projects, blogs, workshops, and shennigans.

Join my mailing list
Copyright © 2008 – 2019 Rachel Nabors