This week has brought fantastic posts about React Server Components and a few CSS news from CSS Nesting to Rem vs PX. Also, check the last article. It is quite a fantastic experiment with two browser windows.
This is a solid deep dive by Jesse Pence. If you want to learn about React Server Components, then this is probably the best source at the moment.
https://jessedit.tech/articles/react-server-components/1-background/
https://dev.to/ascorbic/a-minimal-multi-framework-responsive-image-component-3iop
Here is Unpic: https://unpic.pics/img/
Impressive what you can do in a browser
https://my.spline.design/3dcardportalcopy-c97027e2ae3dd8a742cac572bdc26fce/
Tools to express your creativity in 3D
Product: https://spline.design/#features
Now, Container Queries are out in MDN. Also, the docs are nicely done!
https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/
Another article from Josh is nicely done and can clarify some of the aspects which might be missed from some other resources:
https://www.joshwcomeau.com/css/interactive-guide-to-grid/
In short, use rem for the text.
https://matuzo.at/blog/2023/how-browsers-zoom-text
https://ishadeed.com/article/css-nesting/
When using flex, why not use gap?
https://css-irl.info/dont-mind-the-gap/
What if you could interact between two browser tabs? Oh, but you can!
https://twitter.com/_nonfigurativ_/status/1727322594570027343?s=20
You can try it yourself. Open the URL below in two tabs and try to drag one window on top of the other: https://bgstaal.github.io/multipleWindow3dScene/
Here is the code:
https://github.com/bgstaal/multipleWindow3dScene/blob/main/README.md