Lea Verou, PhD

I make things that help people make things. • W3C TAG alum • CSS WG Invited Expert • CS/HCI PhD @MIT • Shy extrovert.

Pronouns: she/her
Website: https://lea.verou.me
GitHub: https://github.com/leaverou
🦋 Bsky: https://bsky.app/profile/lea.verou.me

Public Key

npub1al72g7fmyugvn5u372hjg078y295gephuy7xqkewaycaqvcexdhsw2kh5q

NIP-05 Address

leaverou_at_front-end.social@momostr.pink

Profile Code

nprofile1qqswll9y0yajwyxf6wgl9tey8lrj9z6yvsm7z0rqtvhwjvwsxvvnxmcprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmnta84jkh

Publishing to

relay.momostr.pink

Author Public Key

npub1al72g7fmyugvn5u372hjg078y295gephuy7xqkewaycaqvcexdhsw2kh5q

Show more details

Last Notes

2026-02-06 07:45:44 UTC

- reply

Technology itself is a process of abstracting away how stuff works so you don’t have to understand it. I have no clue how my refrigerator works for example. I suspect safety will increase over time. We’re still in the early days.
Also, wow, you can get them to regurgitate entire books?! I still can’t get ChatGPT to transcribe the notes from one verse of one song because copyrights?! 🫠

2026-02-06 07:41:44 UTC

- reply

I know what you mean, I still use LLMs in a much more incremental fashion than what they’re capable of and tend to use lower levels of abstraction than most people in general. But I do think that this is a me issue and it necessarily the best ROI. Intellectually, I’m fascinated by the potential they open up, even if I haven’t fully tapped into it yet.

2026-02-06 07:32:07 UTC

- reply

I’m conflicted on the IP theft issue, and don’t feel I have enough data for an informed opinion. Here’s my current thinking: When a human reads a book and that influences the way they think or write, we don’t think they’re stealing IP, right? Of course there’s a threshold; if they get *too* close then it is stealing. But the training is not IP theft by itself.

2026-02-06 07:20:30 UTC

- reply

how does the former differ from the latter? Both are using your natural language input to generate code. The more precise you are, the more control you have over it.

2026-02-05 18:03:26 UTC

- reply

Why not? The logical progression of this is natural language.
If you see it as a spectrum from machine code to natural language, every major abstraction shift (2GL, 3GL, 4GL) got us a tiny bit closer to NL. NL has always been the ultimate vision, we just didn't think we could get there.
It’s also common for programmers to dislike PLs and UIs for non-programmers. It’s a tradeoff between precision and control. Notices struggle with precision, trained programmers with loss of control.

2026-02-05 17:51:59 UTC

- reply

The viewpoint may be extreme, but not in the way you think.
I did my PhD on end-user programming.
It was before AI. The field centered around:
1. Designing more learnable & highly abstracted PLs
2. Designing UIs to allow novices to compose or understand code.
It was very incremental. Any syntax (1) excludes many. UIs were limited/ing (2).
The vision of most EUP researchers was close to what is "vibe coding" today. Hard not to be excited it arrived so much sooner than we thought!

2026-02-03 19:29:23 UTC

- reply

I have not sided with anyone. My opinions are my own and I do not subscribe to the trend towards extreme polarization on this.
You are free to be disappointed, of course. I’ve also been disappointed in how many people I respect see threat where I see huge potential.
Thankfully, I have the maturity to disagree with people and continue respecting them.
Also, not sure what you mean with the present perfect there, unless your definition of "the past" encompasses "last week". 😅

2026-01-31 21:53:16 UTC

- reply

[3/3]
The turning point was when compilers became so good, you almost never had to *look* at the generated code at all. You could entirely live in this new level of abstraction.
We’re not quite there yet with LLMs, which explains the current resistance from experienced SWEs. But if history is any guide, we almost certainly will get there, soon.
What a fascinating time to be alive!

2026-01-31 21:52:47 UTC

- reply

[2/3]
But nearly every argument against LLM-assisted programming has appeared before.
Assembly programmers in the 50s said the same things about 3GLs:
“Real programmers write assembly” they’d cry.
High-level languages were “inefficient, buggy, and produced slower, bloated code” compared to hand-optimized assembly code.
“You can’t trust what you didn’t write!”
And they were not wrong — at first. Early compilers did produce worse code, and debugging machine-generated output was miserable.

