Mat Simon
@matsimon.dev
Lead Software Engineer @derstandard.at
Full Stack Developer (SvelteKit, SwiftUI) https://www.matsimon.dev
Founder of https://www.pausly.app ⭐️
Musician https://www.yesmeno.com 🎸 🎤 🎹 🥁
Blender enthusiast 🎨
Full Stack Developer (SvelteKit, SwiftUI) https://www.matsimon.dev
Founder of https://www.pausly.app ⭐️
Musician https://www.yesmeno.com 🎸 🎤 🎹 🥁
Blender enthusiast 🎨
Very interesting new #svelte proposal: https://github.com/sveltejs/svelte/pull/15000
A better, more portable implementation of “actions” called “attachments”.
A better, more portable implementation of “actions” called “attachments”.
January 18, 2025 at 10:11 PM
Very interesting new #svelte proposal: https://github.com/sveltejs/svelte/pull/15000
A better, more portable implementation of “actions” called “attachments”.
A better, more portable implementation of “actions” called “attachments”.
I love the chess drama.
January 14, 2025 at 11:22 AM
I love the chess drama.
In case you missed it, #vscode now has an option for custom labels! The #svelte vscode extension will set this automatically in the future, but until then, you can make these changes to optimize your tab labels in a #sveltekit project.
github.com/sveltejs/lan...
github.com/sveltejs/lan...
January 10, 2025 at 2:05 PM
In case you missed it, #vscode now has an option for custom labels! The #svelte vscode extension will set this automatically in the future, but until then, you can make these changes to optimize your tab labels in a #sveltekit project.
github.com/sveltejs/lan...
github.com/sveltejs/lan...
I can't remember where I saw this tip, but it's so nice to use vite when you're working on something as simple as a single html file. Just create an index.html file, and run `vite .` in the same folder, and you have a live dev server without hot reloading!
January 1, 2025 at 3:03 PM
I can't remember where I saw this tip, but it's so nice to use vite when you're working on something as simple as a single html file. Just create an index.html file, and run `vite .` in the same folder, and you have a live dev server without hot reloading!
This has got to be the worst product placement I have ever seen... and _two_ in one scene!
December 4, 2024 at 4:49 PM
This has got to be the worst product placement I have ever seen... and _two_ in one scene!
Really looking forward to the calc-size function to become widely available. It's such a nice syntax.
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
November 28, 2024 at 9:44 AM
Really looking forward to the calc-size function to become widely available. It's such a nice syntax.
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
The problem: I missed this section on mdn developer.mozilla.org/en-US/docs/W...
November 27, 2024 at 2:51 PM
The problem: I missed this section on mdn developer.mozilla.org/en-US/docs/W...
Omg... These two lines of code have just cost me a few hours. I just couldn't figure out why my scroll driven animation wasn't working!
November 27, 2024 at 2:49 PM
Omg... These two lines of code have just cost me a few hours. I just couldn't figure out why my scroll driven animation wasn't working!
Just got your prints @chrispiascik.bsky.social ! They look amazing. Thanks for sending them across the pond.
November 25, 2024 at 5:58 PM
Just got your prints @chrispiascik.bsky.social ! They look amazing. Thanks for sending them across the pond.
Here is the updated version that makes use of the built-in "fromStore". I changed the .value accessor to .current as well, so it's in line with the "fromStore" API.
November 25, 2024 at 10:27 AM
Here is the updated version that makes use of the built-in "fromStore". I changed the .value accessor to .current as well, so it's in line with the "fromStore" API.
To help speed up the #svelte 5 migration, I wrote this simple writable store wrapper, that also exposes a $state value. This way I don't have to migrate all my code at once, but progressively switch to the $state.
This works well, but did I miss a built-in solution for this? Feedback welcome!
This works well, but did I miss a built-in solution for this? Feedback welcome!
November 24, 2024 at 2:24 PM
To help speed up the #svelte 5 migration, I wrote this simple writable store wrapper, that also exposes a $state value. This way I don't have to migrate all my code at once, but progressively switch to the $state.
This works well, but did I miss a built-in solution for this? Feedback welcome!
This works well, but did I miss a built-in solution for this? Feedback welcome!
Hopping on the skircle train.
November 24, 2024 at 11:10 AM
Hopping on the skircle train.
I just added a nice little upvote button to my #svelte blog. The particles are rendered with WebGL. I created the sound effects in Logic and exported them as an audio sprite. Each IP address gets 20 upvotes. Inspired by Medium and @joshwcomeau.com
Try it out (choose any post): www.matsimon.dev
Try it out (choose any post): www.matsimon.dev
November 19, 2024 at 2:37 PM
I just added a nice little upvote button to my #svelte blog. The particles are rendered with WebGL. I created the sound effects in Logic and exported them as an audio sprite. Each IP address gets 20 upvotes. Inspired by Medium and @joshwcomeau.com
Try it out (choose any post): www.matsimon.dev
Try it out (choose any post): www.matsimon.dev
Here is an easy workaround.
November 16, 2024 at 1:19 PM
Here is an easy workaround.
Be careful when accessing state with optional chaining in Svelte 5! JavaScript does *not* evaluate the rest of the statement if the object is nullish. This means that, in this example, `scheme` will never be accessed and the effect will not re-run if `particles` is undefined.
#svelte #svelte5
#svelte #svelte5
November 16, 2024 at 1:17 PM
@tolin.ski The transcript of the latest episode is great :)
June 14, 2024 at 12:23 PM
@tolin.ski The transcript of the latest episode is great :)
I apologize in advance that I might post photos of my dogs from time to time
June 1, 2023 at 10:24 PM
I apologize in advance that I might post photos of my dogs from time to time
One of my favorite blender renders of the last few years.
I decided to rebuild one of the most iconic chess games I've watched, in a drinking chess setting.
I decided to rebuild one of the most iconic chess games I've watched, in a drinking chess setting.
June 1, 2023 at 8:09 AM
One of my favorite blender renders of the last few years.
I decided to rebuild one of the most iconic chess games I've watched, in a drinking chess setting.
I decided to rebuild one of the most iconic chess games I've watched, in a drinking chess setting.
I always thought that the difference between lch and lab was only how you specify it. lch always seemed more natural to me: lightness, chroma (saturation), hue.
But you can also specify which color space should be used when generating a CSS gradient and lab will be smoother and more uniform.
But you can also specify which color space should be used when generating a CSS gradient and lab will be smoother and more uniform.
May 31, 2023 at 1:32 PM
I always thought that the difference between lch and lab was only how you specify it. lch always seemed more natural to me: lightness, chroma (saturation), hue.
But you can also specify which color space should be used when generating a CSS gradient and lab will be smoother and more uniform.
But you can also specify which color space should be used when generating a CSS gradient and lab will be smoother and more uniform.
CSS has a few new color notations that allow you to define colors in different color spaces. The most important ones are oklch and oklab.
The cool thing about these color formats, is that they mimic how color is perceived by the human eye.
The cool thing about these color formats, is that they mimic how color is perceived by the human eye.
May 31, 2023 at 1:25 PM
CSS has a few new color notations that allow you to define colors in different color spaces. The most important ones are oklch and oklab.
The cool thing about these color formats, is that they mimic how color is perceived by the human eye.
The cool thing about these color formats, is that they mimic how color is perceived by the human eye.