Sign in

Agénor Debriat

@agenordebriat.bsky.social
21 followers 109 following 35 posts

Department manager & lead front-end developer (Lille, France) • Proud father of two • Music lover • Sports fanatic

PostsRepliesMedia
Reposted by Agénor Debriat
Chromatic @chromatic.com · 03/09/2026
Chromatic for @vitest.dev Browser Mode is live. 🧪📸 Browser Mode runs your component tests in a real browser. Now Chromatic checks how those components look by capturing the rendered UI. No new screenshot assertions. No second suite to maintain. 🧵 (1/4)
Vitest Visual Regression Testing with Chromatic
1244
Reposted by Agénor Debriat
Frederik Bußmann @freb97.bsky.social · 05/09/2026
Happy to announce that Nuxt Shopify just released the first stable version! We are now at v1.0.0, APIs are frozen, breaking changes reserved for major versions when possible. There are also some new features like fragment injection, deduplication, CSRF and more! Check it out: shopify.nuxtjs.org
shopify.nuxtjs.org
Create your Shopify store with Nuxt
Easily integrate and use Shopify in your Nuxt 3 or 4 app.
0173
Reposted by Agénor Debriat
Nuxt @nuxt.com · 29/04/2026
Introducing the Nuxt Agent A first-party AI agent built right into nuxt.com. It replaces Kapa AI with something more capable: grounded in official docs, modules, templates, deployment guides, and the entire ecosystem. Open it anywhere with ⌘I or jump to /chat
2324
Reposted by Agénor Debriat
patak @patak.cat · 29/04/2026
I don't think tech at large understands how hard it is to be an open source maintainer right now. So many great folks are on the brink of burnout. Funding is drying out. We live in a security minefield. Companies think humans are disposable. If you're a maintainer, we care. You deserve the world.
17549100
Reposted by Agénor Debriat
Neal Agarwal @neal.fun · 29/04/2026
Introducing Cursor Camp, a website to hang out with other cursors. Out now :) > neal.fun/cursor-camp/
331433455
Reposted by Agénor Debriat
VoidZero @voidzero.dev · 29/04/2026
Oxfmt can now format your JSDoc as well! 👀 All you need is setting the `jsdoc` option in your Oxfmt config file, either as default empty object or with custom options. More info in our Oxfmt docs oxc.rs/docs/guide/u...
2577
Reposted by Agénor Debriat
Adrian Roselli, pH0 @aardrian.bsky.social · 30/04/2026
Keyboard testing *without* the token burn! Bookmarklet from 2018 to focus interactives: adrianroselli.com/bookmarklets... Or use Scott’s: codepen.io/scottohara/p... But if your employer requires you to use ‘AI’ anyway, Steve has a thing: html5accessibility.com/stuff/2026/0... Edit away!
adrianroselli.com
CSS Bookmarklets for Testing and Fixing
I regularly have to test sites in development, review some third-party site, or just use a site in my day-to-day time wasting (and banking) rituals. I’ve relied on viewing the page’s source or popping...
132
Reposted by Agénor Debriat
Firefox for Web Developers @webdevs.firefox.com · 30/04/2026
Chrome looks set to ship an LLM Prompt API to the web platform. At Mozilla, we oppose this API. We feel it has a large interoperability risk, and Google imposing T&Cs on a web API sets a dangerous precedent. Full details: github.com/mozilla/stan...
github.com
Prompt API · Issue #1213 · mozilla/standards-positions
Specification title Prompt API Specification or proposal URL (if available) No response Explainer URL (if available) https://github.com/webmachinelearning/prompt-api/blob/main/README.md Proposal au...
1139698
Reposted by Agénor Debriat
Josh W. Comeau @joshwcomeau.com · 13/04/2026
It’s published! www.joshwcomeau.com/animation/sq...
joshwcomeau.com
Squash and Stretch • Josh W. Comeau
Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural an...
1205
Reposted by Agénor Debriat
Wes Bos @wesbos.com · 07/04/2026
HTML in Canvas API is NUTS
535736
Reposted by Agénor Debriat
Pooya Parsa @pi0.io · 31/03/2026
We optimized everything for text. But forgot about the most natural human interface: Voice. VoiPi :: A simple way to give your Apps, CLIs, and Agents a voice. Powered by local TTS engines (OS, browser, Piper) or free providers (Google, Microsoft Edge).
2193
Reposted by Agénor Debriat
Haoqun Jiang @haoqun.dev · 31/03/2026
One more reason to use @pnpm.io and @npmx.dev: trust policy downgrade becomes visible and preventable
Multiple warnings shown on https://npmx.dev/package/axios

