Slides of the talk “What’s new in CSS” I gave at Frontmania
Category Archives: Original Content
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
Run a Scroll-Driven Animation only once
Animate between states with the View Transition API (2023.09.27 @ devs.gent)
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
Scroll-Driven Animations Debugger (DevTools Extension)
Mastodon Redirector – A browser extension to rewrite external Mastodon URLs to your own instance
CSS @property improvements in Chrome DevTools (Chrome 118)
Chrome DevTools included with Chrome 118 has some nice improvements to working with @property.
