matia 🇭🇷 @joyofcode.xyz · 24/09/2026Experimenting with audio support in Animotion so you can render videos with sound 🧑🔬 🔊 010
matia 🇭🇷 @joyofcode.xyz · 22/09/2026If you love the exploration of user interfaces I highly recommend watching this talk by Scott Jenson: “Are we really going to use the same Desktop UX forever?” youtu.be/V7AfAcQwLW0 1161
Reposted by matia 🇭🇷pngwn @pngwn.at · 22/09/2026After about a year, on and off, I am veeeery happy to release TWINKLEPLOP, a syntax highlighter of tremendous power! The speed of prism with the customisation of Shiki. twinkleplop.pngwn.at 519233
matia 🇭🇷 @joyofcode.xyz · 16/09/2026I added support for both 🫡 github.com/matiadev/sve...github.comGitHub - matiadev/svelte-annotate: 〽️ Hand-drawn annotations for Svelte〽️ Hand-drawn annotations for Svelte. Contribute to matiadev/svelte-annotate development by creating an account on GitHub. 011
matia 🇭🇷 @joyofcode.xyz · 11/09/2026github.com/matiadev/sve...github.comGitHub - matiadev/svelte-annotate: 〽️ Hand-drawn annotations for Svelte〽️ Hand-drawn annotations for Svelte. Contribute to matiadev/svelte-annotate development by creating an account on GitHub. 041
matia 🇭🇷 @joyofcode.xyz · 11/09/2026I made a Svelte package for hand-drawn annotations using the same foundation you can use in your project 😎 1382
matia 🇭🇷 @joyofcode.xyz · 10/09/2026Do you prefer option A, option B, or having both A+B options for creating annotations in Svelte? 430
matia 🇭🇷 @joyofcode.xyz · 09/09/2026github.com/matiadev/sve...github.comGitHub - matiadev/svelte-sandbox: 🧪 Interactive Svelte code sandbox🧪 Interactive Svelte code sandbox . Contribute to matiadev/svelte-sandbox development by creating an account on GitHub. 000
matia 🇭🇷 @joyofcode.xyz · 09/09/2026I made a Svelte code sandbox package a while ago and made improvements since then so if you need one for your next project look no further 😄 • Includes Web and Svelte sandbox • Light, themable, responsive • Handles imports 1112
matia 🇭🇷 @joyofcode.xyz · 08/09/2026Trying out ideas like annotations in Animotion for your next investigative journalism piece 😄 080
matia 🇭🇷 @joyofcode.xyz · 08/09/2026I mostly use it for making educational content for YouTube so yeah I think so 😄 The next version of Animotion works more like Remotion and uses a Svelte animation engine so you can even render the presentation If you want to try it and give me feedback let me know and I'll send you a message 120
matia 🇭🇷 @joyofcode.xyz · 08/09/2026Thanks Paolo! You should see the payment in your account as promised 021
matia 🇭🇷 @joyofcode.xyz · 07/09/2026github.com/matiadev/sve...github.comGitHub - matiadev/svelte-rough: 🍬 Rough.js Svelte wrapper🍬 Rough.js Svelte wrapper. Contribute to matiadev/svelte-rough development by creating an account on GitHub. 060
matia 🇭🇷 @joyofcode.xyz · 07/09/2026I made a Svelte component wrapper around Rough.js for creating graphics with a hand-drawn, sketchy appearance 😄 26910
matia 🇭🇷 @joyofcode.xyz · 06/09/2026I don't remember which Castlevania game I played on the PS2 so I'm playing both 010
matia 🇭🇷 @joyofcode.xyz · 05/09/2026It's awesome how much the web platform evolved I replaced a UI library with the native Popover API and anchor positioning Give the Modern Web Guidance set of skills to the clanker for the latest features and how to use them github.com/GoogleChrome...github.comGitHub - GoogleChrome/modern-web-guidance: Keep your coding agent up to date with the latest web best practicesKeep your coding agent up to date with the latest web best practices - GoogleChrome/modern-web-guidance 0100
matia 🇭🇷 @joyofcode.xyz · 04/09/2026I only think of this scene when someone says they don't read the code 041
matia 🇭🇷 @joyofcode.xyz · 04/09/2026Audacity is having a glow-up www.youtube.com/watch?v=BTQy...youtube.comIntroducing Audacity 4: New tools & a new lookYouTube video by Audacity 040
matia 🇭🇷 @joyofcode.xyz · 27/08/2026I asked GLM 5.3 Flash to make a timeline view in Animotion and it's nicer than I expected maybe I should keep it 🤔 050
matia 🇭🇷 @joyofcode.xyz · 27/08/2026I would go to a live performance just to hear Hymn of the Fayth performed by real musicians www.youtube.com/watch?v=s7u3...youtu.beFinal Fantasy X – Full Synthwave Remix AlbumYouTube video by Gamewave 000
matia 🇭🇷 @joyofcode.xyz · 27/08/2026GLM 5.3 Flash and DeepSeek V4 Flash stable price comparison It's cheaper even without 50% discount and cache hits are more expensive but it's more token efficient I used it as Ox Alpha and now on the OpenCode Go sub at 2x usage 0110
matia 🇭🇷 @joyofcode.xyz · 26/08/2026I realized I'm making Prettier after fixing some code indentation edge cases in Animotion maybe I should use it instead 😂 040
matia 🇭🇷 @joyofcode.xyz · 25/08/2026I'm not sure, maybe it's not the same across browsers and most text is static so the browser has to do less work but in this case it doesn't matter 000
matia 🇭🇷 @joyofcode.xyz · 24/08/2026Text morphs are cursed due to how browsers render text and it looks worse when you render each frame to video 💀 I almost used a crossfade instead in Animotion until I learned that you can change how text is rendered 😌 1312
matia 🇭🇷 @joyofcode.xyz · 23/08/2026It's nice but I prefer fast models like DeepSeek V4 Flash because I like working with the agent and providing feedback quicker 100
matia 🇭🇷 @joyofcode.xyz · 22/08/2026I want to make Animotion 2 public this week so people can try it 110
matia 🇭🇷 @joyofcode.xyz · 22/08/2026I used the new stealth model Ox Alpha on OpenCode but I had to clean up some UI slop 😄 100
matia 🇭🇷 @joyofcode.xyz · 21/08/2026Asked the clanker to explain how the Animotion scene timeline works using Animotion 🤔 140
matia 🇭🇷 @joyofcode.xyz · 21/08/2026I also added `reveal` and `crossfade` helpers for lists and crossfading between items 🔥 010
matia 🇭🇷 @joyofcode.xyz · 20/08/2026I remember this presentation tool Prezi where you can pan, zoom, and rotate content so I tried recreating the same thing in Animotion 😄 161
matia 🇭🇷 @joyofcode.xyz · 19/08/2026I made some usability improvements for revealing elements inside of an Animotion scene 🪄 You can use the `step` and `progress` value from the scene to swap and reveal things based on the current step and progress 🔥 090
matia 🇭🇷 @joyofcode.xyz · 17/08/2026Interesting video on how a UI layout algorithm works showing practical uses cases for a bunch of algorithms www.youtube.com/watch?v=by9l...youtube.comHow Clay's UI Layout Algorithm WorksYouTube video by Nic Barker 2202
matia 🇭🇷 @joyofcode.xyz · 16/08/2026Layout transitions in Animotion 2 handle existing transforms, border radius, and color transitions 🪄 This includes calculating the roundness for cursed edge cases like `rounded-full` since it uses `calc(infinity * 1px)` 💀 060
