Happy Easter! Anime.js is eye candy, so definitely check it out. Also, here is an update on the Deno vs. Oracle saga, thoughts on JS async from Alex, H1 will change appearance in certain situations, Item Flow, CSS Shape(), and a good read about the Post-Developer Era.
This release introduces Experimental Fonts API, Sessions API, SVG Components, and Config Imports.
https://astro.build/blog/astro-570/
Very sleek and good-looking component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI.
This is a beautifully done animation library intro.
Getting started https://animejs.com/documentation/getting-started
Cloudflare introduced support for hosting, storing and serving static assets for free on Cloudflare Workers. Cloudflare Workers provides production-ready support for Remix, Astro, Hono, Vue, SvelteKit and also Next.js, Angular and SolidJS
https://blog.cloudflare.com/full-stack-development-on-cloudflare-workers/
https://github.com/goldbergyoni/nodejs-testing-best-practices#readme
https://waspdev.com/articles/2025-04-06/features-that-every-js-developer-must-know-in-2025
Difference between ?? and ||
I hope that in the end, common sense will win this one.
https://deno.com/blog/deno-v-oracle3
https://2ality.com/2025/03/sync-await.html
This one came into the newsletter and piqued my curiosity. There is probably always a place for a new framework.
https://thenewstack.io/javascripts-missing-link-wasp-offers-full-stack-solution/
Currently, User Agent (UA) adds styling for h1 appearance and if h1 is inside a nested section, it would change appearance to h2 .
1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
From now on this behaviour changes and h1 will look the same inside nested <section>, <aside>, <nav> and <article> .
https://developer.mozilla.org/en-US/blog/h1-element-styles/
Support is shipped in Chrome 135, and it makes sense to review the post and see what is possible without libraries.
https://una.im/select-updates/
Demo
https://codepen.io/una/pen/JjQByOE?editors=1010
Currently, there are discussions on syntax and how styling would look with Masonry vs. Grid with flow item. Ahmad created a nice post with examples, and it looks like flow-item is a much cleaner way to me.
https://ishadeed.com/article/item-flow/
Using <noscript> tag is simple but great solution and feels smarter then .no-js on the body tag which is removed if JS is available.
https://0xda.de/blog/2025/04/hiding-elements-that-require-javascript-without-javascript/
https://www.webkit.org/blog/16794/the-css-shape-function/
An excellent suggestion is to include local variables that explain the purpose of the arguments.
Without the vars:
1 | |
2 | |
3 | |
4 | |
with vars
1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
https://html-css-tip-of-the-week.netlify.app/tip/min-and-max-functions/
Two years ago Josh wrote a post about AI taking the jobs. This post is a follow up on the previous one. In short: “Knowing how to code is still an incredibly valuable skill and I don’t see that changing anytime soon.”
https://www.joshwcomeau.com/blog/the-post-developer-era/
Here is an article from 2023: https://www.joshwcomeau.com/blog/the-end-of-frontend-development/
"What a world we live in: AI hallucinated packages are validated and rubber-stamped by another AI that is too eager to be helpful."
https://www.theregister.com/AMP/2025/04/12/ai_code_suggestions_sabotage_supply_chain
Microsoft introduces a child-friendly Kermit font that encourages reading, especially if a child has dyslexia. That might be so, but reading an article is definitely a challenge. The navigation for each page is hidden in each corner of the website. Text is in the bottom left corner, and clicking on the links won't change the URL, not even with a simple #/pageName at the end of the URL. Quite ironic.
However, you can find the same post at Microsoft, but with a fancy scroll, which sometimes jumps up and down.
https://microsoft.design/articles/introducing-kermit-a-typeface-for-kids/
https://newsletter.squishy.computer/p/dont-fork-the-ecosystem