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

By admin

Last Wednesday
DATE

I was at the inaugural devs.gent meetup in

Ghent
GPE

,

Belgium
GPE

. At the meetup, I was

one
CARDINAL

of the

two
CARDINAL

scheduled speakers with a talk on

View Transitions
ORG

,

one
CARDINAL

of the new Web Platform Features I’m doing the

DevRel
GPE

work for at

Google
ORG

.

~

# The Meetup

Devs.gent is the spiritual successor to

“Full Stack Ghent
WORK_OF_ART

” and “Full Stack Antwerp” which stopped operations in

May earlier this year
DATE

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

member of the original organising team –

Freek
GPE

– together with

two
CARDINAL

new core team members –

Bert
PERSON

and

Elian
PERSON

– launched a new local to

Ghent
GPE

meetup, named devs.gent.

Scheduled for this inaugural edition hosted at the

Ota Insight
ORG

offices were

two
CARDINAL

talks:



Enjoying Svelte
WORK_OF_ART

” by

Sebastian De Deyne
PERSON

“Smoothly animate between states with the View Transition API” by

Bramus
PERSON

(me)

In total

90
CARDINAL

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
WORK_OF_ART

” before. The crowd is a nice mix of backend and frontend developers, designers, project managers, etc.

About 10%-15%
PERCENT

of the crowd was female. And oh, there also was a truckload of pizza sponsored by

Ota Insight
ORG

.

~

# The Talk

The talk I gave is a full-length talk covering

View Transitions
ORG

.

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
DATE

, albeit only the View Transitions part.

~

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

~


First
ORDINAL

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
GPE

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.

~