1. Trust downgrade
This version was published without trusted publishing. Install commands are pinned to 1.14.0, the last version with trusted publishing.

2. You might not need this dependency.
The community has flagged this package as having more performant alternatives. Learn more at https://e18e.dev/docs/replacements/fetch.htmlPNPM documentation:

trustPolicy
Added in: v10.21.0

Default: off
Type: no-downgrade | off
When set to no-downgrade, pnpm will fail if a package's trust level has decreased compared to previous releases. For example, if a package was previously published by a trusted publisher but now only has provenance or no trust evidence, installation will fail. This helps prevent installing potentially compromised versions. Trust checks are based solely on publish date, not semver. A package cannot be installed if any earlier-published version had stronger trust evidence. Starting in v10.24.0, prerelease versions are ignored when evaluating trust evidence for a non-prerelease install, so a trusted prerelease cannot block a stable release that lacks trust evidence.
39514
Reposted by Agénor Debriat
daniel r(ooooooh) 👻 @danielroe.dev · 13/03/2026
we're just getting started 🔥
a screenshot of:
- https://npmx.dev/package/nuxt
- https://npmx.dev/package/nuxt-nightly/v/5.0.0-29556898.efe4498a

showing that nuxt v4 -> v5 goes from 495 -> 176 dependencies
... and 125.9 MB -> 58.3 MB total install size
1225312
Reposted by Agénor Debriat
Vitest @vitest.dev · 12/03/2026
Vitest 4.1 is out! 🚀 ✅ Vite 8 support from day 1 🏷️ Test tags to organize, filter & apply shared options 🪝 New hooks for easier tracing, transactions and AsyncLocalStorage 🔍 Async leak detection 🤖 Agent reporter to reduce token usage And much more! Full blog post at vitest.dev/blog/vitest-...
vitest.dev
Announcing Vitest 4.1
Vitest 4.1 Release Announcement
116732
Reposted by Agénor Debriat
Vite @vite.dev · 12/03/2026
⚡️ Vite 8.0 is here! The most significant architectural change since Vite 2. ⏬ Powered by @rolldown.rs bringing faster production builds and more consistency 🛤️ New features such as tsconfig paths and emitDecoratorMetadata support vite.dev/blog/announc...
vite.dev
Vite 8.0 is out!
Vite 8 Release Announcement
639993
Reposted by Agénor Debriat
Pooya Parsa @pi0.io · 07/03/2026
unjs/md4x :: a blazing-fast, tiny native Markdown toolkit.
2918
Reposted by Agénor Debriat
VoidZero @voidzero.dev · 06/03/2026
VoidZero is excited to sponsor auvred for $10,000 as a small thank you for all their contributions that push the ecosystem forward. Thank you auvred for creating tsgolint and generously offering to continue its development under the Oxc organization.
VoidZero sponsorship announcement card with dark purple background. Left side shows the VoidZero logo, a message reading "Thank you for moving the ecosystem forward!" with a gradient highlight, and a $10,000 sponsorship badge with a heart icon. Right side features a profile card for @auvred showing their GitHub avatar and the tagline "Creator of tsgolint".
1504
Reposted by Agénor Debriat
John Reilly @johnnyreilly.com · 04/03/2026
I love how @npmx.dev surfaces potential @e18e.dev dependency improvements. From a package you are at replacement docs in only 2 tiny clicks!
Screenshot of azdo-npm-auth dependencies in npmx.dev with replacement tooltip showing An npmx.dev page for chalk showing a link to more performant alternativesThe e18e page for chalk replacements
3464
Reposted by Agénor Debriat
CSS by T. Afif @css-only.dev · 02/03/2026
It seems we can now customize the select element, right? right?! Demo: codepen.io/t_afif/pen/P... via @codepen.io
1238685
Reposted by Agénor Debriat
Josh W. Comeau @joshwcomeau.com · 02/03/2026
I’m working on the final part of Whimsical Animations, all about Canvas animation. There’s such fun examples in this part, from confetti geysers to fireworks displays. 😄 Here’s one of the smaller exercises leading up to the big stuff. 🚀
1932
Reposted by Agénor Debriat
Josh W. Comeau @joshwcomeau.com · 23/02/2026
✨ I just published a new blog post about a nifty lil’ animation technique: sprites! Sprites are used all the time in video games, but they’re less common on the web. We do have the tools to manage it in CSS, but there’s a gotcha. In this post, I share some of the cool use cases I’ve found:
joshwcomeau.com
Sprites on the Web • Josh W. Comeau
In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web. Which is a shame, because we can do some pretty cool stuff with sprites! In this...
1522239
Reposted by Agénor Debriat
Polypane. Browser for web devs @polypane.app · 21/02/2026
Accessibility researcher (and Polypane user) @200ok.nl was on national TV just now to talk about the (lack of) accessibility of online chatbot and …what’s that on his laptop? 👀
A man and a woman viewing two laptops. We see the covers of the laptops and one of them is covered in stickers by Polypane, Fronteers, NL Design System and more.
1182
Reposted by Agénor Debriat
patak @patak.cat · 13/02/2026
one of the most radical actions the @npmx.dev community took was talking with every single human being who joined our chat server. more than 500 people were welcomed, encouraged to join our open conversations, ask for guidance, share their own ideas, and jump into action when they see opportunities
5854
Reposted by Agénor Debriat
Fabian Hiller @fabianhiller.com · 13/02/2026
Ever imported a full schema lib just for email checks? 😅 Valibot's modularity fixes that. Only <1kb gzipped. Type-safe. Tree-shakable. 🪄 What’s the smallest schema you’ve ever shipped?
0131
Reposted by Agénor Debriat
François Best @francoisbest.com · 13/02/2026
I just tried the package comparison in @npmx.dev to decide between two packages. Where has this been all my life?! 😍
Comparison of fast-xml-parser and htmlparser, showing differences on package size, install size, deps, downloads, last published date, types, module format, license, vulnerabilities.
612915
Reposted by Agénor Debriat
daniel r(ooooooh) 👻 @danielroe.dev · 07/01/2026
I'm delighted to announce the first alpha of `@nuxt/a11y` 🎉 ⚪ new core nuxt module ⚪ integrated in nuxt devtools thanks to @timdamen.io for his incredible work on this ❤️ you can test it today – we'd love feedback, ideas, issues + PRs 🙏
69720
Reposted by Agénor Debriat
Jen Simmons @jensimmons.bsky.social · 19/12/2025
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...
webkit.org
Introducing CSS Grid Lanes
It’s here!
1128071
Reposted by Agénor Debriat
Michael Hoffmann @mokkapps.de · 03/01/2026
🛠️ fuite 👉🏻 A CLI tool for finding memory leaks in web apps. github.com/nolanlawson/fuite
011
Reposted by Agénor Debriat
henry ✷ @strange.website · 01/01/2026
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song. here’s how to win the war for the soul of the internet, and build the Web We Want.
henry.codes
A Website To End All Websites | Henry From Online
How to win the war for the soul of the internet, and build the Web We Want.
10325125
Reposted by Agénor Debriat
Adrian Roselli, pH0 @aardrian.bsky.social · 19/12/2025
Not-really-hot take: Thinking `<button role="link">` is ever acceptable in place of `<a href>` is dogmatic transubstantiation belief nonsense. Does not… • fire on Space; • show URL in status bar; • have right-click options; • etc. It is never meat. Er, I mean, a link.
3135
Reposted by Agénor Debriat
Jen Simmons @jensimmons.bsky.social · 16/12/2025
CSS `random()`, now in Safari 26.2. Play around with it while waiting for other browsers to ship.
3195
Reposted by Agénor Debriat
Adrian Roselli, pH0 @aardrian.bsky.social · 21/11/2025
I’m just happy I’m getting more reputable dev outlets to share my Greatest Of All Time Says Everyone image: bsky.app/profile/frid...
071
Reposted by Agénor Debriat
codrops @codrops.bsky.social · 14/11/2025
We’re super thrilled to have Spline master Maksim Borisov break down the new Timeline tool in Spline! Learn how to push your 3D animations further with keyframes, curves, and precise motion control, and see how to take it all to the web. A must-read for 3D creators: tympanus.net/codrops/?p=1...
052
Reposted by Agénor Debriat
Nuxt @nuxt.com · 05/11/2025
📸 we've just released Nuxt Image v2! ✨ 💪 full TS support with typed providers + modifiers ⚡ IPX v3 ⚗️ server-side image utilities 🎨 template ref access 🌐 new Shopify & GitHub providers happy optimizing ❤️ 👉 read more at nuxt.com/blog/nuxt-i...
06910
Reposted by Agénor Debriat
Kevin Powell @kevinpowell.co · 31/10/2025
I remember how excited I was when border-radius became a thing... If only I'd know what would eventually be possible with it about 15 years later 😅 corner-shape takes border-radius to an all new level... @cbolson.bsky.social has made a handy generator for it: www.corner-shape.com
A div that has a scooped out top left and bottom right corners, a notched top right corner, and a round bottom left corner.A dive the looks a bit like a L that has been rotated 180degA div with a top left round corner, and a scoopped bottom right cornerA very strange looking shape. Almost like a circus tent, but with an extra rectangle added to the bottom right corner.
69413
Reposted by Agénor Debriat
Wes Bos @wesbos.com · 23/10/2025
Don't [...spread] or .split() your strings! Use Intl.Segmenter API. Available in every JS runtime
1653482
Reposted by Agénor Debriat
Michael Hoffmann @mokkapps.de · 19/10/2025
📕 The Temporal Dead Zone, or why the TypeScript codebase is littered with var statements 👉🏻 The TypeScript codebase still uses `var` statements due to the performance benefits gained by avoiding the Temporal Dead Zone. vincentrolfs.dev/blog/ts-var
011
Reposted by Agénor Debriat
Fabian Hiller @fabianhiller.com · 13/10/2025
The docs for Formisch will probably be available in the next few days 🧱
0101
Reposted by Agénor Debriat
Kilian Valkhof @kilianvalkhof.com · 10/10/2025
This is making such a difference. Truly next-level emulation.
1161
Reposted by Agénor Debriat
Ana Tudor @anatudor.bsky.social · 10/10/2025
This uses JS and a circle for each dot. However, it can be done with pure CSS and one element using this technique frontendmasters.com/blog/pure-cs...
frontendmasters.com
Pure CSS Halftone Effect in 3 Declarations
A halftone is a pattern of dots that vary in size and spacing. It's a printing technique that you normally don't see, but blown up in size, is a cool aesthetic. This is a deep dive on how it can be do...
0336
Reposted by Agénor Debriat
Michael Hoffmann @mokkapps.de · 17/09/2025
💡Vue Tip: Getting the Previous Value Since Vue 3.4+ you can get the previous value returned by the computed property accessing the first argument of the getter.
131
Reposted by Agénor Debriat
Astro @astro.build · 17/09/2025
Coming soon: all websites & apps built by Webflow AI code gen will be powered by Astro under the hood. That’s a lot of new Astro developers! 🚀
a prompt to "jumpstart your next site with AI"
1122
Reposted by Agénor Debriat
Cory Miller @corydhmiller.com · 12/09/2025
If you ever feel like you don't know what you're doing, just keep in mind Spotify sent out an email today with an image that is 8736x11648 in dimensions and 19.6MB in filesize. So. You're fine.
29922
Reposted by Agénor Debriat
Ana Tudor @anatudor.bsky.social · 14/08/2025
I just don't get why anyone would use: ``` display: flex; flex-direction: column ``` when `display: grid` is supported, shorter to write and allows for a lot more flexibility if you want more from your layout. #CSS
10211
Reposted by Agénor Debriat
Una Kravets @una.im · 13/08/2025
🥳 CSS functions have arrived*!!! 🥳 And they are *AWESOME* Now, you can do: @​function --alpha(--color, --opacity) { result: rgb(from var(--color) r g b / var(--opacity)); } div { background: --alpha(red, 80%); } Lean more: una.im/5-css-functi... (*arrived = in the latest stable Chrome)
una.im
una.im | 5 Useful CSS functions using the new @function rule
CSS custom functions are a gamechanger. Here are 5 really useful examples.
816941
Reposted by Agénor Debriat
Ana Tudor @anatudor.bsky.social · 11/08/2025
#cssWish to be able to do: [type='radio|checkbox'] {} instead of: [type='radio'], [type='checkbox'] {} #CSS
0111
Reposted by Agénor Debriat
Harry Roberts @csswizardry.com · 08/08/2025
🚴💨 The Fastest Site in the Tour de France Every bike brand claims to have the fastest bike, but who has the fastest site? csswizardry.com/2025/07/the-...
csswizardry.com
The Fastest Site in the Tour de France – CSS Wizardry
How fast are pro cycling teams’ and manufacturers’ websites? A CrRRUX-powered deep dive into bike brand performance, visibility, and missed opportunities.
56410
Reposted by Agénor Debriat
Una Kravets @una.im · 05/08/2025
Create a larger, invisible hit area around the element, making it easier to click without layout shift! How? Use a pseudo element with `position: absolute` + `inset: -{value}px` Demo to play with: codepen.io/una/pen/gbaWdmy (Tip from dmytro on X, who I can't find on Bsky: x.com/pqoqubbw/sta...)
514124
Reposted by Agénor Debriat
Fabian Hiller @fabianhiller.com · 21/07/2025
The @vuejs.org version of Formisch will drop this week! Shoutout to @thealexlichter.com for supervising my code! This is what the API will probably look like:
0183