Lightnews — Scholar-powered news

Stefan Judis @stefanjudis.com · 1d

Agreed. Strange but legit. 😅

1 1

Stefan Judis @stefanjudis.com · 1d

Yeah... I had the same initial reaction. 😅

Must be some perf thing, yes. 🤷‍♂️ I'm fine with using `fromAsync`.

1

Stefan Judis @stefanjudis.com · 1d

Same!

Stefan Judis @stefanjudis.com · 1d

TIL, Node.js ships a native `glob` utility since 22.17. 🎉

import { glob } from 'node:fs/promises';

const files = await glob('**/*.txt');
console.log(await Array.fromAsync(files));

3 1 17

Stefan Judis @stefanjudis.com · 1d

So, there's the new `corner-shape` CSS property (Chromium-only right now) and I was quite surprised about all the possible use cases going beyond the famous squircle examples.

css-tricks.com/what-can-we-...

What Can We Actually Do With corner-shape? | CSS-Tricks

When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when

css-tricks.com

3 22

Stefan Judis @stefanjudis.com · 2d

Very much appreciated! ❤️ Thank you for reading along!

1

Stefan Judis @stefanjudis.com · 2d

I must admit that I've forgotten the double focus ring practice to guarantee accessible focus rings on all sorts of backgrounds, but it's such a smart way to solve the issue of hard-to-spot focus styles.

@ericwbailey.website did a fabulous job explaining the technique!

piccalil.li/blog/taking-...

A paragraph with a focused link that comes with double-bordered (black and white) focus styles.

1 1 8

Reposted by Stefan Judis

Stefan Judis @stefanjudis.com · 3d

Aaaaaand it's going out. 🫣

As always, you can read Web Weekly online, too. 👇

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

1 3 20

Stefan Judis @stefanjudis.com · 3d

Aaaaaand it's going out. 🫣

As always, you can read Web Weekly online, too. 👇

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

1 3 20

Stefan Judis @stefanjudis.com · 3d

I skipped a week because I was a bit under the weather but the new Web Weekly will hit all the inboxes in just a little bit.

Join the fun if you want to stay up to date with the current state of the web (you know HTML, CSS and JS). 👇

webweekly.email

6

Stefan Judis @stefanjudis.com · 12d

This year's State of JS survey is open and it comes with easy to access code snippets and baseline info so that you'll def learn some new tricks when filling it out. 👏

survey.devographics.com/en-US/survey...

Answers in the questionnaire showing code snippets and baseline information.

4 10

Reposted by Stefan Judis

Manuel Matuzović @matuzo.at · 16d

So far I've received 11 submissions for this year's #HTMHellAdventCalendar. They look fantastic, but, you know, I need at least 24.

You can write about anything you want related to HTML. There's no “too basic”; we need more fundamental HTML knowledge out there because we suck at the basics. 1/2

HTMHell Advent Calendar

Hello, my dear friends of high-quality markup! We're getting closer to the last quarter of 2025, which means that the HTMHell Advent Calendar is getting closer, too. Last year, once again, you contrib...

docs.google.com

3 22 33

Stefan Judis @stefanjudis.com · 16d

View transitions enable a fairly straightforward way to animate/transition elements. Imo, they'll change how the web will feel.

developer.chrome.com/docs/web-pla...

Smooth transitions with the View Transition API | View Transitions | Chrome for Developers

The View Transition API lets you add transitions between views of a website.

developer.chrome.com

1

Stefan Judis @stefanjudis.com · 16d

You know the drill. 🫣

I'm just about to get ready to sit down to write this week's Web Weekly newsletter. If you're into webdev news close to the platform (you know vanilla HTML, CSS and JS), join 6k subscribers. 👇

webweekly.email

1 5

Stefan Judis @stefanjudis.com · 16d

My small side project tiny-helpers.dev just passed 1k GitHub stars. 🎉

If you don't know it yet, the site lists 678 small utility tools for web developers that you usually won't find when googling. And over 200 people contributed already. 😊

GitHub repo stefanjudis/tiny-helpers showing 1k GitHub stars.

1 10

Stefan Judis @stefanjudis.com · 17d

Oct 14 Firefox 144 will ship JS-powered view transitions with `startViewTransition`. 🎉

Of course, this is only the first step because we're all waiting for cross-document view transitions, too, but I'm still very happy about view transitions being on their way to work everywhere.

Compat table showing that Firefox 144 will support `startViewTransition`.

2 11 50

Reposted by Stefan Judis

Adam Argyle @nerdy.dev · 17d

❌ mobile first
✅ container first

9 21 190

Stefan Judis @stefanjudis.com · 20d

`hidden=until-found` landed in Safari Tech Preview so that we're on our way to baseline support. 🎉

It allows showing hidden content when it's matched from in-page search. A common example are `details` elements that open when they include the searched text.

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

Added support for auto-expanding details and hidden=”until-found” elements for text searches done via assistive technologies. (299649@main) (159913471)

3 11

Stefan Judis @stefanjudis.com · 20d

So, a misused React `useEffect` hook has led to a Cloudflare outage last week? 😲🫣

blog.cloudflare.com/deep-dive-in...