HTML reminder: if you're dealing with elements that shouldn't be accessible or reachable at all, the `inert` attribute helps out! https://developer.mozill...
Stefan Judis
@stefanjudis.com
Freelance dev sending Frontend news to 6k people over at webweekly.email. Sharing lots of tips'n'tricks on the way. Google Dev Expert, former Microsoft MVP and Playwright Ambassador
I'm pretty sure I read this post years ago (seems to have been extended since) and I'm still following some of these rules. Perfect stuff for people that don't have an eye for design... 😅 https://anthonyhobday.co...
There's nothing to see here, it's just a browser running in your browser. 😅 https://developer.puter....
Have you ever noticed that "things become unclickable" when a view transition is running? You can work around this behavior with some CSS or scoped view transitions... 👇 https://master.dev/blog/...
Here's Temani yet again doing Temani things explaining how to tweak and adjust the overflow of individual images using `object-fit` and `object-position`. It's a great read to understand `img` fundamentals. https://master.dev/blog/...
If you're intimidated by the Chrome DevTools performance tools, you'll like this one. It's a nice explainer about all the details you need to know! https://perf.reviews/pro...
I'd say I was pretty aware of all the possibilities and information my browser shares about me, but it's still wild to see all this data in black and white. :/ https://kuber.studio/cookie
I dig this a lot! Edge now ships an experimental feature that warns you about and monitors network activity that isn't optimized, like uncompressed assets or large images. https://www.debugbear.co...
I really like this comparison. Daniel put CSS states (`:focus-visible`, `:popover-open`, `:fullscreen` etc) next to possible JavaScript implementations. He also went into the fairly new `event-trigger` CSS props and that's some fancy stuff! https://css-tricks.com/c...
And the new Web Weekly is going out in a few minutes. 🥂 This time it includes the Git `history` command, Edge's new network efficiency guardrails, CSS gap decorations, and some `img` element magic. Enjoy! webweekly.email/archive/web-...
And the new Web Weekly is going out in a few minutes. 🥂 This time it includes the Git `history` command, Edge's new network efficiency guardrails, CSS gap decorations, and some `img` element magic. Enjoy! webweekly.email/archive/web-...
I'm just about to sit down to finalize the next Web Weekly edition. It'll hit tonight. 🥂 If you're into WebDev, Frontend work, and browser "stuff", you should check it out. 👇 webweekly.email
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. ❤️ https://clickclickclick....
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....
Looking to hear from more devs who write? @brittanyellich.com put together this starter pack: go.bsky.app/AnM2t7r
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! https://www.bram.us/2026...
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/...
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.u...
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.mozill...
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/...
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-in...
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...
It's been a while since I've done a people looking for work thread. If you're looking for work, put what you do and what you're looking for (full time, freelance etc) as a reply. Companies: get hiring people!
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/...
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! webweekly.email/archive/web-...
Guysssssssssssss. What are the best web dev newsletters out there? Let's shout out our favs! They do deserve some appreciation in the comments section.💯
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... https://stateofdevs.com/...
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! webweekly.email/archive/web-...
I'm just about to sit down to write the next Web Weekly edition. 🥂 If you're into WebDev, Frontend, and browser "stuff", you should check it out. 👇 webweekly.email