2026-01-31 21:51:30 UTC

It is clear that LLMs are the new generation of PL, the biggest SWE revolution since assembly→3GLs.
The parallels & differences are fascinating.
Take interpreted vs compiled. Previously a property of the *language*, now a property of the *program*.
1. Interpreted = Store prompt, re-run each time (non-deterministic)
2. Compiled = Use the LLM to generate a 4GL program (deterministic)
Some use cases call for 1, others for 2, others for a hybrid. Choosing well will become a core SWE skill.
[1/3]

2025-12-06 22:32:14 UTC

How many of you have used `in srgb` in color-mix()?
(specifically srgb, not srgb-linear or anything else)
A: Never used color-mix() / I don't write CSS / No idea what you're talking about 🤷‍♂️
B: I have done this and still do, why? 🤔
C: I have done this in the past, but now I know better 😬
D: Yikes, I would never 🧐

2025-11-08 05:47:05 UTC

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?

2025-09-29 17:01:42 UTC

🔥 New blog post!
Covering, among other things:
- Why making simple things easy and complex things possible is not enough
- How to maximize your UI’s signal-to-noise ratio
- Why you can’t uncover friction through user feedback
- How to prioritize user needs
https://lea.verou.me/blog/2025/user-effort/
I have rewritten this post at least 10 times in the past year, so I’m almost in disbelief that I finally managed to hit Publish. 🫣
Hope it resonates!

2025-09-22 13:16:58 UTC

Computing some preliminary analysis over the #StateOfHTML pain points data and some um, …interesting patterns are emerging 🙃
https://cdn.masto.host/frontendsocial/media_attachments/files/115/248/095/749/280/266/original/1387760d066c15d0.png
https://cdn.masto.host/frontendsocial/media_attachments/files/115/248/098/766/337/849/original/35e6a405499d5f42.png
https://cdn.masto.host/frontendsocial/media_attachments/files/115/248/101/692/330/951/original/cbf5ee5ced86e7eb.png
https://cdn.masto.host/frontendsocial/media_attachments/files/115/248/103/135/862/158/original/0f3598b76395439d.png

2025-09-01 09:50:47 UTC

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.
https://opensourcesecurity.io/2025/08-oss-one-person

2025-07-22 15:16:38 UTC

🚀 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 @npub1m3q…ag79 @npub1h3w…n8wc @npub1x8w…wkz3 @npub1n5g…9gt3!
#StateOfHTML2025

2025-07-06 20:21:38 UTC

Help me settle a debate: How often do you edit SVG markup by hand?
Things that count:
✅ Hand editing output from graphics editors (e.g. Illustrator)
✅ Hand-editing SVG you copied from elsewhere (e.g. icons)
✅ Using low-level abstractions (e.g. the SVG DOM) to dynamically modify or output SVG
Things that don't count:
❌ Copying and pasting an SVG icon without editing anything
❌ Including an SVG file whose markup you haven't touched on a page
❌ Generating SVG via high-level abstractions like D3

2025-06-13 13:36:22 UTC

I keep finding myself rewording text to remove em dashes, because some people use them as a proxy to filter out AI-generated content.
Mute em dashes, block AI bots — and typography nerds.
What surreal times we live in.

2025-05-29 20:26:13 UTC

I LOVE this …Chart of Shame on https://webstatus.dev/stats
“Features missing in only one browser” 😍.
Even lets you click on individual data points and see which features each browser is holding the Web back from.
Hopefully it will motivate implementations of these features!
https://cdn.masto.host/frontendsocial/media_attachments/files/114/592/990/080/430/253/original/a4d3a815aa2f7bbf.png

2025-02-12 11:09:36 UTC

🚀 Launching style-observer: A bulletproof, production-ready library for observing CSS property changes in JS.
Developed with the help of my apprentice @npub1h3w…n8wc over the last month, to scratch possibly one of my longest-standing itches.
Made possible by the pioneering work of @npub159n…rz7e, Artem Godin, @npub1zv2…tzhy and many others!
Blog post: https://lea.verou.me/blog/2025/style-observer/
Docs: https://observe.style
https://cdn.masto.host/frontendsocial/media_attachments/files/113/990/584/596/736/628/original/7a8ccae27bc799b5.png

