Friday Issue Nr. 104 | 15/03/2024

Safari 17.4 added a Switch tag and a few more exciting features. A fun-to-read conversation between Ryan (Remix) and Rich (Svelte) about the future of the Frontend and Utopia (CSS), a filter example using CSS:has(), and—by the way—CSS is Logical!

JavaScript News

TypeScript 5.4

https://devblogs.microsoft.com/typescript/announcing-typescript-5-4

Eloquent JavaScript (4th Edition, 2024)

Free book

https://eloquentjavascript.net/

Safari 17.4

There is <input type="checkbox" switch />, which for Safari would show as a Switch and for the other browsers as a Checkbox, and it works now.

Remember <hr/> tag? Now, it will have a second life and is restored into the <select /> tags.

The best bit (probably) is that finally, after zillions of years, we have simple div {align-content: centre}, which will centre any content without Flexbox. How many different techniques were used to get that content into the centre? With the Flexbox, it is dead simple, and now all you need is block elements like DIV and one-liner CSS.

https://webkit.org/blog/15063/webkit-features-in-safari-17-4/

SvelteKit vs Remix

So, Ryan Florence (Remix) asked other devs to create the same demo with their respective frames.

https://twitter.com/ryanflorence/status/1765540087029481566

Then Rich Haris (Svelte) created his version. I say this is a bit of cheating as Rich might have missed the idea that you MUST request DB content, where he just downloaded the whole DB in the front end. Anyways, the convo is fun to read.

https://twitter.com/Rich_Harris/status/1766120418602086416

https://github.com/Rich-Harris/sveltekit-movies-demo