Bram.us
• Bramus!
At CSS Day, “YouTube guy” Kevin Powell showed a lot of demos that relied on the advanced attr() function. In one of the examples he used attr() to set view-transition-name values — a technique I covered in my article on advanced attr() function.
But then during the Q&A, Cyd Stumpel wondered if he couldn’t just use match-element there.
The short answer to that question is yes. The longer answer is … It Depends™
New Blog Post:
View Transitions: Should you use the new `attr()` or `match-element` for the `view-transition-name`?
Well … It Depends™
https://www.bram.us/2026/06/19/view-transition-name-attr-or-match-element/
Original Content – Bram.us
• Bramus!
At CSS Day, “YouTube guy” Kevin Powell showed a lot of demos that relied on the advanced attr() function. In one of the examples he used attr() to set view-transition-name values — a technique I covered in my article on advanced attr() function.
But then during the Q&A, Cyd Stumpel wondered if he couldn’t just use match-element there.
The short answer to that question is yes. The longer answer is … It Depends™
The #cssday photos have been published and they are great. Love them.
https://cssday.nl/2026/pix/photos/
But these... These made my day. These were taken during my talk and it makes all of the work I put into it worth it. ❤️
Not this fall, but the this conference needs to be included as well:
State of the Browser organised by
@webstandards will be back in 2027 on the 6th of March in the Barbican in London🇬🇧
I've already got my ticket – just £80, which is a steal.
🎟️ 2027.stateofthebrowser.com
Next: HalfStack is back! November 26th in Vienna🇦🇹
Another favourite. I am kind of part of the furniture, because this is going to be the 15th time I'm speaking at HalfStack 😅
Tickets are just €200 euro and with this code you'll get 20% off:
Niels_HSVienna26_Awesome20
🎟️ halfstackconf.com/vienna
Next: @ffconf in Brighton🇬🇧
This conference has been on my list for more than 10 years. I've heard so many great things, but somehow never managed to attend. But this year I am not only heading over to Brighton, but I'll actually be on stage.
Tickets will be on sale next week:
🎟️ 2026.ffconf.org
First up:
Fronteers Dark Mode in Dordrecht 🇳🇱 on October 2nd. With Cyd Stumpel, @heydon, @csswizardry, @tunetheweb and Anjana Vakil. And @jaffathecake as our MC.
An amazing location and tickets only cost €99, and include dinner. Don't miss this!
🎟️ fronteersconf.org
And, do want me to speak about CSS DOOM at your conference, DM me!
It's been a great year for conferences.
I've spoken at @btconf and @cssday and I've been so lucky to attend so many others, like State of the Browser, Web Day Out and Smashing Conference.
It's sharing knowledge, learning and getting inspired. But mostly the community.
I will be posting about some conference that you should visit this fall. I will be at all of them – either organising myself or speaking. If you have any more tips for some great conferences that I should visit, let me know!
iA Writer 8 adds Document Outline, improved Search, a new Command Palette, better Authorship menus, a redesigned Library, and support for Apple’s new Liquid Glass interface.
Here's what’s new: https://ia.net/topics/search-to-navigate
iA
• iA Inc
iA Writer 8 combines search and outline into a faster way to move through your documents
Today exactly 10 years ago, I spoke at CSS Day.
Around that time I created a list of a handful of conference that I would love to speak at. And I am so lucky that was able to tick off most of them over the last 10 years. I even got to speak again at CSS Day last week.
Just one left... for now.
New demo: Animated CSS Grid Layout.
https://codepen.io/bramus/pen/ogBYjgm
Here’s the thing, though: No View Transitions. Heck, no JS at all!
Instead, it uses Anchor Positioning to anchor the cell contents to the cell. Then, CSS transitions are used to animate the contents to their new location as the grid re-layouts.
Here's that calc-size() article @argyleink mentioned just now.
https://developer.chrome.com/docs/css-ui/animate-to-height-auto
Animate to `height: auto` is possible nowadays!
Excited for this talk by @argyleink.
I got a sneak peek yesterday, and this is gonna be gooooodddd! 🤩
Here's that issue about overscroll areas that @Una just mentioned.
https://github.com/openui/open-ui/issues/1457
I feel like they should probably be defined in CSS. See the issue for my reasoning here.
@nomster We want your feedback! Write a blogpost, send me a message, etc.
Very eager to hear what your use cases and needs are here 😊
At #CSSDay, we (@nomster and I) did a first public pitch of something we are currently prototyping: a way to add styles based on the active navigation.
Handy for View Transitions, and a few other things.
https://drafts.csswg.org/css-navigation-1/ is a WIP spec, with some bits implemented (behind a flag) in Chrome.
There, I fixed it:
:root {
--masonry: grid-lanes;
}
.container {
display: var(--masonry);
}
