Skip to main content Jump to list of all articles

Cassie has a lot of love for animation, especially animation on the web. She can usually be found tinkering on Codepen and nerding out about colour palettes.

She is an organiser at codebar Brighton, a non-profit initiative that runs free programming workshops and currently works as a Front-end Developer at Clearleft in Brighton.

Cassie Evans

Interactive Web Animation With SVG

Having fun is an important part of learning. Especially in the world of web animation!

This talk will contain takeaways to help with SVG animation in production, but we’ll also have fun with some experimental technology.

  • Creating, exporting and optimising an SVG for animation.
  • Getting started with Greensock for animation.
  • A look into some of Greensock’s SVG plugins.
  • Looking at ways to add some interaction including webcam colour detection and face detection with chrome’s shape detection API.

  • Speaking: Cassie Evans
  • Date:

Tools and Setup

To join Smashing TV webinars, please install the Zoom client for Meetings, which is available for all the main OSs. It may take a little time to download and install, so please grab it ahead of time if you can. If you are a Smashing Member, please sign in first. Once you did, return to this page, and you should see a webinar URL.

What’s Smashing TV?

Smashing TV is a series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversations and “here-is-how-I-work”-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it’s for people like you. Check upcoming webinars.

Previous Webinars

We run practical sessions every week. No fluff, just actionable techniques and strategies for building and designing better experiences. Here are a few recent ones:

View upcoming webinars ↬