This week's newsletter is a diverse mix of content, including a chess game or JS quiz, hot news on Remix + React Router and Angular 18 for the developers, another Music Library for the music lovers, anchor positioning, and a thrilling detective story on a stolen subdomain for the mystery fans.
Deno wrote a good post on JSDocs. “While a good README answers “why should I use your package?”, good documentation should answer “how can I use your package?”.
https://deno.com/blog/document-javascript-package
https://react.dev/learn/react-compiler
YT good summary: https://www.youtube.com/watch?v=dbzwIU2m3tA&t=1s
https://remix.run/blog/merging-remix-and-react-router
https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
Amazing experiment to convert text into handwritten letters with JavaScript. My only comment is that I couldn’t achieve that as my handwriting is awful.
https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
https://www.propelauth.com/post/nextjs-challenges
Another notes library, but this one not only does show the notes, but it also plays music. Also, the guitar sounds funny, but it is good enough to help understand the flow.
Pretty nice drag-and-drop animations for simple use cases.
https://vue-fluid-dnd.netlify.app/
Demo: https://react-chessboard.vercel.app/?path=/story/example-chessboard--play-vs-random
Code: https://github.com/Clariity/react-chessboard
https://app.withcodeexample.com/quiz
With a bunch of other things, Chrome has enabled CSS anchor positioning. This will let you build, for example, popover in a declarative way without the use of JavaScript.
https://developer.chrome.com/release-notes/125#css_anchor_positioning
https://codepen.io/ekros/pen/rNbGebK
Deep dive into how Airbnb approached font-size challenges and used REM for fonts but not layouts.
https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881
Chris Coyer on container query usage and why we are not using them (yet).
https://frontendmasters.com/blog/weve-got-container-queries-now-but-are-we-actually-using-them/
Fantastic resource which will help you create font types with clamp() and make all the font sizes.
Apparently, it is possible to take over your subdomain in specific situations. My question is, how can you discover that some random subdomain is pointing to a deleted AWS bucket?
https://humanwhocodes.com/blog/2024/05/someone-temporarily-took-over-subdomain/
https://www.designsystemchecklist.com/
It is more like a reminder about the benefits of a static website, reduced JavaScript, images in modern format, and so on.
https://blog.sentry.io/5-easy-tips-to-improve-your-personal-website-performance/
Just a reminder that 5G is not everywhere and it is important to keep Web pages slim or otherwise business will suffer.
https://www.sarahgebauer.com/post/lesson-from-a-rural-bus-for-web-developers/
Comment on Mastodon