Lightnews — Scholar-powered news

Stefan Judis

@stefanjudis.com

This week's Web Weekly is just about to hit all the inboxes. And, as usual, it's jam-packed!

Check it out if you want to know what's happening in the Frontend and browser world. 👇

www.stefanjudis.com/blog/web-wee...

Web Weekly 174

- :interest-source / :interest-target
- The new setHTML() method
- How to throttle individual requests
- error.cause
- content: open-quote;
- @ts-expect-error

November 10, 2025 at 8:20 PM

Stefan Judis

@stefanjudis.com

I just discovered @matthiasott.com 's site theme switcher and this is a piece of art. :D 👏

matthiasott.com

November 10, 2025 at 6:57 PM

Stefan Judis

@stefanjudis.com

Did you know that you can localize quotes right in CSS?

Now you do! 🫵

www.stefanjudis.com/today-i-lear...

Code example showing `content: open-quote` and `content: close-quote`.

November 10, 2025 at 6:09 PM

Stefan Judis

@stefanjudis.com

I'm a bit late this week but you know the drill. 🫣

If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!

It'll go out in a few hours.

webweekly.email

November 10, 2025 at 4:39 PM

Stefan Judis

@stefanjudis.com

TIL that `dns-prefetch` is now baseline "newly available". I've been using this for ages, but apparently, it only started working in iOS Safari with version 26.

Here are the release notes: webkit.org/blog/17333/w...

dns-prefetch example code: <link rel="dns-prefetch" href="https://fonts.googleapis.com/" />

November 5, 2025 at 6:09 PM

Stefan Judis

@stefanjudis.com

Quick reminder, if your framework or application requires immutable data structures, `Array.with` will be your friend. It lets you update an item, copies the rest, and provides a new array reference!

It works in all browsers, too! 🎉

November 5, 2025 at 9:31 AM

Stefan Judis

@stefanjudis.com

Did CSS @scope just hit Firefox Nightly?! 😲 #baselineHereWeCome

Release notes: www.firefox.com/en-US/firefo...

MDN: developer.mozilla.org/en-US/docs/W...

@scope (.article-body) to (figure) {
img {
border: 5px solid black;
background-color: goldenrod;
}
}

The @scope rule is now supported, allowing authors to restrict styling to a subtree of the DOM. This avoids having to write overly-specific selectors.

November 4, 2025 at 9:44 PM

Stefan Judis

@stefanjudis.com

Tips and tricks to work around the "unexpected" results of Apple's Liquid Glass design language.

I've no words...

medienbaecker.com/articles/the...

Menu bar with a low contrast ratio thanks to Apple's Liquid Glass.

November 4, 2025 at 6:09 PM

Stefan Judis

@stefanjudis.com

This is quite a banger feature for web perf engineers. In Chrome Canary, you can now turn on an experimental feature to throttle single requests!

chrome://flags/#devtools-individual-request-throttling

This is golden to check the performance impact of a delayed resource. 👏

November 4, 2025 at 3:13 PM

Stefan Judis

@stefanjudis.com

The amount of work going into this article is absurd. 👏 Loren has built the same web app in ten frameworks and compared and measured the performance. Why?

To find the most suitable framework for a project.

www.lorenstew.art/blog/10-kanb...

I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance

November 4, 2025 at 9:31 AM

Stefan Judis

@stefanjudis.com

Aaaand this week's Web Weekly newswetter is just about to go out! Check out this full bag of webdev goodies. 👇

www.stefanjudis.com/blog/web-wee...

Web Weekly 173

- scroll-margin / scroll-padding
- Array.with()
- Custom cursor accessibility
- oklch() explained
- dns-prefetch
- SVG pathLength

November 3, 2025 at 12:58 PM

Stefan Judis

@stefanjudis.com

Man, I love this. Here's a custom element to automatically add side notes to your blog posts. It parses the text, includes feature detection for anchor positioning, and uses progressive enhancement.

This is how things should be done!

meyerweb.com/eric/thought...

class asideNote extends HTMLElement {
connectedCallback() {
if (CSS.supports('bottom','anchor(top)')) {
let marker = document.createElement('sup');
marker.classList.add('asidenote-marker');
this.after(marker);
}
}
}

November 3, 2025 at 9:31 AM

Stefan Judis

@stefanjudis.com

Good Morning. 👋 I'm just sitting down to write this week's Web Weekly newsletter.

If core web development (you know: HTML, CSS and JS) are your thing you should check it out! 👇

