Keith Cirkel
@keithamus.social
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
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
Reposted by Keith Cirkel
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
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
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
2026.stateofthebrowser.com/tickets/#div...
Please share
A rough prototype, but it's working! `csskit@0.0.11` 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` ;)
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";
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:olwfcyixafqp6n4zbe2pskdj/bafkreiguoitftryfpkh2z7tzjn6okqretbe2splsnoccjl5evttetqejna@jpeg)
![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!](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:olwfcyixafqp6n4zbe2pskdj/bafkreihrksmkq7c52rx2fw7wi32akyh6ytrq7frzfjnz6lqcak7fsphwp4@jpeg)
![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](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:olwfcyixafqp6n4zbe2pskdj/bafkreibxugtiuxqv6houicitlsndenuhysh3g5vg26juencofurm4tsyey@jpeg)
December 30, 2025 at 7:42 PM
A rough prototype, but it's working! `csskit@0.0.11` 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` ;)
Run `csskit tree` to see how to select nodes.
`npm i csskit@latest` ;)
Who’s interested in some css gradient easing functions?
Gecko: Intent to Prototype: CSS gradient easing functions
Gecko: Intent to Prototype: CSS gradient easing functions
Gecko: Intent to Prototype: CSS gradient easing functions
groups.google.com
December 15, 2025 at 3:19 PM
Who’s interested in some css gradient easing functions?
Reposted by Keith Cirkel
❓ 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
❓ 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
Reposted by Keith Cirkel
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.
We're looking forward to posting more on web platform & DevTools features.
December 5, 2025 at 1:38 PM
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.
We're looking forward to posting more on web platform & DevTools features.
Reposted by Keith Cirkel
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
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
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
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
Reposted by Keith Cirkel
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
On Friday, we will officially announce them, so you have until then to try to figure out who this is.🤫
#SotB26
November 26, 2025 at 10:01 AM
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
On Friday, we will officially announce them, so you have until then to try to figure out who this is.🤫
#SotB26
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
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!
Reposted by Keith Cirkel
RIP to Udo Kier! What a cool actor, and he made to 81 too! He’s mind-controlling Soviet dinosaurs in heaven now 😢
November 24, 2025 at 8:15 AM
RIP to Udo Kier! What a cool actor, and he made to 81 too! He’s mind-controlling Soviet dinosaurs in heaven now 😢
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
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...
Reposted by Keith Cirkel
Oh look @michaelwarren.dev with @kevinpowell.co on one of my favorite topics — web components!
youtu.be/qUhtlnL48yA?...
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
Oh look @michaelwarren.dev with @kevinpowell.co on one of my favorite topics — web components!
youtu.be/qUhtlnL48yA?...
youtu.be/qUhtlnL48yA?...
Reposted by Keith Cirkel
whats up my fellow gamers
November 18, 2025 at 5:22 AM
whats up my fellow gamers
Reposted by Keith Cirkel
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/
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
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/
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/
Reposted by Keith Cirkel
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
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
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Music to my ears!
primer.style/accessibilit...
One problem with the web platform I’m thinking about how to solve: keyboard shortcuts.
I’ve written what I see as the requirements here: github.com/openui/open-...
I want to hear from devs who’ve worked on big apps/sites with shortcuts and see what I’m missing, and how they’ve solved this.
I’ve written what I see as the requirements here: github.com/openui/open-...
I want to hear from devs who’ve worked on big apps/sites with shortcuts and see what I’m missing, and how they’ve solved this.
github.com
November 8, 2025 at 5:03 PM
One problem with the web platform I’m thinking about how to solve: keyboard shortcuts.
I’ve written what I see as the requirements here: github.com/openui/open-...
I want to hear from devs who’ve worked on big apps/sites with shortcuts and see what I’m missing, and how they’ve solved this.
I’ve written what I see as the requirements here: github.com/openui/open-...
I want to hear from devs who’ve worked on big apps/sites with shortcuts and see what I’m missing, and how they’ve solved this.
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
TPAC 2025 - Hybrid meeting
Our major event of the year gathers our community for thought-provoking discussions and coordinated work.
www.w3.org
November 6, 2025 at 9:44 AM
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
Reposted by Keith Cirkel
How many lexicon validators will it take for you to finally write your App
October 9, 2025 at 7:08 AM
How many lexicon validators will it take for you to finally write your App
Sounds like Microsoft are committed to erasing GitHub’s last ounces of positive internal culture. Shuttering water cooler channels, moving the staff to outlook+teams and now telling employees they have to change their GitHub handles, many of whom had accounts predating their employment.
October 22, 2025 at 11:27 PM
Sounds like Microsoft are committed to erasing GitHub’s last ounces of positive internal culture. Shuttering water cooler channels, moving the staff to outlook+teams and now telling employees they have to change their GitHub handles, many of whom had accounts predating their employment.
This November at the Annual W3C Plenary (TPAC) I'll be discussing "Custom Attributes" github.com/w3c/tpac2025.... I'd like to bring the same lifecycle hooks & subclassing of Custom Elements to attributes. I'd _love_ to hear if developers think this is a good or bad idea, and what they'd like to see.
Custom attributes for all elements · Issue #46 · w3c/tpac2025-breakouts
Session description 2023's breakouts had a discussion on alternatives to customized built-ins. A sketch of a proposal came out around this time: customised attributes. WICG/webcomponents#1029 I'd l...
github.com
October 20, 2025 at 4:08 PM
This November at the Annual W3C Plenary (TPAC) I'll be discussing "Custom Attributes" github.com/w3c/tpac2025.... I'd like to bring the same lifecycle hooks & subclassing of Custom Elements to attributes. I'd _love_ to hear if developers think this is a good or bad idea, and what they'd like to see.
Reposted by Keith Cirkel
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Reposted by Keith Cirkel
My friends, foals and follies. Apparently snipping you out of context is not enough to inspire fear. The fodder must change. The horsejs must roam free. Stay safe, and remember to eat your pancakes.
October 7, 2025 at 7:01 AM
My friends, foals and follies. Apparently snipping you out of context is not enough to inspire fear. The fodder must change. The horsejs must roam free. Stay safe, and remember to eat your pancakes.
London’s food scene is one of the best in the world and this is a hill I will absolutely die on.
I've done nothing but complain about moving to the UK (and in doing so, claim my Britishness) but I will say: London is a way better food city than New York, and anyone that tells you otherwise is a silly billy
October 6, 2025 at 6:05 PM
London’s food scene is one of the best in the world and this is a hill I will absolutely die on.
Reposted by Keith Cirkel
I try not to have any kind of human-like relationship
October 5, 2025 at 3:33 PM
I try not to have any kind of human-like relationship
Reposted by Keith Cirkel
waterfall dev cycles are actually entirely correct
October 3, 2025 at 12:26 AM
waterfall dev cycles are actually entirely correct
Reposted by Keith Cirkel
JSX.
Is this something people would be interested in?
Is this something people would be interested in?
October 2, 2025 at 7:05 AM
JSX.
Is this something people would be interested in?
Is this something people would be interested in?