Interview: Sarah Drasner P1

In this interview with Sarah Drasner–Senior Interaction Designer at Fauna DB and general front end developer who wields her magic wand over the Greensock GSAP animation library–we discuss:

Sarah’s background as both a front end developer and scientific illustrator

SVG Animation Benchmarks for GSAP, CSS3 @keyframes, SMIL, and Velocity.js

Sarah’s process for storyboarding the scenes in to animated timelines, from creation to animation implementation

“step animation” (animating by drawing a series of images) versus animation via interpolation

Working solo vs. working with a team; and also animations that are practical for business vs. those that are “weekend art pieces” and why both are important

Show Links

SVG Animation Benchmarks: https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/

Physmo: http://physmo.sourceforge.net/

Codepen GSAP/SVG Talk: http://slides.com/sdrasner/gsap-svg#/13

Sarah’s Contact Form Pen: http://codepen.io/sdras/pen/LEorev

Sime Vidas' Web Platform Daily: http://webplatformdaily.org/

Sara Soueidan: SaraSoueidan.com

Html5 Weekly: http://html5weekly.com/

Web Animation Weekly: http://rachelnabors.us1.list-manage.com/subscribe?u=0a8f219cf8284562f91a26ee9&id;=d60f6683d2

JavaScript Weekly: http://javascriptweekly.com/

Web Operations Weekly: http://webopsweekly.com/

Music Attributions:

Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/

frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti)

notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/