Despite a busy week and hot weather, I managed to skim a few good posts. A very clever approach to state management using JavaScript proxies, the newly decoupled and open-source Auth.js, and the arrival of Vite 7.0. On the CSS side, a fully functional Tic-Tac-Toe game built with just CSS, and a thoughtful critique of Tailwind. Rounding out the mix: Addy Osmani’s deep dive into thriving as an AI-native engineer, Patreon’s ambitious internationalisation overhaul, and a playful tool for creating GIF animations. Happy reading, and enjoy the latest in frontend!
“For many applications, this lightweight, proxy-based approach is a fantastic alternative to pulling in a large state management library along with a frontend framework.”
https://www.lorenstew.art/blog/reactive-state-manager-with-proxies
Authentication for the web. Decoupled from Next.js and Node.js. It is open source and free. Works with most web frameworks.
https://vite.dev/blog/announcing-vite7.html
https://deno.com/blog/updates-from-tc39
The Angular team created a custom prompt template that would help the LLM generate code that follows Angular best practices.
https://angular.dev/ai/develop-with-ai
You know, I’m skimming too many articles, and it is not so easy to impress me with anything, but this one did surprise me. There is a fully working Tic-Tac-Toe game that requires no JavaScript and no HTML. CSS only.
https://lyra.horse/fun/tic-tac-nohtml/
This @starting-style is not a new CSS rule, but somehow I missed it. Very useful for CSS animations.
https://zellwk.com/blog/making-sense-of-starting-style/
For a change, adding a different perspective on Tailwind.
https://www.mux.com/blog/tailwind-is-the-worst-form-of-css-except-for-all-the-others
It looks like we will soon be able to style gaps in flex, grid, multicolumn, and masonry (whenever it becomes available).
https://css-tricks.com/the-gap-strikes-back-now-stylable/
Chris Coyier experimented with styling and positioning the select element for mobile.
https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile/
This is a lengthy post (typical for Addy Osmani), but it offers handy advice on real-world examples, tools, prompts, and how to think in an AI-driven world.
https://addyo.substack.com/p/the-ai-native-software-engineer
Oh, this sounds painful. Touched and migrated 10K JavaScript call sites.
https://www.patreon.com/posts/133137028
This is a superb tool for creating GIF animations in a fun and easy way. However, more features may be added in the future, such as copying a segment and pasting it to the next frame.