Friday Issue Nr.92

2023-12-15

back

It's a hectic news week! Astro 4.0 is out, as well as SvelteKit V2. There is an interesting note on embedded YouTube videos. If that is not enough, apparently, HTML has bad parts, too. It's some fun web from TheVerge - all in all, plenty to read.

JavaScript News

Astro 4.0

https://astro.build/blog/astro-4/

The Astro team is unstoppable. In the latest release, the highlights include:

The New Dev Toolbar API unlocks features, and for example, you can build in external tools like Sqoosh image optimiser https://squoosh.app/

SvelteKit V2

This is not the one that will bring Svelte 5 to SvelteKit, but it is more like adding support for that move. So, hopefully, in the following months, we will have another upgrade where we can have Svelte5 as well.

https://svelte.dev/blog/sveltekit-2

Migration docs

https://kit.svelte.dev/docs/migrating-to-sveltekit-2

ReactJS Documentation

It has been a while since I visited ReactJS docs, and actually, they look fantastic: https://react.dev/learn/describing-the-ui

This is why most 3D websites suck

Step-by-step video on how and why to create a 3D experience

https://www.youtube.com/watch?v=aaSiXQ3JGIU

or jump into Demo: https://spgi01b.xl.digital/?step=intro

One YouTube embed weighs almost 1.2MB

Sounds crazy? The solution is to use web component

https://www.zachleat.com/web/youtube-embeds/

CSS News

HTML: The Bad parts

Like we did not have enough issues with JavaScript's bad parts, loads of HTML parts apparently don’t simplify life.

https://www.htmhell.dev/adventcalendar/2023/13/

SVG Advent Calendar

https://svg-tutorial.com/

Oh no! My JSON

So, despite hanging, punctuation is a good thing, but it is a bit too general and applies not only to Quotes but also to parentheses, square brackets and curly braces.

https://www.tonymottaz.com/blog/oh-no-my-json/

Creating Accessible CSS animations

The article is interesting as it shows not only the accessibility aspect but also the implementation of company-wide rules for animation.

https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/

Responsive and creative Credit Card form

https://codepen.io/viki-code/pen/QWYYJBQ

A few ways CSS is easier to write in 2023

https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023/

Fine, I’ll Use a Super Basic CSS Processing Setup.

https://frontendmasters.com/blog/fine-ill-use-a-super-basic-css-processing-setup/

Mixed News

Old Web today

This is a fun journey! Probably only a few will get those nostalgic vibes 🙂

https://oldweb.today/

The year Twitter died.

It's a very fancy website. Check the Chaos button (left/bottom) and key (top/right). I think the Chaos button should be implemented on every website to spice things up.

https://www.theverge.com/c/23972308/twitter-x-death-tweets-history-elon-musk

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