Bramus Van Damme

Chrome Developer Relations Engineer at Google

Talk - Smoothly animate between states with the View Transition API

It is important for a user interface to feel polished and fluid. A great way to help with that are appropriate animations and transitions. They help users build an accurate mental model of how the interface works, thereby increasing the overall usability.

In this talk, you’ll learn how you can use View Transitions to achieve exactly that. With just a few lines of JavaScript, you can transform your SPA to have rich animations between two page pages states. Leveraging the power of CSS, you can customize the transitions.

About

Bramus Van Damme is a web developer from Belgium. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since.

As a Chrome Developer Relations Engineer at Google, he spreads the word on CSS, UI, and DevTools. Before joining Google, Bramus worked as a freelance developer in various front- and backend roles. For seven years he also was a College Lecturer Web & Mobile, educating undergrad students all about HTML, CSS, and JavaScript — in that order.

See all speakers ›