floating indicator next to menu
floating indicator of scroll progress
Premium Workshop

Session focus

  • Design Thinking & UX
  • Frontend Dev
  • Performance



May 31, 2024 9:30 am


480 min


24 seats left


MSD, Riverview Building (Room 2)

Additional notes about this workshop:
9:30 - 17:30 - Full Day Workshop
This workshop includes snacks all day and hot lunch.

Session details

Well-executed animation and interaction can really elevate a website, whether it’s just adding a bit of personality or providing visual hints and lessening cognitive load for users.

In this workshop, we will dive into GSAP, covering foundational aspects, crafting micro-interactions and UI transitions, and providing insights into writing efficient and scalable animation code. All concepts will be approached with a keen focus on accessibility, intent and user experience.

Let’s explore and learn together, you’ll leave with the skills and confidence to add some animation polish to your own web projects.

What will attendees learn?

  • GSAP groundwork – tweens and timelines.
  • Crafting the right “feeling” with ease.
  • Animating with accessibility in mind.
  • Creating seamless transitions between UI states with FLIP.
  • Guiding user attention and reducing cognitive load.
  • Performance optimisation.
  • Tips and tricks for writing effective animation code.

Who is the workshop for?

For designers, developers or anyone interested in how to create animations or motion graphics on the web!

What are the attendee requirements?

  • GSAP experience isn’t necessary, but GSAP people can bring projects or questions you might have.
  • JavaScript experience is a benefit, but ‘copy and paste’ code snippets are available in the workshop if you’re new to JavaScript.
  • Bring a laptop with a text editor installed (or VS Code / Atom, etc).

Meet your presenter

Cassie Evans

Developer Education


Connect with Cassie

Cassie is a core GSAP team member and freelance creative developer with a passion for making the web more fun! She has a background in graphic design and motion design, which she uses to help her create walkthroughs and video tutorials for GSAP. Cassie also regularly shares her expertise writing articles for CSS-Tricks, Codrops and Smashing Magazine.

Cassie at WebExpo:

Animating the impossibleAnimating the impossible

This Site Uses Cookies

For processing purposes, your consent is required, which you express by selecting "Allow all." You can also customise your settings.