In this, part 2, of 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/