Keith Cirkel

HTML popovers shown on interest should be accessible on mobile devices | utilitybend A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.

🚀A new HTML feature, interestfor, allows for hover-triggered popovers. But how do they work on touch? The article shows different solutions for making them accessible on touch devices, and my thoughts on them. Share your thoughts! #HTML #webdev #accessibility #openui

utilitybend.com/blog/html-po...

This is me a couple of days before the first release of PostCSS.

From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month).

evilmartians.com/chronicles/w...

If, like me, you're too lazy for a user script then there's a 1 click install away also: github.com/InvoxiPlayGa...

A set of grotesque chairs (one white, one grey, one black) which would otherwise be fine but some plonker thought it would be sensible to strap a door knocker to the back of it.

I apologise in advance.

State of HTML 2025 Take the State of HTML survey

State of HTML is live now!

Please take it if you care about the web platform! 🙂

These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs!

survey.devographics.com/en-US/survey...

Look forward to the inevitable data leaks from all these companies promising to securely identify people.

TIL I can’t use Bluesky DMs any more without handing over my personal info to a random website because “won’t someone please think of the children” draconian UK laws enacted last week.

So if you’re trying to DM me, maybe try mastodon instead: @keithamus@indieweb.social

Me, sitting behind a cuddly toy of a fox. Ok it's obviously Firefox.

Starting my new role on Monday. Could be anywhere.

Capturing event listeners let you listen to events widely, if you want more of a “broadcast” thing.

UK users when the website asks them where they're posting from today.

Some scientists have been working on genetically engineering an experimental new tag that can absorb the powers of other tags. They’re calling it `selectedcontent`. As of yet we’re unsure of just how powerful this tag may become.

State of HTML 2025 Take the State of HTML survey

📢 The State of HTML Survey is live survey.devographics.com/en-US/survey...

The #HTML and #CSS surveys are the only web surveys I don't want to miss. Thank you @sachagreif.com for making them, and @lea.verou.me for curating.

Please take a few minutes to fill the survey if/when you can. ✨

As Nathan points out in another reply - it is available in Firefox nightly!

A screenshot of Firefox in the `about:config` page. The search bar has the text `layout.does.not.exist` and below is a form to add a new preference with that name. One can determine this is a form to add a new pref because it has a set of radios for the type (Boolean, Number, String) and a `+` button with the tooltip `Add`.

A screenshot of Firefox in the `about:config` page. The search bar has the text `layout.css.anchor-positioning.enabled` and below is a result for an existing preference with that name. One can determine this is an existing pref because it does _not_ include the form to set this prefs type (Boolean, Number, String), nor does it have the `+` button, and instead it has the default value of `false`, and a button to reset to the default value.

It's likely not in that release.

When you go to `about:config` and search for the pref, if it's not already in the list as `false` then it is not available in that release. You might instead get a UI to create the new pref which won't do anything

Consider the following screenshots; subtle I know.

There are several folks interested but I am always happy to help people get hacking on browsers so if you want to pair on this or something bigger, I’m totally down!

Looks closely related! I may have to explore these combinations further.

Zero! We have the line of code that needs adding, just need an html test to confirm it

What would you prefer to do? How would you envisage the default styling?

We've got a good-first bug for new contributors to Firefox: bugzilla.mozilla.org/show_bug.cgi...

If you're interested in writing a little bit of C++/HTML/JS to make your first contribution, let me know! I'd be happy to guide you through the whole process over chat or video call.

This has not been specified until now. Each browser handles it slightly differently. The aim of specifying it is to find out the common behaviour to get a specified subset, and start removing the unspecified behaviour from engines, in the hopes that one day these heuristics largely disappear.

An absolutely gargantuan screenshot of the spec prose available on https://deploy-preview-2576--wai-aria.netlify.app/html-aam/#el-table

I did a thing.

These are all the steps (with citations) each of the browsers take to determine if a <table> element is really a <table> element or if it's just sparking layout.

deploy-preview-2576--wai-aria.netlify.app/html-aam/#el...

Lastly, for prop drilling, check out github.com/webcomponent... which might be a helpful pattern to adopt. You basically propagate `context-request` events with a function that a receiver can call to supply a value. For some inspiration on application, maybe github.github.io/catalyst/gui... helps.

Using Cancellation Signals – Web Components Guide

Further in the State & Reactivity, the "subscribe"/"unsubscribe" pattern looks a bit like using AbortControllers for events. Check out webcomponents.guide/learn/techni... which goes into detail about how to use signals to clean up events, might be handy.

Stop Using CustomEvent

In your `State & Reactivity` section you mention using custom events. Your code uses `CustomEvent`. I'd recommend avoiding `CustomEvent` and consider sublcassing events, if you're not already. Check out justinfagnani.com/2025/06/25/s... for more.

Your sanitisation section doesn't mention attributes, but you should consider it. There have been a number of XSS attacks by leveraging `class` or `data-` attributes that trigger behaviours in code. Ideally you'd have an allow list of attributes, and maybe limited to certain values (esp for class)

Great article! Looking forward to using the app when you release it.

Couple of notes...

Sound like an interesting class. We can always have both!

It's a little tricky... on one hand it's literally `ComputeTheIntersection` in Gecko (searchfox.org/mozilla-cent...), OTOH it does shennigans like checking the document origin. There's definitely opportunity to refactoring but not such as easy win as checking if points/rects intersect.

For a take maybe too nuanced for socials:

If your sense of nation comes from geography you may have a warped sense of national pride.

If your sense of nation comes from a shared culture and shared set of values, that embraces those who commit to the same, then that is, IMO, reasonable.

Microsoft is laying off as many as 9,000 employees Xbox will end or decrease work ‘in certain areas’

Your regular reminder being laid off is not a condemnation of you or (likely) your manager, but instead a signal of incompetence from upper management. Their job is to keep the business sustainable and they failed, and you get to pay the price.

www.theverge.com/news/693535/...