![\"A](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F087%2F790%2F434%2F064%2F827%2Foriginal%2Fbacaceb8b2517783.png\")
Guess what you'll find at clickclickclick.click. I can't help it; I just love people who put out silly things on silly domains. β€οΈ
Here's a quick party trick: did you know that you can use Intl to format numeric values with their units?
Yes, I'm fun at parties... π«£
https://www.stefanjudis.com/today-i-learned/intl-can-localize-units-too/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F082%2F967%2F730%2F862%2F846%2Foriginal%2F95398b7a66f669aa.png\")
Well, that's what I call yet another fancy personal website. π
![\"A](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F082%2F128%2F404%2F155%2F252%2Foriginal%2F932afa6466ebf114.png\")
Bramus is working on new ways to make view transitions easier to handle in an MPA scenario. This is in its very early stages, but look at this funky CSS.
He's looking for feedback, too!
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F077%2F303%2F918%2F606%2F908%2Foriginal%2F20a1b7c05c3c625b.png\")
Here's a good explainer on the containertiming attribute, currently running as a Chrome Origin trial. If you're not knee-deep into perf topics, this post includes more than one rabbit hole to jump into.
https://csswizardry.com/2026/07/meaasuring-component-performance-with-the-container-timing-api/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F076%2F467%2F818%2F191%2F637%2Foriginal%2F54181e4e113691f8.png\")
I've heard about the text-scale meta element but the preferred-text-scale CSS env var was news to me. π«£
Josh was involved in the spec and shares how a particular BBC problem led to this new font size approach.
https://www.joshtumath.uk/posts/2026-07-02-lets-fix-the-webs-text-size/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F071%2F652%2F021%2F774%2F325%2Foriginal%2Fb616e5d77f51cf0d.png\")
We're not entirely there yet in terms of browser support, but the new closedby property on the dialog element is already in Safari TP, so it's about time to look into it.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F070%2F802%2F482%2F678%2F716%2Foriginal%2Fc0e82caf9ab2fd57.png\")
Chrome 150 shipped the new text-fit property. There are no real MDN docs, and the spec would be the best we've got if it weren't for Krijn, who documented all the options with visual examples.
https://krijnhoetmer.nl/log/2026/07/playing-with-text-fit
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F054%2F672%2F924%2F405%2F013%2Foriginal%2F34f38c9b117b0e20.png\")
How could you stack on top of an element with the highest possible z-index (2147483647)? Correct! You use CSS infinity to get on top of the highest stack.
Adam lists some more creative infinity use cases.
https://nerdy.dev/css-infinity-use-cases
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F053%2F816%2F759%2F075%2F340%2Foriginal%2F6eef5806daed2dc5.png\")
@kolombiken nah. Don't remember sth like that. It was more how much do you use AI and what's worrying you rn. :)
","url":"https://front-end.social/users/stefan/statuses/117050026270803059","date_published":"2026-08-06T18:41:00+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-08-06 18:41","date_timestamp":1786041660,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"95295370","content_html":"With Chrome 151, soft navigations entered the mainstream. If you haven't heard the term, a soft navigation is anything that:
- is initiated by a user action
- results in a visible URL change
- results in a visible paint
https://developer.chrome.com/docs/web-platform/soft-navigations
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F048%2F986%2F048%2F827%2F041%2Foriginal%2Fbb69fd4eeba599fd.png\")
@kolombiken yep. Sorry for the misunderstanding. The survey was just normal work/life balance and \"how much do you use AI\" stuff. :)
","url":"https://front-end.social/users/stefan/statuses/117048879895590499","date_published":"2026-08-06T13:49:28+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-08-06 13:49","date_timestamp":1786024168,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"95285744","content_html":"@kolombiken Totally. That's me though. Not the survey. :)
","url":"https://front-end.social/users/stefan/statuses/117048249057447949","date_published":"2026-08-06T11:09:02+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-08-06 11:09","date_timestamp":1786014542,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"95285520","content_html":"@kolombiken it's not that bad. :) the more the better though. :)
","url":"https://front-end.social/users/stefan/statuses/117048234431879079","date_published":"2026-08-06T11:05:19+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-08-06 11:05","date_timestamp":1786014319,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"95284919","content_html":"The \"Await dictionary of Promises\" ECMAScript proposal moved to stage three so that we'll finally be able to await objects. Can't wait!
https://github.com/tc39/proposal-await-dictionary
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F048%2F153%2F891%2F877%2F747%2Foriginal%2F455965fb0d956e3f.png\")
The State of Devs survey is open for participation.
There's a lot of uncertainty and, frankly, occasionally I'm navigating a full-blown identity crisis. I'm very curious about whether I'm alone with these feelings and how bad the majority really feels...
![\"Pixel-art](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F043%2F335%2F009%2F085%2F955%2Foriginal%2Fcb3bdf14d2e9de9f.png\")
And the new Web Weekly is about to hit all the inboxes. π«£
This time it includes CSS `infinity`, the `closedby` attribute, measuring soft navigations, and recent ECMAScript updates.
Enjoy!
https://webweekly.email/archive/web-weekly-197/
![\"Web](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F117%2F042%2F793%2F203%2F989%2F241%2Foriginal%2F221b50c141899540.png\")
That's quite a journey to \"improve\" the sizing behavior of customizable selects (Chromium-only so far). Jake gets into anchor positioning, `stretch` and `fit-content`, and `calc-size`.
https://jakearchibald.com/2026/goldilocks-select-height/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F951%2F893%2F679%2F835%2F858%2Foriginal%2F7ae1812415470dac.png\")
@trodrigues haha. Sorry. π
","url":"https://front-end.social/users/stefan/statuses/116935817867981658","date_published":"2026-07-17T14:36:18+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-17 14:36","date_timestamp":1784298978,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"94162106","content_html":"If you're dealing with SVG icons you probably know the pain of overwriting colors. There's a new spec in the making that allows controlling CSS variables from \"the outside\". And it's shipping in Firefox already!
https://drafts.csswg.org/css-link-params-1/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F934%2F907%2F274%2F881%2F033%2Foriginal%2F9949a4f01e532934.png\")
FYI, Chrome ships a new `usermedia` element.
https://developer.chrome.com/blog/usermedia-html-element
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F930%2F048%2F025%2F368%2F694%2Foriginal%2F8f3cfff9767ff57c.png\")
wrapping a button labeled \"Enable camera and microphone\".\">
There's an unfortunate disconnect between `color-scheme` and the `prefers-color-scheme` media query. This tripped me up multiple times. So what do you do about it? Ollie's post has some web platform answers.
https://olliewilliams.xyz/blog/dark-mode/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F929%2F244%2F502%2F313%2F325%2Foriginal%2F6be0bbc8155438a2.png\")
Heads up! The new `QUERY` HTTP method moved from `draft` to `proposed standard`. Protocol changes don't happen very often.
https://www.rfc-editor.org/info/rfc10008/
","summary":"","url":"https://front-end.social/@stefan/116924385242371369","date_published":"2026-07-15T14:08:50+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-15 14:08","date_timestamp":1784124530,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":false,"is_podcast":false,"note":"","syndication":[]}},{"id":"94037560","content_html":"I'm still wondering about anchor positioning use cases beyond the tooltip example. Emil explains how multiple anchors help out with creating clickable card overlays. Fancy stuff!
https://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F923%2F583%2F062%2F889%2F528%2Foriginal%2F177a2d920f9e3f31.png\")
TypeScript 7 is out. And yes, that's the Golang rewrite. π
https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/
","summary":"","url":"https://front-end.social/@stefan/116918724011210703","date_published":"2026-07-14T14:09:07+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-14 14:09","date_timestamp":1784038147,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":false,"is_linkpost":false,"is_mention":false,"is_podcast":false,"note":"","syndication":[]}},{"id":"93977667","content_html":"Safari shipped `display: grid-lanes` and Chromium's working on it. But what does it mean for accessibility when grid items reorder themselves? Can an adjusted `flow-tolerance` help? Manuel cautiously proposes a very interesting solution.
https://matuzo.at/blog/2026/grid-lanes-accessibility
![\"Code](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F917%2F921%2F166%2F325%2F676%2Foriginal%2Fde132a27ecdc3336.png\")
@pcdevil β€οΈ
","url":"https://front-end.social/users/stefan/statuses/116912967535196110","date_published":"2026-07-13T13:45:10+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-13 13:45","date_timestamp":1783950310,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93922186","content_html":"@pcdevil Happy to, but yeah... It's been difficult lately. :/
","url":"https://front-end.social/users/stefan/statuses/116912507744062383","date_published":"2026-07-13T11:48:14+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-13 11:48","date_timestamp":1783943294,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93922180","content_html":"@trodrigues Right. π Long time no see Tiago. I hope you're well! π«΅
","url":"https://front-end.social/users/stefan/statuses/116912506662957540","date_published":"2026-07-13T11:47:57+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-13 11:47","date_timestamp":1783943277,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93919348","content_html":"@MoritzGlantz haha no. I'm def not going for an OS Beta. Im scared enough of every big update. π
","url":"https://front-end.social/users/stefan/statuses/116912222158404445","date_published":"2026-07-13T10:35:36+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-13 10:35","date_timestamp":1783938936,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93918934","content_html":"I tried to sit this out for as long as possible, but I'm now running Tahoe. After all this time, how can this border radius situation still not be fixed?
I know it shouldn't, but this really really bugs me. π
![\"Overlapping](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F912%2F169%2F836%2F505%2F860%2Foriginal%2Fdad608f778f0b80e.png\")
And the new Web Weekly is about to hit all the inboxes. π«£
This time it includes lots of anchor positioning, customizable selects, and ECMAScript 2026 updates.
Enjoy!
https://webweekly.email/archive/web-weekly-196/
![\"Web](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F911%2F917%2F253%2F470%2F753%2Foriginal%2F38ca326e9c5c1277.png\")
@K_OS also totally valid. :) and please don't feel like I mean you.
","url":"https://front-end.social/users/stefan/statuses/116892042721895761","date_published":"2026-07-09T21:03:42+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-09 21:03","date_timestamp":1783631022,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93731762","content_html":"@diondiondion totally fair. Thanks for reading along. β₯οΈ
That's not the answer I get usually though. π«£
","url":"https://front-end.social/users/stefan/statuses/116891910957337984","date_published":"2026-07-09T20:30:12+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-09 20:30","date_timestamp":1783629012,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93731623","content_html":"@gerritvanaaken of course that's fair and what it is for. β₯οΈ The people im referring to don't have that answer though. :)
","url":"https://front-end.social/users/stefan/statuses/116891907195340437","date_published":"2026-07-09T20:29:15+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-09 20:29","date_timestamp":1783628955,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93727851","content_html":"@matze yeah. π I mean, I'm even fine with the lie I guess but people get really angry when I point out it. π€·ββοΈ
","url":"https://front-end.social/users/stefan/statuses/116891656720602510","date_published":"2026-07-09T19:25:33+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-09 19:25","date_timestamp":1783625133,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"93724052","content_html":"This shouldn't bother me but I receive quite a few emails because of my newsletter. Most people who want something open with \"I'm a big fan of your newsletter...\"
This is almost always a lie because I check their email. And when I point it out, people get pissed because \"I'm expecting\" them to read my newsletter.
When did lying become an acceptable form of flattery?
I don't get it.
","summary":"","url":"https://front-end.social/@stefan/116891330622144809","date_published":"2026-07-09T18:02:37+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-07-09 18:02","date_timestamp":1783620157,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":false,"is_podcast":false,"note":"","syndication":[]}},{"id":"92956931","content_html":"@anthony I'm not really into discussing this at large here, because things get so heated quickly.
But because you asked: I kick off a job that builds me a screenshot (code + browser support / baseline info).
In parallel I open MDN and then check the result. This saves me easily minutes per screenshot.
Either way, too each their own. βοΈ
","url":"https://front-end.social/users/stefan/statuses/116816810001907714","date_published":"2026-06-26T14:11:02+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-26 14:11","date_timestamp":1782483062,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92956765","content_html":"TIL recap: Did you know that container size queries can detect landscape and portrait ratios?
![\"An](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F816%2F802%2F472%2F991%2F847%2Foriginal%2Fdff3c57850da64ca.png\")
@anthony While I agree with the sentiment, hallucinations are almost not existent these days if you feed accurate data (which the MCP server does).
I've been using a similar flow with the mdn compat data on github for quite a while and it hasn't been wrong a single time so far.
(of course I double-check).
","url":"https://front-end.social/users/stefan/statuses/116816787873572435","date_published":"2026-06-26T14:05:25+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-26 14:05","date_timestamp":1782482725,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92481121","content_html":"@kaiserkiwi I think so, yes. But I'd need to check the a11y tree first to be sure. :)
","url":"https://front-end.social/users/stefan/statuses/116775743515969481","date_published":"2026-06-19T08:07:17+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-19 08:07","date_timestamp":1781856437,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92284603","content_html":"@rgadellaa agreed.
","url":"https://front-end.social/users/stefan/statuses/116759830076805023","date_published":"2026-06-16T12:40:18+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-16 12:40","date_timestamp":1781613618,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92275641","content_html":"@Kilian Yeah, it's cute. :D
","url":"https://front-end.social/users/stefan/statuses/116759121229348280","date_published":"2026-06-16T09:40:01+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-16 09:40","date_timestamp":1781602801,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92275420","content_html":"@Kilian Yeah agreed. There'll also be \"sssh\" / \"mute\" to silence tabs with audio. π€·
URL bar seems weird, but I'm not sure where else to put it. Still thinking about a \"general control\" section...
","url":"https://front-end.social/users/stefan/statuses/116759101858240404","date_published":"2026-06-16T09:35:06+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-16 09:35","date_timestamp":1781602506,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"92275362","content_html":"@LuD_up Good point, but I guess you need to ask them. :D
","url":"https://front-end.social/users/stefan/statuses/116759096814086922","date_published":"2026-06-16T09:33:49+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-16 09:33","date_timestamp":1781602429,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"91401469","content_html":"@naton I'm not sure I follow... π
","url":"https://front-end.social/users/stefan/statuses/116681331520186027","date_published":"2026-06-02T15:57:05+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-02 15:57","date_timestamp":1780415825,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"91392817","content_html":"@css Okidoki!
","url":"https://front-end.social/users/stefan/statuses/116680775077850597","date_published":"2026-06-02T13:35:34+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-06-02 13:35","date_timestamp":1780407334,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}},{"id":"91392442","content_html":"@css Hahah. π«£ Not sure if I'm quoting you incorrectly though.
Should I change something? Happy too, if so. :)
![\"It](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F680%2F733%2F484%2F617%2F792%2Foriginal%2F385241374a6bde20.png\")
Thanks for all the good wishes. WE MADE IT! Overall riding time with breaks was ~15h.
This was by far the hardest thing I've ever done physically!
Would I do that again? Maybe (probably). But it was rough. Very rough. Pushing through mentally was by far the hardest part. As someone who's struggling with anxiety, I'm beyond proud and grateful for my crew and that my body made it!
![\"Distance:](\"https://cdn.micro.blog/photos/1000x/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Fmedia_attachments%2Ffiles%2F116%2F669%2F318%2F506%2F042%2F531%2Foriginal%2Fce4eea2e9471f904.png\")
@pcdevil haha. Thanks!
","url":"https://front-end.social/users/stefan/statuses/116657733842568993","date_published":"2026-05-29T11:55:53+00:00","author":{"name":"Stefan Judis","url":"https://front-end.social/@stefan","avatar":"https://cdn.micro.blog/photos/96/https%3A%2F%2Fcdn.masto.host%2Ffrontendsocial%2Faccounts%2Favatars%2F109%2F292%2F179%2F443%2F349%2F306%2Foriginal%2Fcdd4d7ff5109af04.png","_microblog":{"username":"stefan@front-end.social"}},"_microblog":{"date_relative":"2026-05-29 11:55","date_timestamp":1780055753,"is_favorite":false,"is_bookmark":false,"is_deletable":false,"is_conversation":true,"is_linkpost":false,"is_mention":true}}]}