I 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
I'm excited for the new Animotion API for making visual explainers with support for layout and code animations, rendering to video, and plugins 🔥
I want the next version of Animotion to be more opinionated so you can render the presentation frame by frame as a video I'm trying a new approach using generators to describe steps instead like Motion Canvas
Modern CSS is pretty neat I'm doing Animotion from scratch in Svelte without libraries so I have control over everything I'm taking advantage of container queries and their length units to size text based on the container size defined by the aspect ratio
I fixed a bug in Animotion where the default layout wasn't working properly when animating code blocks Now it's enabled by default to enforce a fixed aspect ratio and scale slides uniformly to fit any screen size
I use a simple animation system in Svelte for these FLIP animations in my videos where I define views for Tailwind classes based on the state and it works like magic 🪄
Sneak peek for the upcoming Pretext video I'm working on for measuring and laying out text without touching the DOM
Trying Coolify on Hetzner and loving it — learned a lot about securing a VPS and self-hosting Nixpacks sucks though and fails on SvelteKit so I used a Dockerfile and I might offload builds to GitHub to prevent CPU spikes Excited about v5 since it's using Svelte for the frontend
Svelte added a new feature so you're able to define variables anywhere in a Svelte component 🔥
Working on the next video about real-time data in SvelteKit using the new live query remote function 😄
I poked around SvelteKit to learn how live queries work and found it uses a raw stream that sends NDJSON using devalue for serialization — I used a server endpoint and fetch on the client to demonstrate how it works 😄
Another experiment in making videos with code stealing the Motion Canvas API with Svelte templating and reactivity 😄 I prefer this over the Remotion approach I tried where you have to define the frames 🤔
I open sourced the Svelte sandbox if you want to use it on your site • Includes Web (HTML/CSS/JS) and Svelte sandbox components • Preview-only mode • Handles NPM imports • Customizable • Responsive github.com/matiadev/sve...
Added global mode to the p5.js Svelte wrapper so you can try examples without needing a prefix 😄 npm i @sveltecraft/p5-svelte
I turned the video into a post with interactive examples you can try yourself 😄 joyofcode.xyz/entry-and-ex...
I'm pleased with how the Svelte sandbox for interactive examples in my posts turned out 😄
Vercel randomly broke my SvelteKit deployment that worked fine before and wasted hours of my time 😤 If you encounter random problems with your deployment update the build command
Here's a powerful animation system that works with your favorite JavaScript animation library in Svelte 🧙 Instead of messy element bindings use an attachment to register and animate actors from a scene like this GSAP example 🎭
The default SVG coordinate system starts at the top-left corner (0,0) and the Y-axis is inverted so positive is down instead of up
Using a Cartesian coordinate system for SVG makes working with them a lot nicer
I wanted a simple way to sandbox examples in the Animotion docs so I ended up creating a SvelteKit route to dynamically load components and pop the prerendered route inside an <iframe>
That's just an example — it's more useful for controlling the component from the parent imperatively Another example would be if you had to focus an element from the parent which you can't do declaratively
I watched Steve Schoger use AI to iterate on a site design in real-time instead of using Figma so no wonder they're cooked if even designers only use it for assets
I've been using OpenCode Go for a month and it's probably the best value for $10/month with Kimi and GLM models — if you're used to top models and vibe code all day it's probably not for you but it's generous for regular use