Stefan Judis

The new Web Weekly is about to hit all inboxes. 🥂 This time, it includes a new `poster` element proposal, what happens when you import the same module multiple times, responsive iframes, and an explanation of the `vary` header. Enjoy! webweekly.email/archive/web-...

I'm so gosh-darned excited! css-tricks.com/css-tricks-h...

Do I have some followers / friends in Poland? I'd like to order something online, but the shop doesn't seem to ship to Germany. It's a big ask but if someone could order something for me and send it to Berlin I'd be grateful forever. 🫣

Who would have thought that I'd plug an iframe change that I'm actually excited about? If you're updating iframe sizes manually, you'll dig this! Be aware that responsive iframes are cutting-edge and Chromium-only so far. https://developer.chrome...

The fine folks at Firefox built a nice UI to rank your most preferred new web features. The data goes to the Firefox team as far as I understand. https://interop-rank.fxd...

Good news (I hope): CSS-Tricks will indeed be back later this month!

Cloudflare added support for the `vary` header. If you don't care about Cloudflare, that's fine, but the post does a good job explaining what `vary` does and why caching is hard (obviously). https://blog.cloudflare....

TypeScript only includes types for features supported by two engines (TIL!). `modern-web-types` fixes this and includes features that are only supported by one engine. https://philipwalton.com...

So, `example.com` got a redesign. People asked why and the VP of IANA replied that it was to save bandwidth. The new site now enriches the page with a single `s.js` file so that bots, curls, or whatever can save some bytes. Wild! https://www.oliverdunk.c...

From the unlimited MDN knowledge archive... Just a quick reminder: `::details-content` is a thing these days. https://developer.mozill...

Do we need a `<poster>` element? Scott thinks so and is yet again on the journey of extending the web. Scott was also part of bringing lazy loading to videos, and he's on to the next topic: responsive images in video elements. https://scottjehl.com/po...

What happens when you call `import('foo.js')` twice? The same modules are cached, but what if the first `import` fails and you want to try again? That used to be tricky, but turns out, there's a spec change rolling out as we speak. https://joanleon.dev/en/...

You might have seen these images that are "whiter than white" in Chromium or Safari. This effect is based on some fancy HDR image tricks. If you want to make your logos pop, too, here's a quick website to do so! https://www.soverybright...

Weekly Baseline update: 1. The `alpha()` CSS function became Baseline newly available. 2. `Object.groupBy()` is now widely available.

Going back to Twitter? What?

Here's a funky learning from a couple of years ago: do you know that there's a `CSS` namespace in JavaScript that includes a method to `escape` CSS selectors? https://www.stefanjudis....

Baseline update from this week's newsletter: With Firefox 154, the `text-box` CSS properties are newly available. And `checkVisibility()` is now widely available. 🎉

There is a chance that a new Web Weekly will drop tmrw morning. Just saying, if you want to catch the next issue. 🫣

please @bsky.app, we could use some help to get more devs interested about this place. look at how pretty this post renders in mu.social 🙏

There is a chance that a new Web Weekly will drop tmrw morning. Just saying, if you want to catch the next issue. 🫣

I'm not gonna lie, I'm still bummed about `@custom-media` going nowhere, but now that container style queries have reached Baseline, you can use them to name your breakpoints with a little trick. https://www.abeautifulsi...

I have mixed feelings about this CSS-only approach to custom elements. But the way slots are used here is very smart! https://dev.to/stuffbrea...

For the folks that don't like CSP: there's a new header in town to block/allow connections. https://developer.chrome...

I've never had to build sites in languages that are read right-to-left. If you do, here's how to mix left-to-right and right-to-left text with `dir=auto`, `bdi`, and the `U+200E` / `U+200F` Unicode characters. https://blog.master.dev/...

Be honest, have you ever used the `touch-action` CSS property? If not, here's what it's about. 👇 https://piccalil.li/blog...

I just redeployed my site because Vale reminded me that I'm using a relic of the past. Today I learned that `initial-scale` isn't needed to prevent iOS from doing weird zoom things anymore. https://vale.rocks/micro...