2025-02-11 09:24:10 UTC

I just noticed that Adobe Illustrator has a dedicated setting for …the color of the Share button in the title bar and I just can’t stop imagining possible scenarios that led to this being added to the product. 🥲
https://cdn.masto.host/frontendsocial/media_attachments/files/113/984/525/495/235/454/original/94e12778a7e6cd9f.mp4

2025-01-22 19:15:53 UTC

- reply

Yup, this is a low-level feature that makes things *possible* that currently are not possible, and gives us more time to figure out how to make the common cases *easy*.
That said, I was trying to keep the code small — in real use cases you'd probably use intermediate variables to make it more readable.

2025-01-22 18:52:40 UTC

😍 PSA: ident() is an upcoming CSS feature I’m incredibly excited about and you're about to be too.
It will allow you to compose CSS variable names from other variables, making code like the one in the pic possible.
Spec: https://drafts.csswg.org/css-values-5/#ident
Proposal (by @npub159n…rz7e): https://github.com/w3c/csswg-drafts/issues/9141
https://cdn.masto.host/frontendsocial/media_attachments/files/113/873/511/869/428/913/original/31a2b50df5fd38c5.png

2025-01-16 22:08:10 UTC

🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉
I’ve been asking for this for over a decade!! w00t!!! 🤩
https://developer.chrome.com/blog/advanced-attr

2024-12-28 04:34:29 UTC

🚀 [Case study] Context Chips in Survey Design: “Okay, but how does it feel?”
The story of how a weird little UI to collect sentiment alongside survey responses defied constraints and triumphed over skepticism through #usability testing.
This is about one of the novel UIs I designed when leading #StateOfHTML 2023 — the one I’m most proud of. 💙
I’ve been meaning to write this for over a year, finally found the time during this winter break!
https://lea.verou.me/blog/2024/context-chips/

2024-12-08 01:20:37 UTC

I’ve spent some time on a TypeScript codebase this week¹.
I’ve now spent more time fighting against TS than writing out logic.
Corollary: I would've been 2x as productive without it.
Of all these warnings, how many helped me fix real bugs? None.
The original vision of TS was brilliant: Optional type hints get you the benefits of type checking, without getting in the way when you don't need them.
But at this point, TypeScript is no less painful than Java.
¹ I prefer JSDoc+TS imports myself.

2024-12-06 21:57:59 UTC

- reply

This is true across all languages, from CSS to C++. They only differ wrt how well they allow you to express your intent.
I guess in some ways, this is the common sociological pattern where the descriptive eventually becomes prescriptive ¹. But damn, in sociology it takes years or decades, not a few keystrokes. 😅
¹ Example: "Oh, many women seem to like kids. I guess that means ALL women MUST have kids"

2024-12-06 21:57:46 UTC

The idea behind prefer-const is well intentioned: if you plan to never reassign a variable, make it a constant to declare your intent upfront, reducing cognitive load.
But intent is crucial here. Good code expresses *intent*, not coincidence.
Yet linters try to enforce this rule by looking at the current snapshot of the code and asserting that if a variable currently _happens_ to not be reassigned, it means you MUST formalize this as a restriction so that it can never be reassigned! 🙃
https://cdn.masto.host/frontendsocial/media_attachments/files/113/608/044/247/932/729/original/8faa7ea7b09cb308.png

2024-11-06 04:37:53 UTC

I’ve said it before but hoped I’d be wrong. My main worry about #election2024 was that a big % of Americans would simply never vote for a woman, no matter what.
They'd rather let a senile fascist run the country because they just can’t stomach the idea of a woman running it.
Most won’t even admit this to themselves. They'll assure you that they would absolutely vote for "the right woman". But when the possibility becomes less abstract, no actual female candidate is ever good enough for them.

2024-10-01 18:29:20 UTC

I wrote some thoughts on the web components debate (lord help me).
IMO WCs and frameworks currently have different value propositions. They are not competitors; there is space in our toolchains for both.
So how about we stop fighting and go make awesome sh!t? 🚀
https://lea.verou.me/blog/2024/wcs-vs-frameworks/
https://cdn.masto.host/frontendsocial/media_attachments/files/113/233/580/814/385/160/original/b52e401763bd5a39.png

