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 · 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/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 · 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 · 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 · 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
matia 🇭🇷 @joyofcode.xyz · 15/08/2026Layout transitions in Animotion 2 use a more advanced FLIP animation technique 🪄 It handles enter/exit transitions even if the element was removed from the DOM by Svelte using ghost elements 👻 You can also define custom enter/exit transitions besides default options 🔥 0130
matia 🇭🇷 @joyofcode.xyz · 14/08/2026Layout animations is my favorite feature I'm working on for Animotion 2 Give the element you want to participate in the layout transition a name and it figures out the rest You can morph unrelated elements or change the layout in other ways like in this example 040
matia 🇭🇷 @joyofcode.xyz · 11/08/2026I never had a use for `void` in JavaScript but it's useful for ignoring unused expression warning when tracking a dependency in Svelte 1210
matia 🇭🇷 @joyofcode.xyz · 11/08/2026I forgot how good liquid drum and bass was www.youtube.com/watch?v=BHS7...youtube.comPARADISE パラダイス | Liquid DnB/Jungle Mix to Relax & FocusYouTube video by Noumena 170
matia 🇭🇷 @joyofcode.xyz · 10/08/2026The coolest video I've watched recently where the entire game is made from sine waves www.youtube.com/watch?v=Qr3V...youtube.comHow I released a game that has no assetsYouTube video by Zanzlanz 050
matia 🇭🇷 @joyofcode.xyz · 09/08/2026Average class enjoyer here but I also like factory functions since you can wrap the class if you prefer `createThing` over `new Thing` which is completely based on vibes 😉 130
matia 🇭🇷 @joyofcode.xyz · 08/08/2026You can use `tick` in Animotion to get the time and progress so video, canvas, or third-party libraries can be rendered as part of the scene 😎 080
matia 🇭🇷 @joyofcode.xyz · 06/08/2026*yoink* I stole the Motion Canvas API for animating code in Animotion so you can: • Drop in a string and let it auto-diff • Use methods for surgical precision • Edit the code inline Thanks to Shiki there's syntax highlight for most languages and VS Code theme support 0210
matia 🇭🇷 @joyofcode.xyz · 05/08/2026Added rendering options to Animotion with defaults for YouTube and other formats for socials 😎 You can render the entire sequence or individual scenes as images or video using the CLI 🎞️ 080
matia 🇭🇷 @joyofcode.xyz · 05/08/2026I always get doomer comments in my videos like “What's the point when there's AI?” That mentality is ass and being curious and excited about learning is great to know what's possible youtu.be/4nJ2tEPD4-kyoutu.bePeople Are Mad They're Told to LearnYouTube video by The PrimeTime 0180
matia 🇭🇷 @joyofcode.xyz · 03/08/2026I haven't used GLM/Kimi since the new DeepSeek V4 Flash release since it does everything I throw at it which is crazy to me 010
matia 🇭🇷 @joyofcode.xyz · 02/08/2026I'm excited for the new Animotion API for making visual explainers with support for layout and code animations, rendering to video, and plugins 🔥 0194
matia 🇭🇷 @joyofcode.xyz · 01/08/2026I love @typescript.fm so I was surprised and honored that my recent Pretext video got mentioned while listening to the latest episode! 😄 Subscribe to the podcast and watch the video if you want to be entertained. youtu.be/Em6gzss5zu0youtube.comIs This The Future Of Text Layout In The Browser?YouTube video by Joy of Code 031