It's been a pain that we couldn't pass values into SVGs since I started doing webdev. But there's some progress with SVG link params. Here's a practical example. https://pepelsbey.dev/ar...

Did you ever wonder why you need to await twice to get a `fetch` response body? Today I learned that the first `await` waits for the response headers. The second one then waits for the body. You learn something new every day. https://blog.gaborkoos.c...

🥰

Here's the best website you'll open today. You're welcome! 🫣 destroy.spritefusion.com

After a short break, the new Web Weekly is about to hit all inboxes. 🫣 This time, it includes `text-box` going Baseline, the two phases of `fetch`, linked parameters in SVG, and the new `Connection-Allowlist` header. Enjoy! webweekly.email/archive/web-...

After a decade at Cloudinary, I am looking work. I'm a web developer who's done a lot of devrel, too. I'm good at the front of the front end, great at browsers and standards and deeply understanding and explaining technical topics, and the stem of my T-shaped skills is: "images, on the internet".

After a short break, the new Web Weekly is about to hit all inboxes. 🫣 This time, it includes `text-box` going Baseline, the two phases of `fetch`, linked parameters in SVG, and the new `Connection-Allowlist` header. Enjoy! webweekly.email/archive/web-...

I took a short break, but now it's Web Weekly time again! 🥂 I'm just about to write edition 200. 😱 If you're into WebDev, Frontend work, and browser "stuff", you should check it out. 👇 webweekly.email

This advent calendar is your chance to share your knowledge with a large audience. You have 5 more days to submit your ideas. First-time authors are welcome!

Friends, it's that time of the year: Once again, I'm asking you to help me create another amazing HTMHell Advent Calendar by writing about HTML. The CFP is open until October 3! docs.google.com/forms/d/e/1F...

The HTML `head` is often forgotten and barely touched. Manuel has some good stuff to include in his 2026 boilerplate. https://matuzo.at/blog/2...

I run @piccalil.li and having publications like CSS-Tricks around is really important. We all help and challenge each other and the result is a better ecosystem for everyone else. That's the whole point! I really hope this situation gets resolved, or CSS-Tricks gets a new owner that cares.

If you're dealing with AI slop replies, you might appreciate these links. 👇 https://www.rickmanelius... https://dontpastetheai.com

Quick reminder, if you're working on a SaaS product that requires a login, please check if you've defined the well-known URL to change passwords. Password managers will check `/.well-known/change-password` to offer a quick way to change passwords. https://www.w3.org/TR/ch...

With Firefox 155, released September 1st, the `progress()` CSS function became Baseline newly available. 🎉 https://developer.mozill...

Have you seen all these new HTML elements entering the platform? There's `<geolocation>`, `<usermedia>`, and `<install>`, just to name a few. Granted, many of these are Chromium-only, but I like where we're heading. https://blog.master.dev/...

Here's Jake sharing yet another detail about custom properties that I'm sure not many people know about. It's funny how many footguns can show up in a "simple variable system". Jake's article is great. I'm sure you'll learn something! https://jakearchibald.co...

The CSS working group came up with a new way to select prefixed classes. The Class Prefix Selector `.btn-*` matches `btn-primary`, `btn-secondary`, and whatever `btn-` class comes next. https://www.bram.us/2026...

And the new Web Weekly is about to hit all the inboxes. 🫣 This time, it includes Interop 2027 focus areas, lots of new HTML elements, an explanation of ESM resolution, and the `progress()` CSS function going Baseline. Enjoy! webweekly.email/archive/web-...

And the new Web Weekly is about to hit all the inboxes. 🫣 This time, it includes Interop 2027 focus areas, lots of new HTML elements, an explanation of ESM resolution, and the `progress()` CSS function going Baseline. Enjoy! webweekly.email/archive/web-...

`autocorrect` is Baseline Newly available! It accepts "on", "off", and "" (same as "on"). Browsers default to "on", so it's mostly a matter of turning it off. Doesn't apply to URL, email, and password inputs. https://developer.mozill...