webweekly.email

This time it'll include Chrome Dev Tools updates, `scroll-padding` and CSS anchor positioning.

November 3, 2025 at 7:15 AM

Stefan Judis

@stefanjudis.com

Some birdy (thanks @tunetheweb.com) told me that Chrome supports split views behind a flag. 😲 Good stuff!

chrome://flags#side-by-side

November 2, 2025 at 3:16 PM

Stefan Judis

@stefanjudis.com

Oh nice! Starting with Chrome 142, you can put the bottom drawer to the right side and assign the main panels to it.

For example, it's then possible to look at the Elements and Network panel at the same time.

I think I'll use this a lot! 👏

November 1, 2025 at 8:29 AM

Stefan Judis

@stefanjudis.com

I don't agree with all the points being made here, but this opening sentence really hits home. 👇

blog.pabloecortez.com/its-insultin...

It seems so rude and careless to make me, a person with thoughts, ideas, humor, contradictions and life experience to read something spit out by the equivalent of a lexical bingo machine because you were too lazy to write it yourself.

October 31, 2025 at 1:03 PM

Stefan Judis

@stefanjudis.com

The new Web Weekly is just about to hit all the inboxes. 🎉

As always, it's jam-packed with web dev goodies. Check it out! 👇

www.stefanjudis.com/blog/web-wee...

Web Weekly 172

Imports with { type: ‘JSON’ }
Intl.Segmenter
clip-path() & shape()
sibling-count() & sibling-index()
Import maps
A web compatibility standard

October 27, 2025 at 9:27 AM

Stefan Judis

@stefanjudis.com

It's been a gray and rainy Sunday here in Berlin, so it's the perfect time to write this week's Web Weekly.

You know the drill! If you're into web dev news, you should check it out. 👇

webweekly.email

It'll go out tmrw. :)

October 26, 2025 at 3:58 PM

Stefan Judis

@stefanjudis.com

With a bit of delay because the internet was funny yesterday, this week's Web Weekly is just about to hit all the inboxes. 🎉

If you're into web dev news focused on fundamentals, you should check it out!

www.stefanjudis.com/blog/web-wee...

Web Weekly 171

- Object.freeze()
- Core web vital support in Safari TP
- field-sizing: content
- New ARIA role: sectionheader
- interactive-widget
- closed-by=”any”

October 21, 2025 at 3:41 AM

Stefan Judis

@stefanjudis.com

Did we all celebrate that `::details-content` works in all major browsers now? 🎉

developer.mozilla.org/en-US/docs/W...

details::details-content {
opacity: 0;
transition:
opacity 600ms,
content-visibility 600ms allow-discrete;
}

details[open]::details-content {
opacity: 1;
}

October 20, 2025 at 5:32 PM

Stefan Judis

@stefanjudis.com

Now that the outage is over, I'm sitting down to write this week's Web Weekly newsletter.

If core web development (you know: HTML, CSS and JS) are your thing you should check it out!

webweekly.email

October 20, 2025 at 12:26 PM

Stefan Judis

@stefanjudis.com

Alright, this post is a year old, but it's still a great primer on `AbortController` and how to cancel things in JavaScript.

kettanaito.com/blog/dont-sl...

fetch(url, {

// Abort this request automatically if it takes

// more than 3000ms to complete.

signal: AbortSignal.timeout(3000),

})

October 20, 2025 at 12:20 PM

Stefan Judis

@stefanjudis.com

I just realized that the new CSS `field-sizing: content` magic allows textareas AND inputs AND select elements to grow. 😲

I thought it was only about textareas. 😅

So far, it works in Chromium and Safari TP.

October 20, 2025 at 7:56 AM

Stefan Judis

@stefanjudis.com

Today I learned `header` and `footer` elements lose their ARIA roles when being included in sectioning content.

www.stefanjudis.com/today-i-lear...

The `header` element gets the role "banner" on the root level but `sectionheader` or `generic` when being nested in a `main` element.

October 20, 2025 at 5:46 AM

Stefan Judis

@stefanjudis.com

I just figured the W3C has a new logo? What do we all think of it? 😅

www.w3.org/blog/2025/w3...

Progression of w3c logos. The new one is abstract and surround by circled text "wide web consortium"

October 17, 2025 at 6:08 AM

Light upyour news

Sign in to Lightnews

Sign up to start reading

Connect Bluesky

Connect with Bluesky

Light up
your news