Sarah Drasner talks about SVG animation with Greensock and Vue.js

egghead.io developer chats

John Lindquist interviews Sarah Drasner, a senior cloud developer over at Microsoft and a Vue core team member. She is also known for making super cool animations. Today they discuss what got her from an art background to a full-time developer, resistance to change, why Vue is terrific, and the GreenSock animation platform (GSAP).

Sarah's background was very unusual for a developer. She graduated with a major in printmaking and became a scientific illustrator for a nature museum. She relates drawing to program in that it's just a series of formalized steps. Many people say they can't draw, but if they just opened up and learned the process they would become technically proficient in drawing!

Sarah also talks about how awesome GSAP is. Through benchmarking, she found that GSAP performed even better than native technologies when working with SVGs. She then gets into MorphSVG, and how it lets you transition between two SVGs and all sorts of things to create transitions.

Finally, she discusses how she stays motivated on all the many projects she works on. She likes to imagine the feeling she'll get when she finally finishes it and lets that drive her. She also uses positive rewards for little milestones, such as eating a treat she enjoys or sitting in her favorite chair and relaxing.

---

Transcript

"Sarah Drasner talks about SVG animation with Greensock and Vue.js" Transcript

Resources

• egghead: Develop Basic Web Apps with Vue.js
• CSS Tricks: Intro to Vue
• Greensock

Sarah Drasner

• Website
• Twitter
• Github
• egghead

John Lindquist

• Twitter
• egghead.io
• Github
• Website