Lea Verou, PhD
I make things that help people make things. • W3C TAG alum • CSS WG Invited Expert • CS/HCI PhD @MIT • Shy extrovert.
This is excellent. 👌🏼
“Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion.
Most of it is one person.
And […] not one of those single person projects have the proper amount of resources they need. If you want to talk about possible risks to your supply chain, a single maintainer that’s grossly underpaid and overworked.”
Yuuup. Baffling how so many companies depend on open source software without funding it, ever.
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. 🤣🤣🤣
The @csswg needs your input!
We just resolved to support multiple borders and outlines per element, comma separated! 🎉
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
Poll in @leaverou@front-end.social
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.
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.
🎄 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
🔥 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!
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!
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.
🚀 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!
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
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…
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.
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?
To add to @bramus@front-end.social's question [1]:
What "queries" would you use it with?
E.g.
- first input descendant
- closest name=foo sibling
- input within the same etc
Don't think just /ARIA but all attributes that take ids, e.g. list, commandfor, popovertarget + component attributes
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
Spinoff Blog Post 1: Rethinking Categorization
https://lea.verou.me/blog/2023/rethinking-categorization/
This explores questions like…
- What is really the difference between categories and tags? Do we really need both?
- Are tags really a folksonomy?
- How to fix some of the most common UX problems with tags?
@westbrook@mastodon.social When designing any product/API/language a common tension is:
- Cover all use cases at 80% (low-level primitive) vs
- Cover only the common cases at 100% (high-level primitive).
The right call depends on the specifics, including:
- What % of use cases would 2 leave out?
- How painful are those use cases now?
If the answers are "high" and "very", 1 tends to be the right call, and buys you time to do 2 well, because now it's about reducing friction, not making things possible.
