Brian Kardell
@bkardell.com
2.1K followers 390 following 1.2K posts
Brian, you know, from the Internet. Dev Advocate at Igalia | Co-author Extensible Web Manifesto | Standards Dude (Igalia AC/OpenJS) https://bkardell.com/links | he/him
Posts Media Videos Starter Packs
Reposted by Brian Kardell
openjsf.org
Lit is joining OpenJS as an Impact Project! 🔥

Donated by Google Open Source, Lit powers 10,000+ custom elements inside Google and is loved for its fast, standards-based web components.

Welcome to the OpenJS family, @lit.dev!

Learn more: hubs.la/Q03Np1Mm0
Lit Project Moves to OpenJS Foundation with Google Open Source Contribution | OpenJS Foundation
Lit joins a neutral home within the OpenJS Foundation community
hubs.la
Reposted by Brian Kardell
igalia.com
Igalia is honored to have been awarded a commission from the Sovereign Tech Fund to advance the @servo.org web engine. STF’s support will advance a multi-pronged effort focused on improving Servo’s accessibility, WebView API support, and project maintenance. Details: www.igalia.com/2025/10/09/I...
Igalia, Servo, and the Sovereign Tech Fund | Igalia
Igalia is an open source consultancy specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers and cl...
www.igalia.com
Reposted by Brian Kardell
kilianvalkhof.com
I don't often get nerd sniped * but I just added support for line numbers in @Polypane.app's elements panel after thinking it impossible for the past 5 years.

* okay like once a week. maybe twice.
The CSS styling for a h1 element. The pertinent detail is that each css rule now has a line number with its stylesheet file name.
Reposted by Brian Kardell
erwinhofman.bsky.social
Nerdy stuff! @mozilla.org #Firefox just enabled support for #INP with v144 🎉

I dived into our raw RUMvision data. And yep, can confirm that it works when using Google's web-vitals #JavaScript library 😍

(updated) article + chart + baseline badges in a blogpost:
www.rumvision.com/blog/firefox...
Reposted by Brian Kardell
sarahedo.bsky.social
💥 did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.
Drawing explaining the JS execution model and event loop
bkardell.com
I know phone numbers of people from my childhood (I'm 50) but not my kids or girlfriend's mobile numbers
rincewind.run
the funniest thing about this is that those of us who grew up in the divide all have a bunch of pre-cell phone numbers memorized and almost none afterwards

I know the home phone numbers of two of my childhood best friends from thirty years ago and none of the cell numbers of my college friends
bleary.off-the-records.com
If anyone needs me I will be in the museum, lying down next to the bog bodies.
Reposted by Brian Kardell
stefanjudis.com
The new Web Weekly is just about to hit all the inboxes. 🥂

It's jam-packed with modern CSS magic, performance fundamentals and JavaScript tips and tricks.

You should check it out if you're into the web platform!

www.stefanjudis.com/blog/web-wee...
Web Weekly 170

- AbortController
- Object.groupBy
- @function and if()
- cqb and cqi units
- ::details-content
- the <output> element
bkardell.com
You might find it interesting that :has in specs is very old i do the first part of this talk that has a couple min of history at the start. The reason we got :focus-within was mainly that we couldn't get has..and it's easier to optimize

youtu.be/ql_E6WyCfRs?...
B. Kardell, B. Lee, S. Dixit and A. Giammarchi: “CSS :has() - The story so far and the path ahead”
YouTube video by eyeo
youtu.be
Reposted by Brian Kardell
ryanmulligan.dev
Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance.

Read more in my latest post: ryanmulligan.dev/blog/transit...
Reposted by Brian Kardell
bkardell.com
6.5 is wow low. I have 7' in my upstairs and the heat bills are low 😋
Reposted by Brian Kardell
igalia.com
🎙️ New Episode of Igalia Chats: The State of... The State of Surveys

@bkardell.com and @meyerweb.com chat with @sachagreif.com about the several popular "State of" surveys that he's organized

www.igalia.com/chats/state-of
A title card with a circular photo of sacha and "soundwaves" visualized coming from it - the words on the card say "The state of the state of surveys" featuring sacha greif - Igalia Chats
Reposted by Brian Kardell
pixelpioneers.co
Sometimes, the right use of ARIA can improve your UI for end users.

🎥 Watch @hidde.blog's excellent talk on both the good parts and common pitfalls of ARIA, delivered at Pixel Pioneers Bristol 2025: www.youtube.com/watch?v=NuTh...

#throwbackthursday #tbthursday #a11y #accessibility
Hidde de Vries speaking on ARIA, the Good Parts at Pixel Pioneers Bristol 2025
Reposted by Brian Kardell
svenning.io
Another horrible date picker submitted to the Bad UX World Cup! 😁

Join the fun, submit your worst date picker here: badux.lol

The best/worst date pickers will to through to the final in late October!

#baduxworldcup
bkardell.com
Every once in a while something reminds me of a fun past time I had online. Yesterday someone reminded me of this so I had to go look it up - It's a funny thing that @rendle.dev did on twitter back in the day - I had a great time reading and even "collaborating" on it

github.com/ThatRendle/m...
GitHub - ThatRendle/mofo: Everybody seems to be creating serialization formats, so here's mine: Mark's Object FOrmat
Everybody seems to be creating serialization formats, so here's mine: Mark's Object FOrmat - ThatRendle/mofo
github.com
Reposted by Brian Kardell
bkardell.com
I bought a cheap air popcorn popper and it is making me unreasonably happy.
bkardell.com
Murry Sargent (formerly Microsoft, retired), creator of Unicode Math has published an NPM package for converting unicode math to MathML. It includes instructions for doing it with @11ty.dev

www.npmjs.com/package/unic...
www.npmjs.com
Reposted by Brian Kardell
codingchaos.bsky.social
I feel this post deep in my bones, Alice gets right to the heart of why working on a11y in standards can feel like killing your soul by degrees.

And also why it’s hard to stop.
alice.boxhall.au/articles/a-t...
A threat model for accessibility on the web - Alice
A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community
alice.boxhall.au