Keith Cirkel
LightNews LightNews
banner
keithamus.social
Keith Cirkel
@keithamus.social
1.9K followers 1.2K following 350 posts
Software Cyber Shepherd.

Web platform engineer. Participant: WHATWG, CSSWG, ARIAWG, OpenUICG, WebComponents CG

Website: https://keithcirkel.co.uk/
GitHub: https://github.com/keithamus
Mastodon: https://indieweb.social/@keithamus
Posts Replies Media Videos
keithamus.social
Some Monday watching to get your brain juices flowing for the week: www.keithcirkel.co.uk/bad-at-css/

I spoke & wrote about how bad I am at CSS, and showed some truly awful things you can do with the language.

Huge thanks to @nn1.dev for giving me the opportunity!

www.youtube.com/watch?v=cJno...
Bad At Css
I am bad at CSS.
www.keithcirkel.co.uk
February 2, 2026 at 12:33 PM
keithamus.social
Now I know enough about AI to grok what MCP is, it irritates me because fundamentally:

Make a cli tool instead! Then a human can use it too.

It’s not stateless? That’s what unix sockets are for!

Once again we’re reinventing stuff from the 70s and making it worse.
February 1, 2026 at 7:27 PM
Reposted by Keith Cirkel
nohr.se
Take me down to the Parallax city where the far moves slow and the near moves quickly
February 1, 2026 at 3:40 PM
Reposted by Keith Cirkel
kevmarmol.bsky.social
London is officially the best city in the world for food.

That's going to rile the sceptics who have one joke.

www.cntraveller.com/article/lond...
London is officially the best city in the world for food in 2026, according to Tripadvisor
Our capital trumped beloved gourmand hotspots including Hong Kong, Paris and Bangkok
www.cntraveller.com
January 22, 2026 at 3:18 PM
Reposted by Keith Cirkel
webdevs.firefox.com
CSS anchor positioning is newly baseline! This opens the door for lots of new creative CSS.

It's a huge feature, but here are the basics.
January 13, 2026 at 4:09 PM
Reposted by Keith Cirkel
webdevs.firefox.com
Firefox 147 just landed & it's pretty huge in terms of web features:

🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports

And more!

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Firefox 147 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 147 that affect developers. Firefox 147 is the current Beta version of Firefox and ships on January 13, 2026.
developer.mozilla.org
January 13, 2026 at 2:03 PM
Reposted by Keith Cirkel
londonwebstandards.org
The speaker line up for #SotB26 is announced.
@bram.us
@cassiecodes.bsky.social
@kitation.co.uk
Fiona Safari
@jason-williams.co.uk
@mikehall314.bsky.social
@zachleat.com

It will be a full day of very interesting sessions and we can’t wait to see you all there!
2026.stateofthebrowser.com/speakers/
Speakers | State of the Browser
Here is the announced list of speakers for 2026's conference.
2026.stateofthebrowser.com
January 12, 2026 at 11:26 AM
Reposted by Keith Cirkel
lukewarlow.dev
I've seen a number of people request a way to imperatively link a form control and a label via a property such as .forElement on the label. Can you send me your concrete use cases if you're one of these people?
January 9, 2026 at 12:32 PM
Reposted by Keith Cirkel
scottjehl.com
Been deep in some browser & standards contributions lately and feeling renewed love for this idea that when companies need a certain feature, they can build it one-off, or they can propose (and prototype) a way to build it into browsers for everybody. Latter’s more approachable than many think!
January 7, 2026 at 10:43 PM
Reposted by Keith Cirkel
intenttoship.dev
Gecko: Intent to Prototype: "Customizable Select"
Gecko: Intent to Prototype: "Customizable Select"
Gecko: Intent to Prototype: "Customizable Select"
groups.google.com
January 6, 2026 at 2:36 PM
Reposted by Keith Cirkel
londonwebstandards.org
Tickets for #SotB26 are on sale - Get yours now!
When?
Saturday 28 February 2026, 09:30 - 17:00 GMT.
Where?
The Barbican Centre, London.
Ticket types:
In-person, Online, Diversity In-person and Online.

