David Bismut
@davidbismut
Followers
908
Following
3K
Media
208
Statuses
2K
Managing stuff at @weare60fps ex @SidLee 🎹 ⚽️ ☕️ Also use-gesture 👋 and leva 🌋 @pmndrs
France
Joined June 2009
Immersive Garden’s new website is now live! 🕊️ Discover a decade of innovation and explore the heart and soul of our digital craftsmanship. Visit https://t.co/J3hrETxVOW
30
50
330
🚨 NEW PROJECT ALERT 🚨 We released the 2024' portfolio of @thomasmonavon ! I spent a lot of effort on making it as smooth as possible and "non blocking". I hope you will like it ! ➡️ https://t.co/mx4If8pZPW
11
12
176
Here is the open source repo. https://t.co/YhyxfKW36R I don't want to make this a lib but feel free to create issues if anything doesn't work. I don't have much time for OSS these days but I'll have a look when I can ❤️
github.com
Created with StackBlitz ⚡️. Contribute to dbismut/draggable-slider development by creating an account on GitHub.
0
0
11
Here is a demo link with source code, hopefully bug-free (desktop only): https://t.co/TRuAMqYoNf You might notice some resemblance with the Embla api in there to allow for go to prev / go to next slide buttons.
1
0
2
Additional technical details: - Leverages native CSS scroll-snap by animating scrollLeft - Calculates optimal landing positions on the fly - Handles variable-width slides - Updates snap coordinates on resize - Zero runtime dependencies - Typescript support
1
0
1
Without snapping, a drag gesture results in an inertia-based movement. With snapping, the carousel pre-calculates snap points and uses spring physics to animate to the predicted destination slide. User drag → velocity calculation → smart index prediction → smooth landing 🎯
1
0
1
Internal architecture breakdown: - Drag engine: captures mouse gestures - Motion engine: handles spring physics & inertia - Carousel engine: ties it all together with the DOM
1
0
0
Here is how you would initialize it in Vanilla, React or Vue. The only markup requirements today is that slides are direct descendant to the scroller.
1
0
2
I built a small lib that makes carousels draggable on desktop while keeping native wheel / scroll gestures. I'm pretty sure @jh3yy will have a fully css-based way of doing the same thing at some point, but here you go. Here's a demo video where:
6
9
109
We’re excited to present Animal Futures, our latest production for the @RSPCA_official! 🦊🐮🐶 ⤷ https://t.co/YirtGkwrxv Explore five immersive worlds, each showing a different future for animals, and learn how your choices impact their well-being. Help heal these virtual
16
20
175
Non seulement c’est pas drôle mais c’est complètement con.
0
0
2
Girard Perregaux Casquette has been named "Site of the Day" by both @fwa and @cssdesignawards. Big shoutout to the team!
3
7
55
Immersive Garden collaborated with Girard-Perregaux on the digital art direction for a brand new microsite and 3D film featuring the Casquette watch. Thanks to @RefletCo for their collaboration on this project! https://t.co/eQEHzoDrn2
1
1
2
Someone make it comment a live stream football game please
Say hello to GPT-4o, our new flagship model which can reason across audio, vision, and text in real time: https://t.co/MYHZB79UqN Text and image input rolling out today in API and ChatGPT with voice and video in the coming weeks.
0
0
2
We have the pleasure to share for the second year in a row our work with @Cartier for Watches and Wonders 2024. Explore a stunning array of Cartier timepieces by scrolling through different universes. Thanks to @weare60fps and @Mooders_music for this collaboration! Dive into
0
14
79
I hate that this is the most accurate video I’ve ever seen
184
1K
12K
“per my last email” = fuck you “apologies for the delay” = fuck me “cc’ing for visibility” = you’re fucked “checking in in this” = i’m fucked “let’s revisit in Q4” = fuck this “i’m not sure that’s aligned” = fuck that “respectfully yours” = fuck all y’all
540
27K
163K
Hello there, I'm available for the next coming weeks and looking for new exciting projects, hit me up if I can help. 👋
0
6
34