kaurismaki
@kaurismaki.bsky.social
Reposted by kaurismaki
🚀 Introducing Motion for @vuejs.org — A feature-complete port of Motion for React (prev Framer Motion).
Springs, scroll, AnimatePresence, gestures, and yes, layout animations. All that and more, powered by Motion's unique hybrid engine, wrapped up with its simple API.
🔗 motion.dev/blog/introdu...
Springs, scroll, AnimatePresence, gestures, and yes, layout animations. All that and more, powered by Motion's unique hybrid engine, wrapped up with its simple API.
🔗 motion.dev/blog/introdu...
March 19, 2025 at 2:13 PM
🚀 Introducing Motion for @vuejs.org — A feature-complete port of Motion for React (prev Framer Motion).
Springs, scroll, AnimatePresence, gestures, and yes, layout animations. All that and more, powered by Motion's unique hybrid engine, wrapped up with its simple API.
🔗 motion.dev/blog/introdu...
Springs, scroll, AnimatePresence, gestures, and yes, layout animations. All that and more, powered by Motion's unique hybrid engine, wrapped up with its simple API.
🔗 motion.dev/blog/introdu...
Reposted by kaurismaki
📣 Extremely excited to have collaborated with BKMN on a new Motion Examples collection.
He's one of my favourite microinteraction designers and a long-time Motion boss.
We're going to release a new example every day next week, here's a sneak peak:
He's one of my favourite microinteraction designers and a long-time Motion boss.
We're going to release a new example every day next week, here's a sneak peak:
March 14, 2025 at 2:35 PM
📣 Extremely excited to have collaborated with BKMN on a new Motion Examples collection.
He's one of my favourite microinteraction designers and a long-time Motion boss.
We're going to release a new example every day next week, here's a sneak peak:
He's one of my favourite microinteraction designers and a long-time Motion boss.
We're going to release a new example every day next week, here's a sneak peak:
Reposted by kaurismaki
OK, Bluesky. Time for an early preview. (X hasn't seen this yet)
I've shipped a 9-lesson tutorial on the Model Context Protocol - the USB-C of AI.
It'll take you from "WTF is MCP" to shipping your own servers to the world.
And, it's free. Check it out:
www.aihero.dev/model-contex...
I've shipped a 9-lesson tutorial on the Model Context Protocol - the USB-C of AI.
It'll take you from "WTF is MCP" to shipping your own servers to the world.
And, it's free. Check it out:
www.aihero.dev/model-contex...
Model Context Protocol Tutorial
The Model Context Protocol is driving a new wave of innovation in the world of AI. In this tutorial, I'll break down everything you need to know to get started.
www.aihero.dev
March 13, 2025 at 12:59 PM
OK, Bluesky. Time for an early preview. (X hasn't seen this yet)
I've shipped a 9-lesson tutorial on the Model Context Protocol - the USB-C of AI.
It'll take you from "WTF is MCP" to shipping your own servers to the world.
And, it's free. Check it out:
www.aihero.dev/model-contex...
I've shipped a 9-lesson tutorial on the Model Context Protocol - the USB-C of AI.
It'll take you from "WTF is MCP" to shipping your own servers to the world.
And, it's free. Check it out:
www.aihero.dev/model-contex...
Reposted by kaurismaki
Exciting news! Zed now has native Git support starting from v0.177. Designed for speed, Git-native functionality, and a keyboard-first workflow.
March 12, 2025 at 5:57 PM
Exciting news! Zed now has native Git support starting from v0.177. Designed for speed, Git-native functionality, and a keyboard-first workflow.
Reposted by kaurismaki
🎨 Did you know that Motion interpolates RGB colors differently to browsers?
Because of the way RGB colors are stored, straight interpolation will lead to dips in brightness. Motion instead mixes the square of the color, which avoids this dip.
Because of the way RGB colors are stored, straight interpolation will lead to dips in brightness. Motion instead mixes the square of the color, which avoids this dip.
February 21, 2025 at 2:14 PM
🎨 Did you know that Motion interpolates RGB colors differently to browsers?
Because of the way RGB colors are stored, straight interpolation will lead to dips in brightness. Motion instead mixes the square of the color, which avoids this dip.
Because of the way RGB colors are stored, straight interpolation will lead to dips in brightness. Motion instead mixes the square of the color, which avoids this dip.
Reposted by kaurismaki
unplugin is for bundlers, and now there's unloader for the Node.js runtime!
unloader aims to support plugins for unplugin, Vite, and Rollup running in Node.js without pre-bundling!
🚧 This project is actively being developed, so APIs may change at any time.
github.com/sxzz/unloader
unloader aims to support plugins for unplugin, Vite, and Rollup running in Node.js without pre-bundling!
🚧 This project is actively being developed, so APIs may change at any time.
github.com/sxzz/unloader
GitHub - sxzz/unloader: 🚧 WIP: Node.js loader with a Rollup-like interface.
🚧 WIP: Node.js loader with a Rollup-like interface. - sxzz/unloader
github.com
February 10, 2025 at 10:12 AM
unplugin is for bundlers, and now there's unloader for the Node.js runtime!
unloader aims to support plugins for unplugin, Vite, and Rollup running in Node.js without pre-bundling!
🚧 This project is actively being developed, so APIs may change at any time.
github.com/sxzz/unloader
unloader aims to support plugins for unplugin, Vite, and Rollup running in Node.js without pre-bundling!
🚧 This project is actively being developed, so APIs may change at any time.
github.com/sxzz/unloader
Reposted by kaurismaki
🚀 Introducing usePresenceData: Pass props and state through AnimatePresence to exiting components.
I don't know why this hook didn't exist before. Sorry? It makes it super easy to animate elements out based on the latest state, like direction here examples.motion.dev/react/use-pr...
I don't know why this hook didn't exist before. Sorry? It makes it super easy to animate elements out based on the latest state, like direction here examples.motion.dev/react/use-pr...
February 6, 2025 at 2:13 PM
🚀 Introducing usePresenceData: Pass props and state through AnimatePresence to exiting components.
I don't know why this hook didn't exist before. Sorry? It makes it super easy to animate elements out based on the latest state, like direction here examples.motion.dev/react/use-pr...
I don't know why this hook didn't exist before. Sorry? It makes it super easy to animate elements out based on the latest state, like direction here examples.motion.dev/react/use-pr...
Reposted by kaurismaki
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
January 15, 2025 at 8:21 PM
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
Reposted by kaurismaki
Astro v5.2 is our first release of 2025!
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
Astro 5.2 | Astro
Astro 5.2 is now available! The first minor release of 2025 includes Tailwind 4 support, a new way to access config values in your pages, better trailing slash handling, and support for external redir...
astro.build
January 30, 2025 at 3:51 PM
Astro v5.2 is our first release of 2025!
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
Reposted by kaurismaki
You can now see which value is the active value in min(), max() and clamp()
- in Canary DevTools today
- coming to Chrome stable soon!
- in Canary DevTools today
- coming to Chrome stable soon!
January 30, 2025 at 7:19 PM
You can now see which value is the active value in min(), max() and clamp()
- in Canary DevTools today
- coming to Chrome stable soon!
- in Canary DevTools today
- coming to Chrome stable soon!
Reposted by kaurismaki
🚀 Motion 12 moves hover() out of early access into general release.
• Filter touch-emulated "hover" events
• Attach to multiple elements via CSS selectors
• Simple gesture end syntax
• Filter touch-emulated "hover" events
• Attach to multiple elements via CSS selectors
• Simple gesture end syntax
January 20, 2025 at 1:07 PM
🚀 Motion 12 moves hover() out of early access into general release.
• Filter touch-emulated "hover" events
• Attach to multiple elements via CSS selectors
• Simple gesture end syntax
• Filter touch-emulated "hover" events
• Attach to multiple elements via CSS selectors
• Simple gesture end syntax
Reposted by kaurismaki
My first AI course is complete... And it's free!
It's a 16-lesson tutorial on Vercel's AI SDK. It's the missing piece for working with AI in TypeScript.
No bullshit, no hype. Just solid, practical advice.
https://www.aihero.dev/vercel-ai-sdk-tutorial
It's a 16-lesson tutorial on Vercel's AI SDK. It's the missing piece for working with AI in TypeScript.
No bullshit, no hype. Just solid, practical advice.
https://www.aihero.dev/vercel-ai-sdk-tutorial
January 20, 2025 at 4:30 PM
My first AI course is complete... And it's free!
It's a 16-lesson tutorial on Vercel's AI SDK. It's the missing piece for working with AI in TypeScript.
No bullshit, no hype. Just solid, practical advice.
https://www.aihero.dev/vercel-ai-sdk-tutorial
It's a 16-lesson tutorial on Vercel's AI SDK. It's the missing piece for working with AI in TypeScript.
No bullshit, no hype. Just solid, practical advice.
https://www.aihero.dev/vercel-ai-sdk-tutorial
Reposted by kaurismaki
Vitest 3.0 is here!
Announcing Vitest 3.0
Vitest 3.0 Release Announcement
vitest.dev
January 17, 2025 at 2:07 PM
Vitest 3.0 is here!
Reposted by kaurismaki
Just released Lightning CSS v1.29! ⚡️
• Support for View Transitions Level 2 rules, properties, and selectors, with css module scoping
• @font-feature-values support
• Flag to enable/disable transpiling light-dark()
• Better media query range compilation
• ...and more!
github.com/parcel-bundl...
• Support for View Transitions Level 2 rules, properties, and selectors, with css module scoping
• @font-feature-values support
• Flag to enable/disable transpiling light-dark()
• Better media query range compilation
• ...and more!
github.com/parcel-bundl...
Release v1.29.0 · parcel-bundler/lightningcss
Added
Implement view transitions level 2, including the @view-transition rule, view-transition-class and view-transition-group properties, and class selector features of the view transition pseud...
github.com
January 9, 2025 at 6:01 AM
Just released Lightning CSS v1.29! ⚡️
• Support for View Transitions Level 2 rules, properties, and selectors, with css module scoping
• @font-feature-values support
• Flag to enable/disable transpiling light-dark()
• Better media query range compilation
• ...and more!
github.com/parcel-bundl...
• Support for View Transitions Level 2 rules, properties, and selectors, with css module scoping
• @font-feature-values support
• Flag to enable/disable transpiling light-dark()
• Better media query range compilation
• ...and more!
github.com/parcel-bundl...
Reposted by kaurismaki
Finally, finally, finally
It FINALLY happened
Node.js 23 now supports TypeScript out of the box - no configuration needed. After years of waiting, you can finally run .ts files directly with Node.Up-to-d...
www.youtube.com
January 8, 2025 at 1:03 PM
Finally, finally, finally
Reposted by kaurismaki
🎁 A surprise holidays gift: after over a year of hard work, we have just published Rolldown 1.0.0-beta.1!
December 25, 2024 at 4:18 PM
🎁 A surprise holidays gift: after over a year of hard work, we have just published Rolldown 1.0.0-beta.1!
Reposted by kaurismaki
Astro 5.1 is now in session
Introducing Astro.session, an experimental utility to share data between requests. This is for you PHP lovers.
See what else we launched 👇
astro.build/blog/astro-5...
Introducing Astro.session, an experimental utility to share data between requests. This is for you PHP lovers.
See what else we launched 👇
astro.build/blog/astro-5...
Astro 5.1 | Astro
Astro 5.1 is now available. This includes a new experimental sessions feature, improved caching for images, and new tools for building Astro Actions.
astro.build
December 19, 2024 at 4:15 PM
Astro 5.1 is now in session
Introducing Astro.session, an experimental utility to share data between requests. This is for you PHP lovers.
See what else we launched 👇
astro.build/blog/astro-5...
Introducing Astro.session, an experimental utility to share data between requests. This is for you PHP lovers.
See what else we launched 👇
astro.build/blog/astro-5...
Reposted by kaurismaki
🚀 Introducing the Press gesture in Motion 11.14!
It has a simple selector syntax, auto-filters secondary pointer events, and most importantly its robust keyboard accessibility ensures that every user has an experience that doesn't just work, but feels great too.
It has a simple selector syntax, auto-filters secondary pointer events, and most importantly its robust keyboard accessibility ensures that every user has an experience that doesn't just work, but feels great too.
Press gesture
YouTube video by Motion
www.youtube.com
December 12, 2024 at 12:57 PM
🚀 Introducing the Press gesture in Motion 11.14!
It has a simple selector syntax, auto-filters secondary pointer events, and most importantly its robust keyboard accessibility ensures that every user has an experience that doesn't just work, but feels great too.
It has a simple selector syntax, auto-filters secondary pointer events, and most importantly its robust keyboard accessibility ensures that every user has an experience that doesn't just work, but feels great too.
Reposted by kaurismaki
Astro 5.0 is here.
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Astro 5.0 | Astro
Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.
astro.build
December 3, 2024 at 6:20 PM
Astro 5.0 is here.
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Reposted by kaurismaki
Reposted by kaurismaki
💡 CSS Tip!
Do you want to know the scrollbar width? It's possible using only CSS and a few lines of code! You can get the pixel value within a CSS variable and use it everywhere.
As a bonus, you can also have an integer value and show it!
A demo here: css-tip.com/width-scroll...
#CSS #HTML
Do you want to know the scrollbar width? It's possible using only CSS and a few lines of code! You can get the pixel value within a CSS variable and use it everywhere.
As a bonus, you can also have an integer value and show it!
A demo here: css-tip.com/width-scroll...
#CSS #HTML
November 14, 2024 at 1:04 PM
💡 CSS Tip!
Do you want to know the scrollbar width? It's possible using only CSS and a few lines of code! You can get the pixel value within a CSS variable and use it everywhere.
As a bonus, you can also have an integer value and show it!
A demo here: css-tip.com/width-scroll...
#CSS #HTML
Do you want to know the scrollbar width? It's possible using only CSS and a few lines of code! You can get the pixel value within a CSS variable and use it everywhere.
As a bonus, you can also have an integer value and show it!
A demo here: css-tip.com/width-scroll...
#CSS #HTML
Reposted by kaurismaki
🎉 After six incredible years at Framer, it’s time for my next step.
Today, we’re spinning Framer Motion out as its own independent open-source project, to better serve the whole community.
Introducing Motion. For React, and now, for everyone.
Today, we’re spinning Framer Motion out as its own independent open-source project, to better serve the whole community.
Introducing Motion. For React, and now, for everyone.
November 12, 2024 at 2:46 PM
🎉 After six incredible years at Framer, it’s time for my next step.
Today, we’re spinning Framer Motion out as its own independent open-source project, to better serve the whole community.
Introducing Motion. For React, and now, for everyone.
Today, we’re spinning Framer Motion out as its own independent open-source project, to better serve the whole community.
Introducing Motion. For React, and now, for everyone.
Reposted by kaurismaki
Well, that's big. Cursor just bought Supermaven. I got the inside scoop + an interview with the CEOs of both companies. Check out my vid: youtu.be/cLoMExBGooc
November 12, 2024 at 9:09 PM
Well, that's big. Cursor just bought Supermaven. I got the inside scoop + an interview with the CEOs of both companies. Check out my vid: youtu.be/cLoMExBGooc
Reposted by kaurismaki
Storybook 8.4 is here!
▶️ 1-click Component Testing in browser
🫧 50% smaller bundle size & 75% smaller lockfile
5️⃣ Svelte 5 and Svelte CSF
⚛️ React Native Storybook 8
🏷️ Tagging and filtering stories
💯 Hundreds more improvements
🧵
▶️ 1-click Component Testing in browser
🫧 50% smaller bundle size & 75% smaller lockfile
5️⃣ Svelte 5 and Svelte CSF
⚛️ React Native Storybook 8
🏷️ Tagging and filtering stories
💯 Hundreds more improvements
🧵
Storybook 8.4
Component Test in your browser in 1 click
storybook.js.org
November 12, 2024 at 5:41 PM
Storybook 8.4 is here!
▶️ 1-click Component Testing in browser
🫧 50% smaller bundle size & 75% smaller lockfile
5️⃣ Svelte 5 and Svelte CSF
⚛️ React Native Storybook 8
🏷️ Tagging and filtering stories
💯 Hundreds more improvements
🧵
▶️ 1-click Component Testing in browser
🫧 50% smaller bundle size & 75% smaller lockfile
5️⃣ Svelte 5 and Svelte CSF
⚛️ React Native Storybook 8
🏷️ Tagging and filtering stories
💯 Hundreds more improvements
🧵
Reposted by kaurismaki
📣 Announcing Solid Desktop
Develop macOS with @solidjs.com 🔊🆙
Develop macOS with @solidjs.com 🔊🆙
November 7, 2024 at 5:40 PM
📣 Announcing Solid Desktop
Develop macOS with @solidjs.com 🔊🆙
Develop macOS with @solidjs.com 🔊🆙