But also, read the article! bsky.app/profile/keit...
10.03.2026 10:03
👍 7
🔁 1
💬 0
📌 0
But also, read the article! bsky.app/profile/keit...
Sorry everyone. You're about to spend a ton of time on this.
My score is 0.0028 💅 (although I get different scores on different screens - my best is on my MacBook)
I'm speaking at Web Day Out on Thursday in Brighton. The line-up looks great, and tickets are still available webdayout.com
You can get a 10% discount via ti.to/clearleft/we...
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…
🎉 new blogpost 🎉
Un-Sass'ing My CSS: Native CSS Nesting
Nesting was a dream feature in Sass and it's recently become 'native' in CSS.
This post covers syntax, specificity, real patterns, and the key differences you need to know.
www.alwaystwisted.com/articles/UnS...
#CSS #Sass #FrontEnd #WebDev
In my notes screen on my slide framework, I have an indicator that the next click will scroll the notes view rather than go to the next slide (because there's more notes than are currently in view)
feels like it should be possible if it applies some kind of containment to the anchor element, and you can only style inner elements of the anchor (like a anchor containers)
Who wants to be nerd-snipped this early in the week? Here's a fairly simple layout for a 'select picker', that turns out to be really tricky to implement. Can you come up with a simpler CSS-only solution? github.com/w3c/csswg-dr...
The "confusing to read" is the #1 issue. But I've also seen people write really bad On^2 code using it, maybe because it's hard to understand
You had me at "Stop writing reduce()"
Todoist
Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus
We'd love your feedback!
Learn more & see open questions: developer.chrome.com/blog/focusgr...
H/t to Edge folks for prototyping
JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:
Out of curiosity (I won't debate it), why?
Based on this evidence, I'm really not sure it's one-size-fits-all
Note the linked thread is comparing AVIF to JPEG XL
noooooooo I did a video where I said that wrong _every time_
walkman.land there's a lot to love about this, but my favourite detail is the spool cogs _correctly_ animating at different rates.
I was going to publish a video today, but I said "iterator" instead of "iterable" THREE WHOLE TIMES and I know you wouldn't let me away with that.
A graphic with the All Day Hey! logo at the top left, and conference information on the top right, reading: "Thursday 7th May 2026 09:00 – 17:00 BST Everyman Cinema Leeds UK" Below shows a Firefox logo which displays a swirl pattern alongside the word Firefox. Below that reads "Without our sponsors, there would be no conference. All Day Hey! is made possible by Firefox."
The mighty @webdevs.firefox.com are supporting All Day Hey! 2026. Without them, there would be no conference. @jakearchibald.com will be around on the day if you want to talk all things Mozilla!
Tickets and more information:
heypresents.com/conferences/...
Landed in 147 bsky.app/profile/webd...
JavaScript's date object has been tricky for years, but that is changing.
The NEW Temporal API brings,
🌍 Easily handle time zones
📆 Precise date math
🕒 Parse ISO strings without errors
⌛ Durations, date ranges, and more.
Start experimenting 👇
developer.mozilla.org/en-US/docs/...
I encoded both of these at "maximum effort" and I think the AVIF encoded faster. But, give it a go yourself
It’s that time again - I’m on the hunt for new clients from the beginning of April. I’m open to full or part-time contracts outside IR35.
I can help you with:
- design system consultancy, coaching, management or documentation
- content design
- UX writing
- technical writing
1/2
Interesting. The red issue sounds like chroma subsampling, which is optional in AVIF. squoosh.app let's you control that.
Interesting! Thumbnails work on MacOS. They don't work on Windows out of the box, but it seems like there are extensions you can install to make it work.
I generally prefer AVIF over JPEG XL for my web imagery use-cases, but this case is an extreme outlier.
My learning here is: You can throw pretty much anything at AVIF, whereas JPEG XL is more like WebP, in that you need to get a feeling for when to put it in its 'lossless' mode.
btw, bsky is recompressing these as JPEG, so (in particular) the AVIF result looks worse than it really is. Here's the actual AVIF in use hacks.mozilla.org/2026/02/laun...
The AVIF with sharp lines and no artefacts that I can see
The JPEG XL, with distorted lines and colour, but not 'muddy' like the previous example.
So @ericportis.com pointed out that cjxl has a hidden 'modular' mode that fairs better for this kind of image. It's still pretty bad compared to the AVIF, but it's sharper than the previous example.
Here's the 11kb AVIF again vs the modular JPEG XL:
Yeah, I uploaded them as PNGs converted from their original AVIF/JXL format. The AVIF can be seen in the Interop post hacks.mozilla.org/2026/02/laun...
I barely ever use WebP these days. What do you use it for rather than AVIF, or is it just for things that might not support AVIF?
