Time to update your MPA View Transitions experimentations!
Cross-Document View Transitions for MPA: you need
MPA View Transitions are here! (2024.05.23 @ JSHeroes)
Multi-page application View Transitions are here (Google I/O 2024)
Introducing “Unleash the Power of Scroll-Driven Animations”
I built a thing: a 10-part video course that teaches you all there is to know about scroll-driven animations with CSS or JavaScript.
Misconceptions about CSS Specificity
To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS …
Scroll-Driven View Transitions – If View Transitions and Scroll-Driven Animations had a baby … (2024.04.25 @ CSS Café)
Info+Slides+Video from a talk I gave at CSS Café on how I built a “Scroll-Driven View Transition”
CSS color-scheme-dependent colors with light-dark()
I’ve written about light-dark() before here on bram.us, and last month I also wrote an article for web.dev about it. The article takes a bit of a different approach, so it’s still worth a read even when you’ve seen my previous one before. System colors have the ability to react to the current used color-scheme …
Continue reading “CSS color-scheme-dependent colors with light-dark()“
What if you had real control over Light Mode / Dark Mode on a per-site basis?
Dark Mode Toggle Buttons should be a browser feature. Thanks to the Web Preferences API, that might become a reality someday.
CSS Foundations: What is IACVT?
CSS ::backdrop now inherits from its originating element
Screenshot of the demo featured in the article. In Chrome 122 the backdrop is light purple because it can access the custom property from the dialog element. If you ever struggled with ::backdrop not having access to custom properties, here’s some good news: As of Chrome 122 – and also in Firefox 120 and soon …
Continue reading “CSS ::backdrop now inherits from its originating element”