*Diversity ticket applications end Thursday 26 February 2026.
2026.stateofthebrowser.com/tickets/
Tickets | State of the Browser
More information and buying options for tickets.
2026.stateofthebrowser.com
January 6, 2026 at 12:42 PM
Reposted by Keith Cirkel
londonwebstandards.org
We have a diversity scheme for State of the Browser. This is for Students, people new to our industry, people from under-represented groups, unemployed, or anyone who feels they fit (we don't ask for proof we just trust people)

2026.stateofthebrowser.com/tickets/#div...

Please share
Tickets | State of the Browser
More information and buying options for tickets.
2026.stateofthebrowser.com
December 30, 2025 at 2:25 PM
keithamus.social
A rough prototype, but it's working! `[email protected]` now has a linter language! you can define "rule sheets" with a css-like syntax, then run them against your actual stylesheets and it'll lint your css in a split second!

Run `csskit tree` to see how to select nodes.

`npm i csskit@latest` ;)
An editor window with the contents of a "Csskit Rule Sheet". The code reads: /* check.cks */ :prefixed { level: error; diagnostic: "Avoid prefixed properties"; } compound-selector:has(id) { level: error; diagnostic: "Avoid IDs in css selectors"; } style-value[name=color]:not(:computed) { level: error; diagnostic: "Don't use literals in color style values, only our design tokens"; } compound-selector:has(:nth-child(4)) { level: warning; diagnostic: "Complex selector, consider refactoring"; } A code edit with a CSS file open. The code reads: #a { color: red; -webkit-animation: spin 3s; } div.b.c.d.e { color: var(--red-500); } A terminal window. The user has run the command `csskit check check.cks style.css` and the result is the following output: × Avoid prefixed properties ╭─[test.css:3:2] 2 │ color: red; 3 │ -webkit-animation: spin 3s; · ─────────────┬───────────── · ╰── Avoid prefixed properties 4 │ } ╰──── × Avoid IDs in css selectors ╭─[test.css:1:1] 1 │ #a { · ─┬ · ╰── Avoid IDs in css selectors 2 │ color: red; ╰──── × Don't use literals in color style values, only our design tokens ╭─[test.css:2:2] 1 │ #a { 2 │ color: red; · ─────┬───── · ╰── Don't use literals in color style values, only our design tokens 3 │ -webkit-animation: spin 3s; ╰──── ⚠ Complex selector, consider refactoring ╭─[test.css:6:1] 5 │ 6 │ div.b.c.d.e { · ─────┬───── · ╰── Complex selector, consider refactoring 7 │ color: var(--red-500); ╰──── Error: 1 files failed check! A terminal window. The user has run `csskit tree style.css` and the result is the following output: style-sheet ├─ style-rule:rule │ ├─ selector-list:size(1) │ │ ╰─ compound-selector │ │ ╰─ id │ ├─ style-value[name=color]:longhand │ │ ╰─ style-value │ │ ╰─ color-style-value │ │ ╰─ color │ ╰─ style-value[name=-webkit-animation]:unknown:prefixed │ ╰─ style-value ╰─ style-rule:rule ├─ selector-list:size(1) │ ╰─ compound-selector │ ├─ tag │ │ ╰─ html-tag │ ├─ class │ ├─ class │ ├─ class │ ╰─ class ╰─ style-value[name=color]:computed ╰─ style-value
December 30, 2025 at 7:42 PM
keithamus.social
Who’s interested in some css gradient easing functions?
December 15, 2025 at 3:19 PM
Reposted by Keith Cirkel
webdevs.firefox.com
❓ Do you have a need for range inputs with 3+ sliders on the web? Folks are scoping out this work, and want to know your use-cases ⬇️ https://github.com/openui/open-ui/issues/1337
December 12, 2025 at 3:30 PM
Reposted by Keith Cirkel
webdevs.firefox.com
Oh hello! We've had a bit of a rename & rebrand (formally FirefoxDevTools), but the content will be roughly the same as it's been for the past few months.

We're looking forward to posting more on web platform & DevTools features.
December 5, 2025 at 1:38 PM
Reposted by Keith Cirkel
webdevs.firefox.com
We have Custom Elements, but do we also need Custom Attributes?

This was discussed at TPAC. Is it something you'd like on the platform?

https://github.com/WICG/webcomponents/issues/1029
December 1, 2025 at 2:29 PM
Reposted by Keith Cirkel
londonwebstandards.org
We know that before we announce our next speaker, you like to get to know them a bit. Our clue for you today is…Their dog is an internet superstar and has appeared on many industry videos.

On Friday, we will officially announce them, so you have until then to try to figure out who this is.🤫
#SotB26
A banner with a question mark on the left and text on the right that reads: Who is our next speaker? State of the Browser, Saturday 28 Fabruary 2026, Barbican Centre, London.
November 26, 2025 at 10:01 AM
keithamus.social
CSS is so powerful now, it's amazing looking through older CSS and seeing what can be replaced with a one-liner. I'm on the hunt for snippets that used to be multiple lines of CSS that can now be done in one. Show me what you got!
November 26, 2025 at 9:49 AM
keithamus.social
Now I know there’s some great engineers out there who would love to work on storybook, but did yall know they’re hiring? www.chromatic.com/company/care...
Chromatic • We're hiring!
loading
www.chromatic.com
November 19, 2025 at 11:48 PM
Reposted by Keith Cirkel
tonyward.dev
Oh look @michaelwarren.dev with @kevinpowell.co on one of my favorite topics — web components!

youtu.be/qUhtlnL48yA?...
How to use Web Components, and why you'd want to
YouTube video by Kevin Powell
youtu.be
November 19, 2025 at 3:09 PM
Reposted by Keith Cirkel
adamtots.bsky.social
whats up my fellow gamers
November 18, 2025 at 5:22 AM
Reposted by Keith Cirkel
londonwebstandards.org
Early bird In-person (£70) and Online (£15) tickets are on sale until 18 November (midnight UK time) or until sold out.
Next ticket sale opens on 17 December and prices will go up for both In-person (£80) and Online (£20).

#BuyEarly and secure your spot! #SotB26

2026.stateofthebrowser.com/tickets/
Tickets | State of the Browser
More information and buying options for tickets.
2026.stateofthebrowser.com
November 13, 2025 at 9:58 AM
Reposted by Keith Cirkel
matuzo.at
“GitHub no longer uses toasts because of their accessibility and usability issues.”

Music to my ears!

primer.style/accessibilit...
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
primer.style
November 12, 2025 at 7:36 AM