Lea Verou, PhD

RE: @leaverou@front-end.social

Thank you all for voting! Thanks to your input we managed to reverse the resolution that forced all mixins to be scoped — sibling and ancestor rules will no longer be silently dropped from mixins. 🎉

Relevant WG resolution: https://github.com/w3c/csswg-drafts/issues/13727#issuecomment-4173187508

My slides: https://webplatform.design/talks/mixins

RE: @leaverou@front-end.social

This ended up being such a useful lil' utility I just published a package with it so others can enjoy hassle-free symbols by the truckload!

https://www.npmjs.com/package/get-symbols

🚨 Want mixins in CSS?
Help the @csswg@bird.makeup by telling us what feels natural to you!

Look at the code in the screenshot. What resulting widths would you find least surprising?

A: All get 100px
B: div gets 100px, div > h2 gets 200px, div + p gets 300px
C: div gets 100px, div > h2 gets 200px, div + p gets no width*
D: div and div > h2 get 100px, div + p gets no width*

* from the mixin

Poll in @leaverou@front-end.social

Please answer based on what feels natural *to you*, it's not a quiz.

Kids are so weird sometimes.

Tonight, at dinner, I suddenly notice my 6 year old staring into the void, looking pensive.
Eventually, she exclaims “I am completely lost with where I am in my life!”.

Join the club, kiddo. Join the club. 🤣🤣🤣

Claude: I can understand complex architectures in minutes and write highly maintainable code in a fraction of the time it would have taken a human!

Also Claude: Um, how do I put this. I know you gave me permission to run a bunch of terminal commands, but I need you to approve this one manually because ampersands are hard.

RE: @cssday@mastodon.social

I don’t have time to do as many conference talks these days but CSS Day always has a special place in my heart. It’s such a fantastic conference, both for the content and the community.

There are currently two mature @TC39@fosstodon.org proposals for the low-level functionality that would make it possible to declare *any* file type as a dependency:

1. Import text (Stage 3 as of last week!): https://github.com/tc39/proposal-import-text
2. Import bytes (Stage 2.7): https://github.com/tc39/proposal-import-bytes

Perhaps we should push for these to get implemented *first* instead of ad hoc types for every possible type of dependency (CSS modules, HTML modules, etc), which doesn’t scale.

🎄 Holiday gift from the #ColorJS team: v0.6.0 is out with a host of fixes and improvements!

We’ve also crossed 100 million installs on npm a few weeks ago!

Release notes:
https://github.com/color-js/color.js/releases/tag/v0.6.0

If your company uses web technologies but has never tried to solve pain points by fixing the web platform rather than working around the issues, why is that?

🚀 The #StateOfHTML 2025 survey is now open!

➡️ Take it now: https://survey.devographics.com/en-US/survey/state-of-html/2025/?source=leaverou

Spending time to fill these out thoughtfully is an investment into your craft, as browsers are using the results to make prioritization decisions.

You don't have to do it in one go (or even in one device).

Blog post with more background: https://lea.verou.me/blog/2025/state-of-html/

Big thanks to @sachagreif@front-end.social @dmitrysharabin@mastodon.social @kadirtopal@mastodon.social @foolip@mastodon.nu!

#StateOfHTML2025

🔥 I have news! After a 1y hiatus, I’m once again leading this year’s #StateOfHTML survey, thanks to generous funding by Google. ❤️

🙋🏽‍♀️ Is there is an HTML feature or Web API you're dying to see progress on? Suggest it and it could be included!

Browsers fund these surveys to see what matters to devs — so if others care too, it can really help. E.g. these surveys are the reason we have CSS Nesting.

⌛️ The survey is launching later this month, so time is of the essence!

https://lea.verou.me/blog/2025/design-state-of-html/

Less than a week ago, I predicted that @Firefox would implement Relative Colors (RCS) *very* soon.

I didn’t expect my prediction to come true that quickly: Firefox 128 (Nightly) shipped with RCS support! 🎉
Pretty solid implementation too.

This means that Relative Colors will be Baseline 2024! 🎉

Testcase: https://dabblet.com/gist/58ec6a5493b95097a0c6a17b0cc9a840

Now if someone could update caniuse…

@leaverou@front-end.social

The #StateOfHTML 2023 results are finally out!

Enjoy insights from 22K responses about the state of the web platform, from HTML and interactivity to #webcomponents, PWAs, and a lot more.

This project is a monumental effort from people across the world. We even designed novel data collection UIs to gather the data we needed while minimizing friction, which I plan to write a case study about soon.

https://2023.stateofhtml.com/en-US

After popular demand, we decided to extend the #StateOfHTML survey until Oct 16th. 🥳

Last chance to take it, or finalize your answers if you have already taken it!

Maybe you remembered more pain points after taking it? Go back and write them in!

https://survey.devographics.com/en-US/survey/state-of-html/2023