Lightnews — Scholar-powered news

Keith Cirkel

@keithamus.social

1.8K followers 1.1K following 270 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

keithcirkel.co.uk

Posts Media Videos Starter Packs

Keith Cirkel @keithamus.social · 1d

Prototyping in Firefox. Can’t promise a timeline but “soon” 😉

1 7

Reposted by Keith Cirkel

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 6d

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

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

17 110 230

Reposted by Keith Cirkel

horsejs.com @horsejs.com · 8d

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.

1 4

Keith Cirkel @keithamus.social · 9d

London’s food scene is one of the best in the world and this is a hill I will absolutely die on.

Celeste Horgan @celestehorgan.bsky.social · 9d

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

Reposted by Keith Cirkel

horsejs.com @horsejs.com · 10d

I try not to have any kind of human-like relationship

1 5

Reposted by Keith Cirkel

horsejs.com @horsejs.com · 12d

waterfall dev cycles are actually entirely correct

2 4

Reposted by Keith Cirkel

horsejs.com @horsejs.com · 13d

JSX.

Is this something people would be interested in?

2 15

Reposted by Keith Cirkel

henry ✷ @strange.website · 13d

jason object would be a beautiful name for a baby boy

2 1 36

Keith Cirkel @keithamus.social · 14d

My trick is hitting "Mark all as done" 😉

If I know I'm not going to get to it, someone else will, else it's not important enough for anyone to do.

Keith Cirkel @keithamus.social · 15d

I miss @horse_js. I'd enjoy some cutting satire of the JS ecosystem right now.

4 1 26

Keith Cirkel @keithamus.social · 15d

This worked! Thank you so much!

Keith Cirkel @keithamus.social · 15d

It's impossible to get to inbox zero on GitHub because I got @ mentioned in a couple of spammy repos which are deleted, but the notifications are hanging around in my inbox and I cannot remove them.

GitHub knows this is an issue but don't seem to want to fix it so... 🤷

4 9

Reposted by Keith Cirkel

Jake Archibald @jakearchibald.com · 16d

Web component folks: A common feature with request is to "inherit from a button". If that's something you want, which specific button behaviours is it you want to inherit? Why is putting a button in the shadow root not the answer?

16 12 30

Keith Cirkel @keithamus.social · 21d

Well, this is a cursor buffer. The entire source string buffered so it's possible to backtrack. This just skips the bit where if you back track or peek you have to re-lex.

Keith Cirkel @keithamus.social · 22d

Ahhh. Always nice when you can add ~180LOC to your ~100kLOC codebase and make it go twice as fast.

github.com/csskit/csski...

1 13

Reposted by Keith Cirkel

Bramus @bram.us · 22d

🎂 Happy 23rd birthday, Firefox

(Firefox 1.0 was released on November 9, 2004 but the first version of the thing that lead up to it – Phoenix 0.1 – was released on September 23, 2002)

Screenshot of Phoenix 0.1, later to become Firefox. Screenshot from https://en.wikipedia.org/wiki/Firefox#History

3 27 110

Reposted by Keith Cirkel

eva (scary) @eva.town · Sep 12

`field-sizing` on `<input>` is really handy for groups of editable chips!

1 5 56

Keith Cirkel @keithamus.social · 27d

Sadly it’s not reciprocal

Keith Cirkel @keithamus.social · Sep 12

You’re right. JavaScript is required for that. Personally I don’t think many users are doing that so I’m not going to add that JS, but it would only be a few lines I believe.

Keith Cirkel @keithamus.social · Sep 11

The button uses popovertarget - it would use commandfor but the docs pages have zero JS so far and I didn't feel like introducing JS for a polyfill when popovertarger is there.

2 3

Keith Cirkel @keithamus.social · Sep 11

I just did one of these the other night.

csskit.rs/docs/

It uses `[popover]` on the menu, with `display:block` on desktop sizes (so it's always visible) then on mobile sizes the button becomes visible and it's usable as a popover!

I did the same technique a while back on webcomponents.guide.

csskit

csskit.rs

3 4

Keith Cirkel @keithamus.social · Sep 9

Does anyone reading this skeet work on (or know of anyone who works on) www.gov.uk/alerts?

The list of alerts is only available as an Atom feed which relies on XSLT to display in the browser, and there appears to be no proper HTML alternative (the link rel=alternative goes to the homepage).

About Emergency Alerts

Your mobile phone or tablet may get an emergency alert if there’s a danger to life nearby. Alerts tell you what to do to stay safe.

www.gov.uk

2 2

Reposted by Keith Cirkel

Nathan Knowler @knowler.dev · Sep 3

Composition with the Shadow DOM is more powerful than you think. You can do a lot with the default named slot assignment, but manual slot assignment is a pathway to many abilities some consider to be… unnatural.</emperor-palpatine>

An intro to manual slot assignment – Nathan Knowler

knowler.dev

2 11 33

Keith Cirkel @keithamus.social · Sep 3

Great to hear this resonated. I still maintain the opinions in the post. I would agree, more relevant today considering how much more expressive CSS selectors have gotten since, and it's only ever improving.

1 3

Reposted by Keith Cirkel

Seb ⚛️ ThisWeekInReact.com @sebastienlorber.com · Sep 2

👀 commandfor - enabled by default in Firefox 144

Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉

More info in @keithamus.social post here: developer.chrome.com/blog/command...

3 41 200