Skip to main content

Web Animation

Cassie Evans
Your instructor
Cassie Evans
Tickets
Get a ticket ↓

Workshop includes:

  • 🍵 Tea, coffee, snacks and drinks during the whole day
  • 🥪 Lunch
  • 📒 Paper and pen/pencil

Full-day workshop • Thursday, September 11, 2025.
Animation on the web isn’t just decorative, it can help users understand what’s happening, where to look, and what to do next. From gentle microinteractions to immersive scrollytelling experiences, great animation can bring your interface to life.

In this workshop, you’ll bring a demo site to life with the magic of CSS, SVG, Canvas and GSAP. You’ll leave with a toolkit of best practices you can bring straight into your work.

Here’s What You Should Be Expecting:

  • Inspiring & Inclusive

    A full day of teaching in a friendly, inclusive group

  • Interactive & Practical

    Plenty of time for practice & feedback

  • Hands-on exercises

    With 1:1 reviews by Cassie

  • Cooperate

    Learn from your teacher and other attendees

  • Dedicated Q&A time

    To ask all your questions

  • Digital Smashing Certificate

    A well-deserved reward for your work

€599 .00 Register for this workshop → Get a single workshop, or bundle with a conference.

🎪  Save up to 25% on this workshop with a Smashing Membership.

You’ll have plenty of time to tinker, experiment and play — with notes and code snippets every step of the way, so no one’s left behind.

This workshop is designed for designer and developers of all levels, whether you’re just dipping your toes into animation or looking to refine your motion design skills. You’ll gain hands-on experience with practical techniques and real-world examples, ensuring you walk away with both confidence and a deeper understanding of how to craft delightful, accessible animations.

We’ll Cover

  • How to use motion design principles to improve your animations. like anticipation, easing and secondary motion.
  • How to choose the right tool for the job, HTML DOM, SVG or Canvas
  • Planning out and structuring your animation.
  • How to work with GSAP, a powerful JS animation library (and your new best friend).
  • Using GSAP’s plugin ecosystem
  • Debugging your animations & avoiding common pitfalls.
  • How to use your new powers responsibly by respecting user preferences.

Who Is This For?

Whether you’re a designer or developer — if you’re comfortable with HTML, CSS and the fundamentals of JavaScript, this workshop is for you.

What Hardware/software Do I Need To Bring?

You will need a laptop, with a modern browser and a (free tier) CodePen account.

About Cassie Evans

Cassie is an international speaker and developer 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 internet more whimsical again. She currently works as a creative developer and educator on GSAP at Webflow.

Time & Location

This full-day workshop will take place the day after SmashingConf. The workshop will be running from 9:30 AM to 5:30 PM on Thursday, September 11.

Schedule for Thursday, September 11

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:30 PM – The End

Save EUR 100 when signing up for the conference and a workshop!

€599 .00 Register for this workshop → Get a single workshop, or bundle with a conference.

🎪  Save up to 25% on this workshop with a Smashing Membership.