Premium Workshop: Elevate your UI with GSAP

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.

Hey pals! I'm doing a full day GSAP workshop at @webexpo in Prague on May 31st

Come and nerd out and make some UI jiggle!

Pop me a message if you have any questions.https://t.co/uOyPNoHI7J pic.twitter.com/ronqJU9iwo

— Cassie Evans (@cassiecodes) April 25, 2024

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).