A rather geeky/technical weblog, est. 2001, by Bramus
<custom-ident> and <dashed-ident> values with ident()
Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names.
Video from Chrome’s 2024 EOY campaign, highlighting View Transitions. I made sure the code snippets and animations that you see where Technically Correct™ + coded up a POC for this one (link to demo included).
The animations track of a performance trace can now tell you why an animation was not composited.
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
Video from Chrome’s 2024 EOY campaign, highlighting Scroll-Driven Animations. I made sure the code snippets and animations that you see where Technically Correct™.
interactive-widget
For this year’s HTMLHell Advent Calendar I contributed today’s post. It is all about viewports and virtual keyboards – a topic I have researched before, as part of the Interop 2022 Viewport Investigation Effort
<details>
You can now set display property values other than block on <details> and also use a ::details-content pseudo-element to style the part that expands and collapses.
Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024
On top of a per-origin override, you can now set a Chrome-wide preference to have your OS in Dark Mode but all sites in Light Mode (or vice versa).
