matia 🇭🇷

[matia 🇭🇷 @joyofcodedev]

I'm excited to release the Svelte 5 course aimed at new and existing Svelte developers! 🔥

Learn how to make blazing fast web apps with Svelte and understand how it works with hands-on experience.

https://t.co/s3dJR8AeEO

[matia 🇭🇷 @joyofcodedev]

New video explaining SvelteKit remote functions and working with real-time data using live queries 🔥

https://t.co/j9ui6LV5mE

[matia 🇭🇷 @joyofcodedev]

Heading into the million dollar studio to record a Svelte video

[matia 🇭🇷 @joyofcodedev]

https://t.co/g0hUw1qUyq

[matia 🇭🇷 @joyofcodedev]

Svelte added a new feature so you're able to define variables anywhere in a Svelte component 🔥

[matia 🇭🇷 @joyofcodedev]

@WasylMowczan Most of my recent videos aren't Svelte related

[matia 🇭🇷 @joyofcodedev]

Working on the next video about real-time data in SvelteKit using the new live query remote function 😄

[matia 🇭🇷 @joyofcodedev]

@sithukhant_ I'm working on it 😄

[matia 🇭🇷 @joyofcodedev]

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 😄

[matia 🇭🇷 @joyofcodedev]

Added a timeline and rendering options

[matia 🇭🇷 @joyofcodedev]

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 🤔

[matia 🇭🇷 @joyofcodedev]

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 🤔

[matia 🇭🇷 @joyofcodedev]

@hatem_hosny_ @livecodes_io I just want something simple 😄

[matia 🇭🇷 @joyofcodedev]

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

https://t.co/rK7d4espIa

[matia 🇭🇷 @joyofcodedev]

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

[matia 🇭🇷 @joyofcodedev]

Added global mode to the p5.js Svelte wrapper so you can try examples without needing a prefix 😄

npm i @​sveltecraft/p5-svelte

[matia 🇭🇷 @joyofcodedev]

I turned the video into a post with interactive examples you can try yourself 😄

https://t.co/eulkIAXj4O

[matia 🇭🇷 @joyofcodedev]

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

[matia 🇭🇷 @joyofcodedev]

@oneeezy It should be fixed

https://t.co/4asVuTBfeR

[matia 🇭🇷 @joyofcodedev]

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

[matia 🇭🇷 @joyofcodedev]

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

[matia 🇭🇷 @joyofcodedev]

https://t.co/TmmLlh9Mp6

[matia 🇭🇷 @joyofcodedev]

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 👇

[matia 🇭🇷 @joyofcodedev]

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 🎭