Sign in

David Lapointe Gilbert

@david.click
133 followers 847 following 54 posts

Web dev with an accidental background in design and branding. / Dev web avec un parcours accidentel en design et image de marque. / Elon stinks. / 🏳️‍🌈🇨🇦 guimauvecreative.com

PostsRepliesMedia
David Lapointe Gilbert @david.click · 08/07/2026
Thank you for your amazing work! I’m a contributor and I can’t wait to see what you come up with next. Anime is always such a joy to use 🔥
010
Reposted by David Lapointe Gilbert
Julian Garnier @julian.gr · 03/07/2026
Anime.js is 10 years old! 🎂🎉 A short thread about the current state of the lib, an update on the course, a few personal things, and a glimpse of what's next (hint in the video). 1/22 👇🧵
4258
David Lapointe Gilbert @david.click · 10/06/2026
Amazing! Thanks and break a leg 🤘
000
Reposted by David Lapointe Gilbert
Ana Tudor @anatudor.bsky.social · 25/05/2026
Frustrated with #CSS stuff? You can fill in the State of CSS survey & list your pain points when working with it. survey.devographics.com/en-US/survey... You can be sure I took the opportunity to list the pesky line-clamp, text-stroke, the old background-clip bugs, the lack of filter() support...
survey.devographics.com
State of CSS 2026
Take the State of CSS survey
2102
David Lapointe Gilbert @david.click · 10/06/2026
Are you going to share the deck later for those of us who can’t attend 🥺
100
Reposted by David Lapointe Gilbert
Wes Bos @wesbos.com · 04/06/2026
Cloudflare has acquired Vite / VoidZero This gives Cloudflare control over the entire stack. They have all the primitives from frontend/backend framework, linting, testing, formatting, JS runtime, db, kv, inference, blob storage, access, etc... smart move! blog.cloudflare.com/voidzero-joi...
8896
Reposted by David Lapointe Gilbert
Bramus @bram.us · 01/06/2026
For ScrollTimeline-driven animations the `normal` shorthand expands to an animation-range-start of 0% and animation-range-end of 100%. For ViewTimeline-driven animations, it means `cover 0% cover 100%` indeed Also see ep4 of my Scroll-Driven Animations video course: www.youtube.com/watch?v=L1pG...
youtube.com
Core Concepts: Timeline Ranges Demystified | Unleash the power of Scroll-Driven Animations (4/10)
YouTube video by Chrome for Developers
121
Reposted by David Lapointe Gilbert
Adam Argyle @nerdy.dev · 27/05/2026
Would use: #CSS relative alpha `color: alpha(from black / 50%)` nerdy.dev/relative-alpha
nerdy.dev
Relative Alpha · May 27, 2026
Would use: CSS relative alpha . button { border-color : alpha(from hotpink / calc (alpha * .25) ); }
0182
Reposted by David Lapointe Gilbert
Jake Archibald @jakearchibald.com · 27/05/2026
Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.
1215550
David Lapointe Gilbert @david.click · 04/04/2026
I think it’s because of bootstrap style callouts. They used to be everywhere, so scraping older code bases probably has lots of them, making Claude think they were a good idea 💀
020
Reposted by David Lapointe Gilbert
Scott Jehl @scottjehl.com · 30/03/2026
New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Today’s Browsers. I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.
engineering.squarespace.com
Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers — Squarespace Engineering Blog
At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitat...
34319
Reposted by David Lapointe Gilbert
Syntax @syntax.fm · 30/03/2026
And just like that, we're down to two @joshwcomeau.com @tolin.ski
0382
David Lapointe Gilbert @david.click · 25/03/2026
This episode has me questioning how I use my Apple Watch. I had never realized there were timer templates to start exercices for specific times. I always thought people would only start when starting the exercise and stop when done? Why having timers at all? Confusion. 😭
011
Reposted by David Lapointe Gilbert
Adam Argyle @nerdy.dev · 07/03/2026
how to make #CSS view transitions swoop or have motion blur or how I learned to help view transitions not always go in straight lines ⤷ nerdy.dev/swoop-there-...
nerdy.dev
View Transitions can swoop‽ · March 7, 2026
How to make View Transitions not always a straight line
56811
Reposted by David Lapointe Gilbert
Guido Rosso @guido.rive.app · 27/02/2026
Adobe Animate/Flash to Rive. We've been making progress on our converter. This one is an old Formula 1 file from our team.
031
Reposted by David Lapointe Gilbert
Bramus @bram.us · 22/02/2026
I noticed a sudden spike in the number of weekly downloads — from 2k to 500k — of my package to calculate the CSS specificity of a selector. www.npmjs.com/package/@bra... Turns out the wonderful jsdom started depending on it a week ago 😊 www.npmjs.com/package/jsdom
51163
Reposted by David Lapointe Gilbert
Chrome for Developers @developer.chrome.com · 19/02/2026
Less JavaScript, more HTML. The new <geolocation> HTML element handles permission states and blocked permission recovery for you. Just add the tag, listen for the location event, and let the browser handle the rest→ goo.gle/4pPXZFK
Geolocation Element Demo
1162
Reposted by David Lapointe Gilbert
Una Kravets @una.im · 19/02/2026
I've been experimenting with an upcoming CSS feature called border-shape lately. It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs! Try it in Canary w/experimental web platform features on, & read more: una.im/border-shape
una.im
una.im | border-shape: the future of the non-rectangular web
Learn about new geometry capabilities with this game-changing experimental CSS feature.
1112633
Reposted by David Lapointe Gilbert
Jen Simmons @jensimmons.bsky.social · 18/02/2026
What do these API have in common? * WebTransport * Keyboard Lock API * Grid Lanes w/ flow-tolerance * Threaded scroll-driven animations * WebAuthn PRF extension * ReadableByteStream * Blob.stream() with BYOB reader * Name-only @container queries * min(), max(), and clamp() in <img> sizes attribute
2242
Reposted by David Lapointe Gilbert
Guido Rosso @guido.rive.app · 06/02/2026
Animate/Flash FLA to Rive importer using FLA sample files that come with Animate
111
Reposted by David Lapointe Gilbert
Una Kravets @una.im · 29/01/2026
The CSSWG just resolved to add this to the spec 🥳 github.com/w3c/csswg-dr...
github.com
[css-flexbox-2] Add flex-wrap: balance; · Issue #3070 · w3c/csswg-drafts
We discussed having a flex-wrap:balance value, similar to text-wrap:balance, to even out the length of pre-flexed lines. We should add to level 2.
815823
Reposted by David Lapointe Gilbert
Adam Argyle @nerdy.dev · 23/01/2026
#CSS `@custom-media` available behind a flag in Firefox Nightly 🤘🏻 Lovely syntax, just lovely. nerdy.dev/custom-media
@custom-media --motionOK (prefers-reduced-motion: no-preference);

