Cranking View Transtions up to 11 (Safely, Maybe) (2025.06.12 – Middlesbrough Front End) 🔗
At Middlesbrough Front End 2025 I gave a talk about some of the more exotic applications of View Transitions [...]
Bram.us
Posts
Scroll-Driven Animations with CSS (2025.05.30 @ JSHeroes) 🔗
At JSHeroes 2025 I gave a talk on Scroll-Driven Animations. [...]
Supercharge Web UX with View Transitions (2025.05.28 @ WebExpo) 🔗
Slides + Recording of the talk “Supercharge Web UX with View Transitions” I gave at WebExpo. [...]
Web animations today and tomorrow (Google I/O 2025) 🔗
For this year’s Google I/O, I recorded the session “Web animations today and tomorrow”. Check it out to learn how to guide, inform, and delight users [...]
View Transitions Applied: Smoothly animating a border-radius with a View Transition, revisited 🔗
Instead of duplicating an animation on the ::view-transition-group pseudo, you can also rely on CSS transitions on the original element … if you’ve se [...]
Polyfilling CSS with CSS Parser Extensions 🔗
In April I attended #BlinkOn, the conference for web platform contributors in the Chromium open source project. At the conference I gave a presentatio [...]
Anti-climax 🔗
After a wonderful week in San Francisco and Mountain View, the week ended in a disaster when my colleague and friend Adam was told to find another rol [...]
View Transitions Applied: Smoothly animating a border-radius with a View Transition 🔗
To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best [...]
Place the Address Bar at the bottom in Chrome on Android 🔗
New in Chrome 134 on Android: the ability to place the Address Bar (aka “Omnibox”) at the bottom. To enable it, go to Chrome’s Settings, locate and ta [...]
View Transitions Applied: Dealing with the Snapshot Containing Block 🔗
Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates fro [...]