# Session title

Premium Workshop: Elevate your UI with animation

## Session URL

https://staging.webexpo.net/prague2024/sessions/premium-workshop-elevate-your-ui-with-gsap/

## Session Type

Premium Workshop

## Talk Description

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.



#session_details > div.py-4.session-content > div {
    max-width: 100% !important;
    width: 560px !important;
    margin: auto !important;
}Hey pals! I'm doing a full day GSAP workshop at @webexpo in Prague on May 31stCome 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.



.wp-block-embed__wrapper {
    display: flex;
    justify-content: center;
}




https://www.youtube.com/watch?v=TG67UXmf6mc








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


## Tags

Design Thinking & UX, Frontend Dev, Performance

## Session Focused on

Web Development: 100%, Design & UX: 60%, Marketing: 20%, Business: 20%

## Session Presenter

Cassie Evans

## Session Presenter Bio

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.

## Session Details

### Date

May 31, 2024 9:30 am

### Duration

480 Minutes

### Specific Location

MSD, Riverview Building (Room 2)

### General Localtion

Lucerna Palace, Prague, Czech Republic