Friday Issue Nr. 103 | 8/3/2024

Here is JSR with NPM, interesting thoughts on Gatsby, Switch element for Safari, and stream HTML without JavaScript. Excellent post on CSS printing and Apple reverse PWA for EU.

JavaScript News

JSR - JavaScript Registry

This is a new package registry built on top of NPM. It works with any runtime (Node, Deno, Bun, Cloudflare Workers and more)

https://jsr.io/

Here is why: https://jsr.io/docs/why

Here is the first impression: https://dbushell.com/2024/02/16/jsr-first-impression

Gatsby

I confess, I also used Gatsby for a while, but then Nextjs felt like a better choice, and so on. In any case, I lost the story about a Gatsby project and didn’t even know they moved to Gasby Cloud and were later acquired by Netlify.

https://www.smashingmagazine.com/2024/03/end-of-gatsby-journey/

PixiJS v8

It seems to be a pretty handy library for super smooth visual animation.

https://pixijs.com/blog/pixi-v8-launches

Demo:

https://pixijs.com/playground?exampleId=advanced.starWarp

WebKit introduces switch form element

Basically, it is a checkbox that looks like a switch. I guess it could become a standard since many websites use light/dark theme selectors and similar on/off cases. The best part is that it won’t break other browsers as it is simply a checkbox with an attitude attribute switch, which won’t impact any other browser.

https://webkit.org/blog/15054/an-html-switch-control/

Streaming HTML out of order WITHOUT JavaScript

I wasn't sure which category to put this post under, as an example is done without JavaScript. However, regardless, it has dynamic content. It's definitely an interesting approach.

https://lamplightdev.com/blog/2024/01/10/streaming-html-out-of-order-without-javascript/

Shiki Magic move

https://antfu.me/posts/shiki-magic-move

CSS News

CSS for printing to paper

This is a fantastic post on creating a print-friendly web page with all the sizes and experiments, setting up CSS, and what the printer expects. It's simply amazing.

https://voussoir.net/writing/css_for_printing

Utility to check if your browser supports CSS math functions

To my surprise, Firefox and Safari look very green, whereas Chrome has five reds.

https://codepen.io/thebabydino/pen/yLRBJXP

Brand icons (>3000)

https://simpleicons.org/

Amazing 3D (Hack The Gibson)

https://codepen.io/konstantindenerz/pen/poYmNxw

Mixed News

Apple reverses course on the death of Progressive Web Apps in EU

https://appleinsider.com/articles/24/03/01/apple-reverses-course-on-death-of-progressive-web-apps-in-eu

Comment on Mastodon