@lolaodelola how much close could a closewatcher close if a closewatcher could close WAT
Front-end engineer at NRK.
Been centering elements since 1996.
Pronouns: He/Him. π³οΈβπ
@lolaodelola how much close could a closewatcher close if a closewatcher could close WAT
π Coming to Chrome DevTools in Chrome 138: CSS Value Tracing
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
Thanks @keithamus π
Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it.
<dialog closedby=any>
https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
Chrome 134+, Firefox 140+, coming soon to Safari.
I'm not sure my ideas are technically feasible, but good golly would I love to see movement of some kind on the issue of "shrink wrapping" text that happens to wrap!
https://github.com/w3c/csswg-drafts/issues/191
(Tagging @mia and @kizu who have somewhat recently considered this)
Building slides in html and css is so much more rewarding than good old powerpoint π€©
github actions have github consequences
The CSS Working Group has published a First Public Working Draft of CSS Functions and Mixins Module. This module defines the ability for authors to define custom functions, acting similar to parametrized custom properties. They can use the full power of CSSβs values and conditional rules. It also defines an early form of a similar idea for CSS rule mixins, allowing parametrized substitution of entire blocks of properties into other rules.
https://www.w3.org/news/2025/first-public-working-draft-css-functions-and-mixins-module/
Last week, I had the immense honor of speaking at one of my favorite events, @btconf. (π€―)
My talk βPainting With the Webβ is now available on YouTube. I hope you like it! π€π
@mia Thatβs the correct way in Norwegian typography β and probably many other languages β so you can always say youβve adopted it from there π
The CSSWG has published a first public working draft of CSS Functions and Mixins today π
> This module defines the ability for authors to define custom functions, acting similar to parametrized custom properties. They can use the full power of CSSβs values and conditional rules. It also defines an early form of a similar idea for CSS rule mixins, allowing parametrized substitution of entire blocks of properties into other rules.
Thank you so much @mia and @tabatkins π
@keithamus If there's no other takers, I'd be happy to look into it when I have some more time after CSS Day in June.
How nice wouldn't it be to have `sibling-index()` with a selector argument?
I need this yesterday π
Lots of folks fell for the "DOM is slow" marketing of certain frameworks, but DOM isn't slow. *Uncontrolled style read-back* is. But what if that wasn't a thing?
Looking for feedback on a new proposal to control layout thrashing here:
https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/EventPhases/explainer.md
This year @btconf got me thinking about the things I touch every day, about my own curiosity, remembered AI is both greedy and extremely useful, saw mad things can be done without AI, that I should just get on and make stuff, saw the web as an art medium, and the artistry in lettering, saw creativity in development, and inclusiveness, and calm, and empathy.
I loved it all - never change, #BTConf.
One of the things I touch daily is my phone, but it is also a great life and curiosity enabler π
New Blog Post: Houdini Re-ReVisted
In which I discuss a recent presentation by @bramus at BlinkOn...
π Polyfilling CSS with CSS Parser Extensions
Polyfilling CSS features is extremely hard, mainly because the CSS Parser discards what it does not understand. What if, instead of having authors write their own CSS parser and cascade, they could teach the parser new tricks?
Thanks for the explanation ππ
It feels a bit cumbersome to convert CSS animations and starting-style transitions in order to prerender the page. I guess I'll stick with prefetch π .
A well thought out post from @kizu on the current discussion of fit-to-width π
I agree that it would be a good idea to focus on text-grow and have a soft 200% max-font-size limit.