Svelte 5 finally arrived at the Release Candidate stage! Also, React 19 Beta is here, as is an interesting HTMX review. Apparently, you can describe music notes with CSS, great scroll-driven animation examples, fluid typography and more.
The post goes into detail about why Front-end chooses Vite, but in a nutshell:
Open Source and independent
Blazing fast for development with Hot Reload
Most frameworks use Vite by default
Out-of-the-box support for TypeScript, PostCSS, JSON, WASM and more
https://blog.stackblitz.com/posts/what-is-vite-introduction/
This release is for the Libraries to prepare for React 19.
https://react.dev/blog/2024/04/25/react-19
Not as exciting as v19, but there is also an update for v18.
React 18.3.0: https://github.com/facebook/react/releases/tag/v18.3.0
I believe it when I see it 🙂 But this gives some hope. Also, it's not entirely true that the switch is simple. I definitely ran into problems and decided to wait until the full release.
https://svelte.dev/blog/svelte-5-release-candidate
Quite a good review of the pros and cons of HTMX.
https://konfigthis.com/blog/htmx/
Ok, this is quite amazing how far you can push things with CSS. However, I am not sure how one would manage all that without some CMS as HTML becomes really complex, but still really nicely done.
https://cruncher.ch/blog/printing-music-with-css-grid/
The built-in highlights are ::selection, ::target-text, ::spelling-error and ::grammar-error. The post explains how to use them and what exactly is highlighted.
https://www.azabani.com/2022/09/01/meet-the-css-highlight-pseudos.html
This one deserves bookmarking as loads of interesting examples.
https://scroll-driven-animations.style/
This is a very good post on some “issues.” Chris explains all those strange behaviours, which, in the end, make sense. For example, setting image width and not height or letting flex box stretch items would cancel aspect-ratio.
https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/
Very good reminder about semantic HTML. For example, replace DIVs with <header/> <footer/><nav/><main/> , tab index tweak for in-page navigation, built-in accordions and HTML popovers.
https://brucelawson.co.uk/2024/drive-by-accessibility-tweaks/
A really good resource when creating components
https://a11y-style-guide.com/style-guide/
Here is a whole gallery of similar resources:
Letterfall. Incredible smoothness of animation. Also, you can zoom in and rotate the scenery.
https://codepen.io/prisoner849/pen/vYMvpXX
I’m not sure when I used any prefixes lately, but indeed, most of them are just obsolete, and that is good!
https://fullystacked.net/prefix/
https://www.sitepoint.com/fluid-typography-css-clamp-function/
It has nothing to do with Front-end but the video really is taking my breath away.
https://www.thisiscolossal.com/2024/05/esa-solar-orbiter/
https://sixcolors.com/post/2024/05/2024-q1-apple-results-90-8-billion-revenue-services-record/
Comment on Mastodon