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.
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.
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.
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:
- Smashing Audit Live #2
Vitaly Friedman on Mar 23, 2021 .Recording available.
- Smashing Audit Live
Vitaly Friedman on Feb 18, 2021 .Recording available.
- All About Icons
Marc Edwards on Oct 20, 2020 .Recording available.
- Accessibility With(out) Priorities
Chen Hui Jing on Sep 1, 2020 .
- End-to-end Testing With A Real Browser
Umar Hansa on Aug 13, 2020 .
- Getting Projects Out The Door Faster And Less Painful
Kristina Podnar on Aug 6, 2020 .
- Inspired Design Decisions With Bradbury Thompson: Type Can Be A tool, A Toy, And A Teacher
Andrew Clarke on Jul 28, 2020 .