835 Followers
121 Following
447 Posts
Web dev, SvelteJS maintainer, and pianist. ❤️ cats, books, and video game music.
Websitehttps://geoffrich.net/
LocationSeattle-ish, WA
Interrupting your doomscrolling with a fun project I did to prevent myself from doomscrolling: a LEGO MOC of the world map from The Legend of Zelda: a Link to the Past video game. I used bricks we had on hand, so the colors and shapes aren’t perfect, but pretty dang close for small scale!
After over a year in development, Svelte 5 is finally out!
https://svelte.dev/blog/svelte-5-is-alive
Svelte 5 is alive

Our biggest release yet

Well, that was very worth watching, hope you liked it.
In case you missed it, here's the TL;DW

- `sv` cli: https://www.npmjs.com/package/sv
- svelte omnisite: https://svelte-omnisite.vercel.app/ (temporary, going live on https://svelte.dev soon)
- hackathon: https://hack.sveltesociety.dev/2024
- svelte5 released: https://github.com/sveltejs/svelte/blob/main/packages/svelte/CHANGELOG.md#500

and a bunch of super cool talks, go watch it!

sv

A CLI for creating and updating SvelteKit projects. Latest version: 0.5.5, last published: 8 hours ago. Start using sv in your project by running `npm i sv`. There is 1 other project in the npm registry using sv.

npm

svelte summit is about to start, grab your seats and strap in.
It's going to be great!

https://www.sveltesummit.com/2024/fall

Svelte Summit Fall 2024: The worlds biggest Svelte Conference

The worlds largest Svelte conference

anyone know what the "correct" behavior is here (as per spec)? In Firefox, the first button icon is red and the second is blue. In Chrome and Safari, both are red.

Context: trying to get a svg icon inside a button to follow the color of the button (and fighting some global styles outside of my control).

#css #svg

https://codepen.io/geoff-rich/pen/ExBOoKG

svg color inheritance

...

He desperately wants to fit in the box

I realize I’m biased, but I greatly enjoyed @tylersticka’s presentation at CascadiaJS, GIFs Are Forever, Let’s Make Them Better. I learned several things. Even if you think you know GIFs, you'll probably learn something new.

And if you missed it live, you can now watch it online:
https://www.youtube.com/watch?v=VhOEcA-Ne44

GIFs Are Forever, Let’s Make Them Better | Tyler Sticka | CascadiaJS 2024

YouTube

My CascadiaJS talk on #Svelte 5 from earlier this summer is now available as a standalone video!

I talked about what's new in Svelte 5 and how it makes Svelte apps more performant, more scalable, and easier to reason about.

Video: https://youtu.be/PQluuawldDE
Transcript: https://geoffrich.net/posts/cascadiajs-2024/

- YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

svelte5 still comes with batteries included, and one of them just got a little extra juice thanks to waapi.

https://github.com/sveltejs/svelte/pull/13018

smoothest/sveltest js animations ever!

fix: use WAAPI to control timing of JS-based animations by Rich-Harris · Pull Request #13018 · sveltejs/svelte

Follow-up to #12883. Fixes #12730 Fixes #13019 Currently we assume that a transition can have a css method or a tick method but not both. #12883 allows both, but insists on at least one. In fact, w...

GitHub

I think this is my best commit this year

> `remove test that was skipped 4 years ago`