Added 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 🎞️

I 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-k

People Are Mad They're Told to Learn

YouTube video by The PrimeTime

youtu.be

Me and the boys convinced the slop is gourmet

Some text animation shenanigans in Animotion

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 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/Em6gzss5zu0

Is This The Future Of Text Layout In The Browser?

YouTube video by Joy of Code

youtube.com

Pretext is a TypeScript library for precise text measurement and layout In this video I explain what problem it solves, why you would use it, and how it works using real-world examples youtu.be/Em6gzss5zu0

Making The Web Fun Again

YouTube video by Joy of Code

youtu.be

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

Fluid text measurement and layout without touching the DOM using Pretext

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

Great video explaining the history and how LLMs work everyone should watch to understand it's not a black box www.youtube.com/watch?v=YmLp...

I Built an LLM From Scratch

YouTube video by Syntax

youtube.com

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 🪄

matia 🇭🇷@joyofcode.xyz · 4w ago

Sneak peek for the upcoming Pretext video I'm working on for measuring and laying out text without touching the DOM

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

Learn how to build real Svelte apps using agentic coding in this series from @paolo.ricciuti.me and subscribe for updates 🔥 youtu.be/XEeCqy7QebM

Project Setup & Intro - Agentic Engineering with Svelte (Ep. 1)

YouTube video by Mainmatter

youtu.be

New video explaining SvelteKit remote functions and working with real-time data using live queries 🔥 youtu.be/j9fh4WC0zHo

My Favorite Framework Just Got Better

YouTube video by Joy of Code

youtu.be

Heading into the million dollar studio to record a Svelte video

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 😄

Added a timeline and rendering options

matia 🇭🇷@joyofcode.xyz · 2mo ago

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 🤔

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...

matia 🇭🇷@joyofcode.xyz · 3mo ago

I'm pleased with how the Svelte sandbox for interactive examples in my posts turned out 😄

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...

matia 🇭🇷@joyofcode.xyz · 4mo ago

Modern CSS has made entry and exit animations a lot easier so I made a video on how to use @​starting-style to do that including animating discrete properties like display and using the View Transition API for layout changes youtu.be/7D9DSJp5rkY

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

In this video I explore how the HTML-in-Canvas proposal unlocks new possibilities and lets you render HTML elements inside a <canvas> while preserving native layout, styling, and accessibility youtu.be/ADmhaJS_f1E

Why Everyone Is Excited About HTML In Canvas

YouTube video by Joy of Code

youtu.be