← Feed

Posts

• Post #4166069

  I made an accessibility error when coding up some tooltips. Here's where I went wrong, and how you can avoid making the same mistake: https://jakearchibald.com/2026/my-tooltip-a11y-mistake/

• Post #2165502

  🔊 We're finally getting a fully stylable <select> element! Me and @surma dive into the details, including 10 web platform features we got along the way. ⬇️ Listen here ⬇️ https://offthemainthread.tech/episode/stylable-select-element/

• Post #2077516

  I was in the pub loos, and a guy, apropos of nothing, said "do you know why I don't wash my hands? COS MY DICK IS CLEAN" I asked him if he cleaned it in the sink and he laughed and hit me on the arm with his pissy hand.

• Post #2076219

  So, Chrome's "web standard" Prompt API: Mozilla: Opposed WebKit: Opposed Microsoft: Several concerns W3C TAG: Several concerns Developers: Mostly negative Chrome: Ships anyway. A sad time for web standards. But, I guess someone at Google will get promoted, so 'every cloud…'

• Post #2021611

  Me: Argh I can't remember his name @phae: Who? Me: Horrible podcaster @phae: Which one? Me: he looks like he'd be called something like "Chud Gunt". @phae: Joe Rogan? Me: yes thank you

• Post #1208208

  🎉 SPA view transitions have landed in stable Chrome! But, this is just the start! We've got more view transition features planned. Here's what we're looking at next: https://developer.chrome.com/blog/spa-view-transitions-land/

• Post #1091804

  Folks asked if there was a way to disable Chrome's own 'back' transitions, and I didn't think there was, but… you can use a CloseWatcher to listen for the back gesture (which disables Chrome's transition), and then call history.back(). https://mastodon.social/@firefoxwebdevs/116295985768415581

• Post #1091803

  Nice to see excitement around the proposed html-in-canvas feature, but remember you can already put canvas behind/atop HTML elements. The benefits of this new feature are: ➡️ Readbacks (eg sending to a VideoEncoder) ➡️ Showing HTML on non-planar shapes ➡️ Using shaders on HTML

• Post #1091802

  Strangely satisfied to bag HTML issue 12345 https://github.com/whatwg/html/pull/12345

• Post #999026

  I'm speaking at Web Day Out on Thursday in Brighton. The line-up looks great, and tickets are still available https://webdayout.com/ You can get a 10% discount via https://ti.to/clearleft/web-day-out/discount/JOIN_JAKE My first talk in a couple of years 😬. It's currently running at 40 minutes but the slot is 30, so I have work to do…

• Post #991904

  There's something quite exciting happening with AVIF and progressive rendering. Some recent patches let you provide custom 'frames' as progressive passes, so you can provide e.g. smaller blurry versions of the full image to use as a progressive pass.

• Post #984529

  I've proposed a series of changes to popover=hint. If you use web popovers, I'd love to know if the changes in the first post of this issue make sense, or, more importantly, if these changes would break your current usage of popovers. https://github.com/whatwg/html/issues/12304#issue-4121948352

• Post #902371

  I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well! Live demo: https://random-stuff.jakearchibald.com/apps/curved-markup/ (needs Chrome Canary with the canvas-draw-element flag. Source: https://github.com/jakearchibald/random-stuff/blob/main/apps/curved-markup/src/App/index.ts...

• Post #831130

  Another customisable <select> demo to add to the pile. I had a lot of fun with anchor position, anchor containers, scroll containers, calc-size etc etc https://random-stuff.jakearchibald.com/fancy-select/ Chrome only… for now, but it falls back nicely.

• Post #831127

  MacOS: I see you've set Finder to appear on 'all desktops' me: yes MacOS: So when you cmd-tab to Finder, which desktop should I switch to? me: well you shouldn't because… MacOS: So I can switch to a random desktop? YAY!

• Post #831125

  Folks who are interested in popover=hint: have a play with https://random-stuff.jakearchibald.com/popover-hint/ and tell me anything that doesn't make sense. Or watch this:

• Post #812958

  MacOS: When I restart, would you like me to re-open all these apps? me: no MacOS: hmm well that's a shame because I am going to do that. me: ok MacOS: Should I open them all maximised on the same desktop? me: no MacOS: hmm well…

• Post #545278

  I think it's often overlooked that AVIF is also really good at flat colour & sharp edges. Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG. Here's an 11kb image as an AVIF, vs JPEG XL.

• Post #240476

  Unhelpful.