This week brings news on Astro, Firefox improved Vue performance by 40%, why you don’t need to learn Svelte and more news.
I bet you already saw the news about Astro. My only comment is that Svelte also added View Transitions, but according to Astro, Svelte is not the major Framework. However, I heard only good feedback about Astro, so congrats on their release! Also, they added Image Optimisation and improved Rendering performance.
https://astro.build/blog/astro-3/
Also, the transition spec Level 2 is out https://www.w3.org/TR/2023/WD-css-transitions-2-20230905/
On other Astro news - Astro Studio from 2024
“It's not a web hosting company. It's not a CMS. It's something entirely new for the web ecosystem and will be available exclusively for Astro. We're calling it: Astro Studio.”
(This is not Svelte vs Astro, this post came up almost accidentally.)
https://svelte.dev/blog/view-transitions
While on Svelte: https://svelte.dev/blog/whats-new-in-svelte-september-2023
Because you already know it. I really suggest spending 5 minutes on this article, which will show you the main points of Svelte
https://kaviisuri.com/you-dont-need-to-learn-svelte
In short, not all Lazy loading is good, not all Async loading CSS is good, and, of course, there is a catch with the Largest Contentful Paint (LCP) image.
https://www.joshwcomeau.com/react/server-components/
https://hacks.mozilla.org/2023/09/faster-vue-js-execution-in-firefox/
Honestly, this is not a way I usually find and visit a website, but it is not a bad use case.
https://maxibestof.one/typefaces
https://ishadeed.com/article/rebuilding-techcrunch-modern-css
Loads of scary calc() mixed with clam() and sprinkled with sticky positions. It's really good to read if you enjoy CSS.
Cute place. I probably spent a few minutes simply moving my cursor around the page. Be warned 🙂
Old but still a good post: https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
I like this trend.
https://2023.stateofcss.com/en-US/css-in-js/
This is a very nice, sharp-to-the-point tutorial on how to create a simple Chrome extension
https://www.sitepoint.com/create-chrome-extension-10-minutes-flat/
https://www.nngroup.com/articles/information-architecture-sitemaps/