@media (--motionOK) {
  transition: transform .3s ease;
}
6637
Reposted by David Lapointe Gilbert
Josh W. Comeau @joshwcomeau.com · 30/11/2025
And yet, the only way I was able to build this UI was by giving the AI the right answer, telling it to use subgrid instead of `display: contents`. If I didn’t understand the mechanisms and limitations of CSS Grid layout myself, I wouldn’t have been able to provide this guidance.
1453
Reposted by David Lapointe Gilbert
Anime.js @animejs.com · 29/09/2025
Anime.js 4.2.0 is out! 🧩 All modules can now be imported individually with subpaths 🎨 CSS variable values support 🏹 Simpler spring API with bounce & duration params 📈 More WAAPI built-in easing functions 🎛️ And an easing editor (animejs.com/easing-editor/)! Plus tons of fixes and improvements!
24611
David Lapointe Gilbert @david.click · 30/09/2025
My favourite CMS gets in bed with my favourite framework. 🥳
030
David Lapointe Gilbert @david.click · 29/09/2025
🙌🙌
010
David Lapointe Gilbert @david.click · 24/09/2025
Also, the new units like dvh, lvh, etc. Were they not supposed to help size things according to the viewport regardless of floating bars? I swear there’s nothing I can do that allows me to size an element full screen so that it covers underneath the bottom floating address bar. Whyyyy.
110
David Lapointe Gilbert @david.click · 24/09/2025
@craftquest.io @craftcms.com @travisgertz.bsky.social @brandonkelly.io Hey, missed my flight to Lisbon 😏 What’s up with Craft 6 x Laravel? How long are y’all gonna keep us in the dark?
media.tenor.com
a man peeking out from behind a lush green field of grass
Alt: a man peeking out from behind a lush green field of grass
110
Reposted by David Lapointe Gilbert
Alvaro Sabu @alvarosabu.bsky.social · 22/09/2025
Announcing TresJS v5.0 🎉 Our proudest release so far. Declarative @threejs.org for @vuejs.org gets a major upgrade: ✨ WebGPU experimental support 🛠️ New create-tres CLI tool ⚡ Re-imagined context 🔧 Refactored composables Ready to build the future of 3D on the web?
36311
David Lapointe Gilbert @david.click · 24/09/2025
Not a nitpick, but a praise: I had to setup Nuxt on a relatively limited CPanel setup last year and was extremely surprised that its native Passenger Fusion makes it as easy as it gets. Just gotta make a commonJS wrapper to boot the app. Preach 🤘
120
Reposted by David Lapointe Gilbert
danielroe @danielroe.dev · 22/09/2025
🙋 have you ever _wanted_ to deploy a @nuxt.com site to some provider bc of their features/dx/price but decided not to because of a limitation in nuxt? (would love to know even minor nitpicks or frictions)
62119
Reposted by David Lapointe Gilbert
Nuxt @nuxt.com · 23/09/2025
Nuxt UI v4 it out ✨ It unifies Nuxt UI and Nuxt UI Pro into a fully open-source library with: - 100+ components - 10+ free templates - Figma Kit for everyone nuxt.com/blog/nuxt-u...
nuxt.com
Nuxt UI v4 · Nuxt Blog
Nuxt UI v4 unifies Nuxt UI and Nuxt UI Pro into one powerful, completely free library. With over 110 components, 12 templates, and a comprehensive Figma kit, all of this is available for free.
312023
David Lapointe Gilbert @david.click · 30/05/2025
Is the world healing?
010
David Lapointe Gilbert @david.click · 29/05/2025
I’ve been wondering the same lately too. I had to work with WordPress again lately (against my will) and wanted to use the occasion to update my stack, but because of the current block based / file templates overridable by the database and such, I was wondering if there even was an ideal solution.
010
David Lapointe Gilbert @david.click · 24/05/2025
I saw a resignation / been fired(?) tweet from a dev employee right before this happened lmao. Please let it be that he put a bug to make it crash when he leaves 😌
010
Reposted by David Lapointe Gilbert
Wes Bos @wesbos.com · 23/04/2025
IE was right all along
8977
Reposted by David Lapointe Gilbert
danielroe @danielroe.dev · 18/04/2025
I'm delighted to announce my latest project ⚡️ blazing fast 📦 built from scratch for devs 🎛️ offering full control of your environment 💰 VC funding welcome accept no imitations
dev-mode.dev
Dev Mode - Toggle Your Developer Environment
Easily turn dev mode on and off from one single site.
4928421
David Lapointe Gilbert @david.click · 09/04/2025
Amazing read about vectorial blur and feathering from the Rive app team. rive.app/blog/how-riv...
rive.app
Reinventing feathering for the Vectorian era
The unfiltered story behind breaking free from rigid, outdated specs and building the first true vector feather.
030
David Lapointe Gilbert @david.click · 03/04/2025
More performant than other anim libraries out there! It beats Motion in 99% cases, WAAPI in lots of cases yet Julian added an api layer to facilitate its usage, and toes to toes with gsap - outperforming it in many cases like interacting with other libraries like three.js 🔥🔥
182
David Lapointe Gilbert @david.click · 01/04/2025
Hey @romanmars.bsky.social, are you still learning about con law? Or are you too… "immersed" in it since November that even talking about it over a microphone is just too depressing? 🥲
000
Reposted by David Lapointe Gilbert
Anime.js @animejs.com · 28/03/2025
Anime.js v4 will be released next week, and there's never been a better time to become a sponsor. Major releases drive huge traffic spikes, so if you want to promote your product or company during v4 launch and new landing page unveiling, check out my GitHub sponsor page! github.com/sponsors/jul...
0163
Reposted by David Lapointe Gilbert
Rick Viscomi @rviscomi.dev · 20/03/2025
It's not Baseline, but CSS-only carousels are coming to Chrome 135! developer.chrome.com/blog/carouse... by @nerdy.dev
developer.chrome.com
Carousels with CSS  |  Blog  |  Chrome for Developers
Support scroll experiences with navigation buttons and markers with just a few lines of CSS.
1317
David Lapointe Gilbert @david.click · 14/03/2025
I read all the explanations about how this works, but it still feels like magic 🪄. Thanks for saving my disk's space @siracusa.bsky.social.
A screenshot of the application Hyperspace app that shows 38.72 GB potential space to be reclaimed on the disk of the user.
040
Reposted by David Lapointe Gilbert
Rex Chapman @rexchapman.bsky.social · 11/03/2025
Is musk a scam?
871791611
David Lapointe Gilbert @david.click · 21/02/2025
I’m in Canada, definitely surprised. I was telling my mom to wait for that model because it would answer her needs without costing too much but we’re now looking at a regular 15 instead. 16e: 899$, 15: 999$. 14 is not officially sold anymore but BestBuy has it at 849$.
000
Reposted by David Lapointe Gilbert
Adam Argyle @nerdy.dev · 07/01/2025
i believe what you're describing is sibling-index(), a function specced to return each elements individual index. this would remove the inline custom properties and become more dynamic, moving it towards your suggestion here yeah? github.com/w3c/csswg-dr...
github.com
[css-values] Proposal: add sibling-count() and sibling-index() · Issue #4559 · w3c/csswg-drafts
Problem Currently we can query a child based on it's child index position or query on children length (with some complex syntax), but we can't use the index or length as values in our styles. Feels...
151
David Lapointe Gilbert @david.click · 03/01/2025
The full answer with sources has so much more value than just a list of links already, but the way it understands context better is what makes it the best search method for me nowadays. Google needs to build this in Google Search and fundamentally change the way advertising on its platform works.
000
David Lapointe Gilbert @david.click · 03/01/2025
Every single day of the last 6 months, no exaggeration, I search Google, can’t find what I’m looking for in the first or second page, then ask ChatGPT with search or Bing Copilot and it not only understands what I MEAN instead of what I wrote, but gives me a fully worded answer with multiple links.
110
David Lapointe Gilbert @david.click · 23/12/2024
Same in French! TDAH team assemble!
media.tenor.com
a black and white drawing of a cat with confetti around it
ALT: a black and white drawing of a cat with confetti around it
160
David Lapointe Gilbert @david.click · 06/12/2024
Omg. I overtook a website that was coded by someone else a few years ago and they used zoom to shrink and grow the entire layout for some specific device sizes and match the same visual on all of them. It was a neat solution but had to take it out because of lack of universal support 😭
010