Friday Issue Nr.136

Fantastic post on how JS executes code in a single thread, re-inventing HTML, sound effects lib, the journey from Next.js to Ruby, and for the HTML, an interesting quest for Container Queries and Safari only margin-trim, which hopefully will be supported by all browsers. Oh, and Reservoir Sampling in Mixed News is a superb piece.

JavaScript News

How JavaScript works behind the scenes.

The focus is on Call Stack, Event Loop, Web APIs, Task Queue, and Microtask Queue. After reading this, you will know how JS executes code in a single thread.

https://www.deepintodev.com/blog/how-javascript-works-behind-the-scenes

Biome instead of ESLint and Prettier

It's probably safe with JS, TS, JSX, and TSX, but not so much with Vue, Svelte, and Astro.

https://blog.appsignal.com/2025/05/07/migrating-a-javascript-project-from-prettier-and-eslint-to-biomejs.html

Re-inventing HTML

This is a post by Dan Abramov. It is not really about re-inventing HTML but rather about re-inventing the server components. It is still a pretty interesting and long journey.

https://overreacted.io/functional-html/

Sound effects for your React App

Usually, it is not a good idea to add sound effects for the web, but the API looks really sound.

https://www.reactsounds.com/

Node v24.0.0

https://nodejs.org/en/blog/release/v24.0.0

ESLint v9.26.0

Things are getting fancy as ESLint adds support for the MCP server.

https://eslint.org/blog/2025/05/eslint-v9.26.0-released/

Short and sweet reminder of the power of three dots

https://allthingssmitty.com/2025/05/05/the-power-of-spread-and-rest-patterns-in-javascript.md/

From Next.js to Ruby on Rails & Inertia.js

I've stumbled upon posts about negative experiences with Next.js and Vercel lately. Those posts are often about price jumps on Vercel, cache magic in Next.js, and the general slowness of the app. In any case, the author didn’t check the SvelteKit.

https://hardcover.app/blog/part-1-how-we-fell-out-of-love-with-next-js-and-back-in-love-with-ruby-on-rails-inertia-js

HTML & CSS News

The Height Enigma

Another great post from Josh

https://www.joshwcomeau.com/css/height-enigma/

Are CSS Carousels accessible?

The short answer is no, but the deep dive and step-by-step accessibility testing is superb.

https://www.sarasoueidan.com/blog/css-carousels-accessibility/

Using Container Query Units Relative to an Outer Container

Great example on how you can get the size of Container queries from parent to child container by using the custom property.

@property --s {

  syntax: '<length>';

  initial-value: 0px;

  inherits: true

}

https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container/

Cubiq

CSS only animation, don’t forget to use scrolls in any direction. Quite impressive!

https://codepen.io/Cubiq/pen/raarWoa

margin-trim

Sadly, at the moment, support for margin-trim is only for Safari. Quite strange, as it is a handy property. Code example from the post to give you an idea, but the post has great visuals too

article {

  margin-trim: block;

  font-size: 1.2rem;

  line-height: 1.3;

  padding: 2lh;

  p {

    margin-block: 1lh;

  }

}

@support not (margin-trim: block) {

  article {

    :first-child {

      margin-block-start: 0;

    }

    :last-child {

      margin-block-end: 0;

    }

  }

}

https://webkit.org/blog/16854/margin-trim/

Mixed News

Reservoir Sampling

A fine read will explain Reservoir Sampling, the math behind it, and why it is needed.

https://samwho.dev/reservoir-sampling/

Clippy is Back

https://www.theregister.com/2025/05/08/clippy_returns_to_your_desktop/

Here is a time machine and a solid 90s feel with properly implemented Clippy. 🙂

https://felixrieseberg.github.io/clippy/

AI Slop is polluting bug bounty platforms

https://socket.dev/blog/ai-slop-polluting-bug-bounty-platforms

The End

Comment on BlueSky or Mastodon