Friday Issue Nr.103

2024-03-08

back

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

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin