Justin Fagnani

@justinfagnani.com

2000 Followers 459 Following

Building something new... Previously at Google. Web maximalist. Web components. WebAssembly. Creator of Lit. Oakland.

A screenshot of a type error in Zena code being highlighted in VS Code.
A screenshot with some code that says: Instead of: ```typescript ({x, y}: {x: i32, y: i32}) => x; ``` You write: ```zena ({x: i32, y: i32}) => x; ```
An example of a Zena class with various public, private, mutable, and immutable fields, and constructor initialize lists.
A chart showing responses for the question "What frameworks do you use?": - React: 72% - Web components: 36% - Angular: 28% - Vue: 18% - Stencil: 7% - Svelte: 4%
A graph from npmtrends.com of lit downloads over the last 5 years, showing growth from 0 to 5,000,000
An .npmrc file with install-strategy=linked
The great benefit of computer sequencers is that they remove the issue of skill, and replace it with the issue of judgement. With Cubase or Photoshop, anybody can actually do anything, and you can make stuff that sounds very much like stuff you’d hear on the radio, or looks very much like anything you see in magazines. So the question becomes not whether you can do it or not, because any drudge can do it if they’re prepared to sit in front of the computer for a few days, the question then is, "Of all the things you can now do, which do you choose to do? " --Brian Eno
A breadcrumb UI where segments are chevron-shaped. There's a gap between segments, and the currently focused segment has a browser-drawn outline applied to it.
A breadcrumb component where the ends of the crumbs are darted to the right.
A screen capture of Firefox Nightly running a Codepen that uses standard CSS modules to style a custom element.
A screenshot of a Tweet: ReactRally 2024 pre-lunch talk: "How we ported Photoshop to the browser, thanks to React Concurrent Mode, and WASM." * on Twitter * "rEaCt iS NoW 42Kb pLeAsE StOp dEsTrOyInG ThE WeB"
A screenshot of the myth from the article: "Passing any "complex" prop to them (everything that is not a literal value) requires you to JSON.stringify them 😬"
A screenshot of the bluesky-likes web component working on the page https://justinfagnani.com/2025/06/25/stop-using-custom-event/
A screenshot of this comment: > naming your potentially mainstream software after a imprisoned, tortured, and eventually murdered sex slave maybe isn't the best idea either? Honest question: Why?
A screenshot of https://material-foundation.github.io/material-theme-builder/ with devtools open, showing that the whole UI is one element.
Text from the linked article: 4. Bipartisanship is still valuable—with guardrails. Some of the most successful experiments in abundance policy—and in particular pro-housing policy—have happened in red states, most notably Montana. Even in more progressive parts of the country, Republican support has sometimes proven critical; some important YIMBY bills would not have made it through the California legislature without a few "aye" votes from members of the minority party. Abundance liberals should continue to welcome, and even actively court, bipartisan approval. But reaching across the aisle does not mean letting yourself become a mark. Any Democrat who inflated the legitimacy of DOGE, for instance, made an egregious error. Similarly, abundance liberals should be careful not to compromise core values—such as belief in democracy and the rule of law, or respect for the rights of queer and trans people—in exchange for short-term political advantage. Striking the balance between openness to left-right coalitions and unwavering commitment to progressive values will be difficult, and there are no clear rules on how to do it properly. But it is a necessity.
"Is This a Pigeon" meme with the text "Tariffs on Canadian and Mexican alcohol" and "Is this MAHA?"
A spoon