2024-09-29 02:49:09 UTC

Lots of hate against web components from framework authors the last two days.
Those of us who have been around the block smirk knowingly, as we’ve seen this play out a few times.
Case in point: huge resistance against CSS when it was first introduced in the 90s. Tables for layout had so much better ergonomics!
The pushback lasted until the mid 00s when it went from “this will never work” to “this was clearly the solution all along” almost overnight.
And the rest, as they say, is history. 🙂

2024-09-07 14:26:15 UTC

🚀 I’ll soon be starting a new role as Product Lead at a company very close to the Web, with a fantastic culture around design, usability, open source, and work-life balance.
It took a while to find a role that literally ticked all of my boxes, and I’m so *incredibly* excited. 🤩
💬 Quiz: Can you guess which company it is? 😀
(I’ll announce it properly next week, but meanwhile let’s have some fun 😅)
💡Hint: It’s a small company (<100 folks) but if you build web UIs you definitely know it.

2024-08-27 13:52:52 UTC

Most developers treat the tools and languages they use as fixed and some will go to great lengths to defend their design as if their specs were handed down by gods on stone tablets.
I wonder what causes the mindset shift that everything is malleable and ever-evolving: the libraries/frameworks you use, but also the languages & platforms.
It’s not experience; I’ve had this mindset from the start — it’s what got me into standards. I wonder if it correlates with certain personality traits more.

2024-08-21 21:55:58 UTC

One of life’s big mysteries: Do sessions in visa application and banking websites time out so fast because of some misguided notion of security, or because they were made by sadistic bastards who enjoy human suffering? 🤔
I guess we’ll never know…

2024-08-03 19:20:17 UTC

npm link is a textbook example of a great idea rendered near-unusable by poor design (or implementation? Hard to tell).
The purpose is clear: Link to certain deps locally, so you can modularize without having to get every change through npm or make edits.
But it silently stops working and modules fall back to installed versions seemingly at random.
I have yet to build a consistent mental model about when exactly this happens. At this point, I can't even confidently assert it's deterministic!

2024-08-02 12:43:48 UTC

- reply

