Mathieu Laurent

We have now open sourced our code for the conclave smoke animation!
Featuring Svelte and the WebGL library regl.

github.com/spiegelgraph...

cc @sveltesociety.dev

YouTube video by Romain Lanz [ VOD ] Créer un Design System en Vue 3 + Storybook

🎥 Nouvelle VOD dispo sur ma chaîne YouTube !

Dans cet épisode, on construit le design system de mon site avec Vue 3 et Storybook.

📺 À regarder ici : youtu.be/2GrOcEQMLq0

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.

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

GitHub - Akryum/rstore: Reactive datastore Reactive datastore. Contribute to Akryum/rstore development by creating an account on GitHub.

I'm so thrilled to introducing rstore, the reactive data store for @vuejs.org and @nuxt.com 🔥
I've been working on it thanks to the backing from @directus.io

github.com/Akryum/rstore

On my way to #vuejsamsterdam

Do you know this extension? github.com/refined-gith...

"Shows the base branch in PR lists if it’s not the default branch."

Just shipped the components page for Nuxt UI v3 ✨

One component left for 100 🫠
The + is to include all the prose components (but not listed here).

ui3.nuxt.dev/components

Bolt 100K Open Source Fund We're doubling down on our support to Open Source in 2025 with a 100K fund targeted at web infrastructure and Bolt dependencies.

In 2025, we’re doubling down on our support to Open Source.

We’re thrilled to announce the Bolt 100K Open Source Fund:

DejaVue Thumbnail showing Alexander Lichter and the title of the episode #047 - A Vue at Alexander Lichter

This week's episode is about one of our co-hosts - but this time the other one 😛

@michaelthiessen.bsky.social is asking @thealexlichter.com about all kinds of stuff: From what practices he sees during consulting - both bad or best ones, how he got into WebDev and into the @nuxt.com team & more!

Storybook test is probably the longest migration I had to do for Reshaped since it affects all my tests. Half-way there but it's totally worth it with all tests running in the same environment (no separate jest or vitest files) and it actually led me to writing tests covering even more edge cases.

Larabelles Larabelles is a community for PHP and Laravel developers under-represented due to their gender.

From the recent Jetbrains survey:

"The survey’s gender distribution shows a striking lack of diversity, with the overwhelming majority of respondents identifying as male."

If you have the means to support Larabelles, I strongly urge you to do so: larabelles.com/support-us

we’re working on a new AT protocol based p2p chat platform! public repo linked below, so let us know what features or UX ideas we should explore!

RESOURCES Nuxt UI v3 - https://ui3.nuxt.dev/Tailwind v4 - https://tailwindcss.com/docs/v4-betaReka UI - https://reka-ui.com/✅ Join the LearnVue+ Waiting Lis... My New Favorite UI Library

Thanks LeanVue for this great overview of Nuxt UI v3!

It's incredibly rewarding to see developers discover the library and share their experiences 💚

www.youtube.com/watch?v=_eQ...

As a result, Rolldown is now the fastest possible bundler you can run in the browser. Here are the numbers when bundling a benchmark app with 2.5k modules:

- esbuild: 22.19s
- Vite (via Rollup): 4.52s
- Rolldown: ⚡️613.43 ms

Try it out yourself on StackBlitz:
stackblitz.com/~/github.com...

conclusions from today's live writeup of the ultralytics vulnerability:

blog.yossarian.net/2024/12/06/z...

One of the biggest problems with UI development is about to be solved!

Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS.

Accessible, gracefully degrades and requires no JS!

4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...

CSS code snippet: .magic { --bg: red; background: var(--bg); /* Swap between white or black based on the background. */ color: lch(from var(--bg) calc((50 - l) * infinity) 0 0); }

Found a neat CSS trick to automatically swap between black or white text based on any arbitrary background color!

With relative color syntax, you can use calc to adjust the text color depending if the background is above or below 50% lightness in the LCH color space.

It’s me on Blue Beanie Day. A man with a beard, blue-green eyes, and a blue cap under two black hoodies. It’s cold out there!

#BlueBeanieDay

Deus in machina: Swiss church installs AI-powered Jesus Peter’s chapel in Lucerne swaps out its priest to set up a computer and cables in confessional booth

www.theguardian.com/technology/2...

Most significant Vite major since Vite 2.0 ⚡️
Kudos to everyone who collaborated to make Vite even more flexible! Cheers to the Vite's ecosystem, contributors, and team. Y'all rock 💜

For my React's friends

But managing this across multiple tabs or requests brings challenges, especially with preventing unintended logouts. For that I used github.com/vueuse/vueus... with `listenToStorageChanges` enabled

Not simple! After an audit, they asked to shorten both access tokens and refresh tokens to 30 minutes. Refresh them automatically as long as there’s user activity. If there's no activity, a modal with a countdown appears before expiration to warn the user, giving them a chance to stay logged in.

new map of every account on BlueSky just dropped :)

aurora.ndimensional.xyz