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

Session focus

  • Design Thinking & UX
  • Frontend Dev
  • Performance
100%
Dev
60%
Design
20%
Marketing
20%
Business

Schedule

Date

May 31, 2024 9:30 am

Duration

480 min

Tickets

30 seats left

Location

MSD, Riverview Building

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.

No prior GSAP experience is necessary, but participants should have a solid understanding of JavaScript. Remember to bring your own laptop with a text editor installed! 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 on the web! No prior GSAP experience is necessary, but participants should have a solid understanding of JavaScript.

What are the attendee requirements?

Solid understanding of JavaScript, laptop and text editor.

Meet your presenter

Cassie Evans

Developer Education

GSAP

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.