Another two weeks with great posts, and my favourites are about Generators, TS Native, History of JavaScript and Zod 4. Review of Figma's Site, which already feels like old news and Minecraft in CSS.
https://allthingssmitty.com/2025/05/19/how-javascript-at-method-makes-array-indexing-easier/
Okay, probably not all, but if you've never used one or can't find where it can help, then this post is for you.
https://macarthur.me/posts/generators/
JS lib, which predicts user intention on the page and prefetches data based on user intent rather than on-click or on-hover events. It is not so useful on mobile devices.
Typescript will be ported to Go. This is a significant update that will provide a 10x speed boost. You can try it now, but eventually, this will become TypeScript 7.
https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/
From Zod 3 in 2021 to Zod 4 in 2025. Another way to put it is from 2,700 stars and 600,000 weekly downloads to 37,800 and 31 million weekly downloads.
Zod 4 comes with 14x faster string parsing, 7x faster array parsing, and a 2x reduction in core bundle size, and the list goes on.
A tool to get your React 19 app running in less than 5 minutes with all the best practices and necessary libraries added.
https://alexsergey.github.io/rockpack/
https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301
Without breaking the rule of hooks, this lib lets you add hooks next to the markup where you want to use them.
https://github.com/brandonmcconnell/render-hooks
https://remix.run/blog/wake-up-remix
This year, JavaScript turns 30.
https://deno.com/blog/history-of-javascript
Besides the usual suspects, there are also <mark>, <output>, <meter> and more.
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
The color-contrast function will help improve website’s colour accessibility. Currently in Safari.
https://webkit.org/blog/16929/contrast-color/
In short, it looks impressive on the outside but not so great when you examine the source code.
Also, what is with this <div>Figma's Site<span>s</span></div> last character in span? There must be some reason, but at the time of adding this post, nobody knew the answer.
https://www.joedolson.com/2025/05/the-true-path-to-garbage-code-figma-sites/
The post below provides a great source of accessibility plugins for testing sites.
https://adrianroselli.com/2025/05/do-not-publish-your-designs-on-the-web-with-figma-sites.html
Chris created an interesting tutorial on how to use <dialog> and move it around in, erm, shape.
https://frontendmasters.com/blog/move-modal-in-on-a-shape/
Something to bookmark for reference.
https://codepen.io/collection/rBNWPv
With these lines below, you can create a smooth transition from one page to another on your website.
1 | |
2 | |
3 | |
This is simply crazy - no JavaScript, only HTML and CSS. Additionally, the amount of HTML is indeed massive, but nonetheless, it is quite impressive.
https://benjaminaster.com/css-minecraft/
For some, diving into history is a nostalgic journey, while for many, it is totally unknown. In any case, it was quite interesting to read about a specific size button and why it became famous, as well as where it is used. Great Friday's post.
https://ultrasciencelabs.com/lab-notes/why-we-are-still-using-88x31-buttons
Interact directly from your browser and ask AI to make changes. Basically, turn "any" project into an AI CMS.
https://github.com/stagewise-io/stagewise
Feels like another good Friday’s post.
"If GenAI tools share one thing it probably is the disdain for excellence and skill. For people having put in the work to learn how to draw, play an instrument, write music, express themselves in interesting ways" https://tante.cc/2025/05/23/on-vibe-coding/