The SVG Animation Masterclass

With Cassie Evans

About This Workshop

Cassie currently isn’t hosting any further workshops but feel free to join the waiting list to be the first to know about her next one!

Check out this codepen collection with all the awesome things past workshop attendees have created!

 

SVG animation is a brilliant way to bring personality and character to an online experience. But in an industry focused on metrics, these whimsical details are often overlooked or undervalued.

In this hands-on online workshop, you’ll learn how to craft delightful animations using SVG, CSS and GSAP, and have a ton of fun while doing it.

Cassie will cover both impact and implementation. Covering the development skills needed and the user experience.

You’ll be set up to confidently put your new SVG animation superpowers in practice after the workshop!

This was, hands down, the best workshop I have ever participated in. Not only was I able to enjoy myself during our lessons (even though I was coding after a full day of coding), I couldn't wait for the next ones to come.

— Natalia

 

Hear from Cassie herself!

 
 

• How to use motion design principles to improve your animations.
• How best to structure and optimise your SVG for performance and accessibility.
• Unlocking SVG’s superpowers — clipping, masking and filters.
• How to animate SVG with CSS and the gotcha’s to be aware of.
• Utilising a GreenSock Animation Platform for more complex animations.
• Creating animation with personality — choosing the right ease and timing.
• Planning out and structuring your animation.
• Achieving effects like stroke animation and morphing with GreenSock’s SVG plugins.
• Debugging your animations & avoiding common pitfalls.
• How to use your new powers responsibly — respecting user preferences.

 

What Will You Learn?

Who’s This For?

 

SVG sits in the sweet spot between design and development.
So whether you’re a designer or developer — if you’re comfortable with HTML, CSS and the fundamentals of JavaScript, this workshop is for you.

Cassie is a creative developer, educator and speaker, with a background in graphic design and motion design.
She got started with coding back in the days of Myspace and Neopets and is on a mission to make the web more whimsical again.

She works at GreenSock, and when she’s not tinkering on codepen, she can usually be found out in the countryside with the worlds best dog - Brody..

 

About Cassie

Online: https://www.cassie.codes/

Twitter: @cassiecodes

Are you a company who’s interested in booking The SVG Animation Masterclass as a private workshop for your staff? Feel free to get in touch to discuss pricing and dates.