Btw I should also say, the UI is *gorgeous*. I think it may be one of the reasons I’m still in the app despite a fair bit of confusion. 😅
(this is known as the Aesthetic Usability Effect, see https://www.nngroup.com/articles/aesthetic-usability-effect/ )

2024-08-02 12:40:51 UTC

- reply

When you’ve been working on something for a while it's very easy to forget that concepts that are super basic and obvious to you are not to new users. 😊
Even a small note with a link to the relevant docs in each of these sections would do *wonders*. At least the user would have somewhere to go, whereas now it's a dead end.
And if there's a quick start guide, definitely direct people there when they start!

2024-08-02 12:36:01 UTC

- reply

(hope this is not coming across as complaining, just giving UX feedback as a means to give back)

2024-08-02 12:35:02 UTC

- reply

It's entirely possible these are difficult concepts to explain with a single sentence tip text in the UI, but perhaps it could _point_ to the relevant section in the docs.
Right now, there's not even a link to the docs *anywhere* in the UI. I had to poke around quite a lot to find it (eventually clicked the logo at the bottom left which took me to the homepage, which *did* have a link to Docs).
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/441/939/682/331/original/25e59d92193f618c.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/447/190/348/171/original/e11b7f55ba73202a.png

2024-08-02 12:30:49 UTC

- reply

Similarly, there is a "Schemas" item in the menu, which brings this up (Pic 1). Nothing tells me what a schema *is* in this context. Clicking "Create one" brings up the dialog in pic 2 but I still have no clue what I'm looking for and why.
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/430/556/954/480/original/c55cbeebf734cb45.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/433/367/491/979/original/3aa65c53b83758f5.png

2024-08-02 12:29:10 UTC

- reply

In general, don’t assume people will look up docs if something is confusing, especially if not linked.
E.g. another example. I have no idea what to do here and the UI does not point me anywhere to help me figure it out. "Add new collection" just brings up the dialog in Pic 2 to add a JSON file, but I still have no clue what a collection *is*, what it does, what it will be used for, what JSON file I should be looking for!
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/423/875/153/838/original/5f87090979c58a20.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/426/764/138/274/original/fef5efdb1f9b4ccf.png

2024-08-02 12:10:35 UTC

- reply

There is no link to the authentication docs from the note in that dialog.

2024-08-02 11:20:39 UTC

- reply

I know how to get the access token, just not how to enter it in @npub1nx8…kl34
@npub1h3w…n8wc also suggested using it instead of the password and it worked, I would've never thought!

2024-08-02 11:01:09 UTC

@npub1dau…34ue Hey, thanks for building @npub1nx8…kl34! I was trying to give it a try today and …I’m kinda stuck in step 1.
HOW to set up an access token? The only fields there are username and password!
https://cdn.masto.host/frontendsocial/media_attachments/files/112/892/068/836/586/071/original/53e135ae82510533.png

2024-08-01 13:54:03 UTC

I’m using @npub1f8f…ed9x and maintaining content in Markdown files on GitHub.
I want to collaborate on said MD files, with the option of a split view (MD on one side, rendered page on another) with my *own* config.
It seems like a basic use case, yet one no tool can accommodate!
Collaborative MD editors all interpret a hardcoded flavor of MD, no plugins. Can't remember when I last used Markdown *without* plugins!
And headless CMSes revolve around connecting JSON data to templates, not editing MD.

2024-07-31 12:58:55 UTC

Currently, Disqus is failing on any website that uses any of the many CSS color formats that shipped in the last decade. Yup, not being able to parse a color means *their entire widget* does not get included, and comments are not shown.
You cannot anticipate everything. This is why it’s important to design systems that are resilient and fault tolerant. Expect the unexpected, and handle it gracefully.
https://cdn.masto.host/frontendsocial/media_attachments/files/112/881/194/821/719/324/original/42cd3f6262f73da8.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/881/197/336/498/941/original/5c0d76df83a13fb0.png

2024-06-18 17:00:14 UTC

My if() tweet¹ got a ton of enthusiasm, but also a lot of questions and some misconceptions.
I posted some background and an FAQ: https://lea.verou.me/blog/2024/css-conditionals/
¹ https://front-end.social/@leaverou/112608705600433866

2024-05-30 15:36:23 UTC

Which companies are doing cool things in the design systems / web components space?
Edited to clarify:
- I mean companies whose main product is in this area, not companies who just have a nice design system.
- Asking about smaller companies / startups I may not have heard of, not Big Tech

2024-05-27 21:46:09 UTC

Doing some research on design systems / design tokens, especially around color.
What are some good open source color palettes?
So far I have: Open color, Open props, Tailwind, Material, Adobe Spectrum, GitHub Primer, Ant Design, IBM Design Language, Radix UI, Bootstrap.
Req: Need to have a page that lists all their colors (see examples).
Looking at color palettes primarily for UIs, not those designed exclusively for dataviz.
https://cdn.masto.host/frontendsocial/media_attachments/files/112/515/235/047/631/092/original/ae0d751727b6e176.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/515/235/895/805/044/original/157ad73cd2e3b7a9.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/515/239/747/176/464/original/8b8f0ac940014a1a.png

2024-05-18 16:01:20 UTC

- reply

Even if most web devs won’t directly write SVG markup, SVG is at the core of so many of our interactions on the Web. Logos, charts, icons, illustrations, it’s literally everywhere.
Ironically, browser efforts to kill it prove how crucial it is to web developers: at this point, it has been 15+ years that browsers have refused to improve SVG implementations, and SVG is used more widely than ever. What other Web technology could survive such neglect?

2024-05-18 15:57:51 UTC

- reply

[2/2]
Case that prompted this post, Custom SVG elements. 7y of pressure, a cornucopia of use cases, yet “no implementer interest”: https://github.com/WICG/webcomponents/issues/634
Can someone shed some light on why browsers are so desperate to kill SVG?
Because at this point, I refuse to believe this is just a rational business decision based on hard facts. The hard facts are shouting “Fix your damn implementations!” and browsers are going "la-la-la" 🙉🙉🙉

2024-05-18 15:57:31 UTC

We’ve always told devs that browsers prioritize what to implement based on dev demand.
There is one exception: #SVG.
SVG is used on >65% of websites. Yet, browsers have been *refusing* to work on SVG, ignoring pressure and pain points from web devs.
#StateOfHTML showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points
Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.
[1/2]