Get Tickets

Adding cohesive animations to websites

CSS, Animation, Web Design, Creativity

As an award winning developer and freelancer I've worked on many creative projects over the years and motion has been an important tool to make websites more clear, interactive and fun!

In this course we'll use modern CSS techniques like View Transitions and Scroll Driven Animations (with fallbacks) to enhance a boilerplate project.

What attendees will learn

  • How to look for inspiration for your animations
  • How to create a motion strategy
  • How to create engaging animations that fit the vibe of your project
  • How to implement motion on websites
  • How to turn flat designs into rich experiences with CSS (and a bit of JS in some cases)
  • How to implement modern CSS techniques like scroll-driven animations and view transitions
  • How to deal with accessibility for motion

Requirements

You will need:

  • A laptop with a code editor
  • A basic understanding of HTML, CSS and JavaScript

You will be provided:

  • A vanilla boilerplate project to work on

Target audience

Developers and design engineers who want to know more about animating on the web.

Picture of Cyd Stumpel

Cyd Stumpel

Freelance Creative Developer

Cyd is a freelance creative developer and part time teacher at the Amsterdam University of Applied Sciences. She creates accessible, award winning websites for everyone; from large organisations like WeTransfer and Amnesty International to creative agencies and freelancers. She's got an eye for details and loves to turn flat designs into rich experiences. Cyd has mostly focused on JavaScript animation over the last couple of years but has rediscovered her passion for CSS this year, rebuilding her portfolio with View Transitions and Scroll Driven Animation.

Crema Workshop

€120