Animate between states with the View Transition API (2023.09.27 @ devs.gent)

Last Wednesday I was at the inaugural devs.gent meetup in Ghent, Belgium. At the meetup, I was one of the two scheduled speakers with a talk on View Transitions, one of the new Web Platform Features I’m doing the DevRel work for at Google.

~

# The Meetup

Devs.gent is the spiritual successor to “Full Stack Ghent” and “Full Stack Antwerp” which stopped operations in May earlier this year. A pity, as I have attended both events quite a few times – both as an attendee and as a speaker – and always got blown away by the huge turnout and high quality of the talks.

To fill that gaping hole, one member of the original organising team – Freek – together with two new core team members – Bert and Elian – launched a new local to Ghent meetup, named devs.gent.

Scheduled for this inaugural edition hosted at the Ota Insight offices were two talks:

  1. “Enjoying Svelte” by Sebastian De Deyne
  2. “Smoothly animate between states with the View Transition API” by Bramus (me)

In total 90 people RSVP’d to the event, and I think nearly all of them actually showed up. Saw quite a few familiar faces at the meetup, as most of the crowd also attended “Full Stack Ghent” before. The crowd is a nice mix of backend and frontend developers, designers, project managers, etc. About 10%-15% of the crowd was female. And oh, there also was a truckload of pizza sponsored by Ota Insight.

~

# The Talk

The talk I gave is a full-length talk covering View Transitions.

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.

The talk is roughly the same one as the one I gave at CSS Day earlier this year, albeit only the View Transitions part.

~

# Slides

The slides of my talk are up on slidr.io are embedded below:

~

# Thanks!

First of all thanks to everyone who showed up and attended my talk, and thanks for the good questions and lovely remarks afterwards. It’s great to see the local tech meetup scene in Belgium thrive, and I’m very honored to be part of it. As you might have noticed I like public speaking, and had tons of fun while telling you all about View Transitions.

Another thank you goes out to the organizers for asking me to come and putting their trust in me.

~

💁‍♂️ If you are a conference or meetup organiser, don't hesitate to contact me to come speak at your event.

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. 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 (more …)

Unless noted otherwise, the contents of this post are licensed under the Creative Commons Attribution 4.0 License and code samples are licensed under the MIT License

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.