Trying to upgrade my data viz project [0] from Svelte 5.35.7 (pre async) to the latest version and making sure that the performance is not negatively affected (e.g. [1]).
I also always reach for Svelte + SvelteKit (Using Kit for simple apps can be overkill, but it's nice to have when things get complex unexpectedly).
> But nowadays I often see people start learning web development by learning React, which feels a bit backwards.
I think Svelte prevents this nicely by treating HTML as the mother language. If someone started web dev with Svelte(Kit), they would probably learn more about the fundamentals than they would with React.
Thank you, I appreciate it. The helix simply renders candlestick data (OHLC) in 3D, with volume encoded in logaritmically scaled candle thickness. There's more info on the about page of the experiment: https://cybernetic.dev/helix/about
I created a very similar 5x5 font in 2025, which I currently just use to render the word "CYBERNETIC" [0]. Only the "R" and "Y" characters are different from the article's font (no wonder, given the limited degrees of freedom). What I did in addition is add a discrete radial gradient with increasing brightness towards the center, which is of course very playful, but looks cool for a logo font and makes the individual pixels visible.
Yes, and in most cases it's perfectly valid not to interfere with scrolling. The nice thing about CSS scroll snapping is of course that the browser still handles it (instead of it being taken over by JS).
The demo really does not work in Brave. I use vertical scroll snapping on the landing page of one of my projects (enabled for screens with a min width of 768px and a min height of 600px - should work in Brave): https://cybernetic.dev
I was amazed when I first came across CSS scroll snapping. It's great for creating immersive experiences where one part of the page fills the entire screen while native browser scrolling still works.
Agree. Info-dense designs are also more difficult to implement and many designers lack experience in this area. E.g., creating a coherent design system that uses borders instead of excessive padding to separate elements is much more difficult than it may seem.
[0] https://cybernetic.dev
[1] https://github.com/sveltejs/svelte/issues/17176