Sarah Drasner

Building and Animating SVG

San Francisco, CA


  • How create an informative and stable animation, or even a more complex animation that is production-ready
  • How to make SVG cross-browser compatible, backwards compatible, and how to optimize it properly
  • The nuts and bolts of how SVG is used to create beautiful and powerful data visualisations
  • How to leverage the powerful GreenSock API to control and manipulate multiple tweens to create stable animations for production
  • How to use a variety of tools and techniques to create a seamless and engaging complex
  • SVG animation that guides your users and compliments your branding


SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. In this course, you’ll learn how to work with SVGs to create informative graphics, build well-optimized and high performance images, and manipulate them to create UX animations and powerful illustrations. In this two-day workshop, Sarah will explain in detail how you can craft delightful SVG animations and everything you need to start using them in production — both on small and large scale. We’ll cover animation in general, and then dive deep into SVG, exploring all its different facets, technical issues and gotchas, performance benefits, and possibilities for accessibility.

About the instructor

Sarah Drasner is an award-winning Speaker, Senior Developer Advocate at Microsoft, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s the author of SVG Animations from O’Reilly and has given Frontend Masters workshops on Vue.js and Advanced SVG Animations. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow).

Want to host this?

You’ll get free tickets and a chance to show off your space to local developers.

Let us know if you’re in the San Francisco, CA area!

Workshop runs 9:30 AM to 4:30 PM daily.

Request to Host is a network of expert practitioners offering you the best path to level you and your team up on the latest tech.

View all of our workshops
Need Private Training?

If you’ve got a large team, let’s get an expert in your office today.

Get an expert
Host a workshop

If you’ve got the space we’ve got some free tickets with your name on them.

See if you’re eligible
Become an Affiliate

Run a meetup? Work on OSS? Newsletter? Support your efforts financially, let your audience know about the best workshops around.

Get started

Don’t miss it!

Be the first to know about upcoming
workshops and special pricing.

Copyright © 2018

Contact us: