Quentin Hocdé (@quentinhocde) 's Twitter Profile
Quentin Hocdé

@quentinhocde

Independent Creative & Interactive Developer - Collaborating with @indexstd & ex lead front-end @LocomotiveMTL » Behind serenitymoment.app

ID: 465580969

linkhttps://quentinhocde.com calendar_today16-01-2012 14:23:50

4,4K Tweet

6,6K Takipçi

1,1K Takip Edilen

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

[FOCUS] - Infinite cards carousel on design.cash.app This one is also fully crafted with CSS 3D 👀 The transition is made with the Flip plugin from GSAP , and the carousel is based on the Draggable plugin 💚 Made with Index & Cash App

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

[FOCUS] - Infinite UI elements carousel on design.cash.app was one of the most satisfying section to code 🤓 Fully crafted with CSS 3D 👀 Built on top of Flip & Draggable by GSAP Made with Index & Cash App

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Infinite Illustrations Carousel on design.cash.app Crafted with CSS 3D, featuring bouncy and physics-based movements. This section was the first one to deliver an MVP for the drag interaction feel. Made with Index and Cash App

Paul Soulhiard (@paulsoulhiard) 's Twitter Profile Photo

Happy to share the new website for M.Fisher - a design studio based in New York City, specializing in stone craftsmanship. Worked on the e-commerce build Designed by CUSP → mfisher.com

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Exciting new project with Index 🔥 Introducing goodroads: Discover France by motorcycle with custom-designed routes ➡️ goodroads.agency/fr Thrilled to have worked on this project with the best team and with stunning videos and photos content.

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Identities Coverflow Carousel on design.cash.app Fake perspective made with CSS 3D, with a camera movement on mouse move. Made with Index and Cash App

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Just made an update on SerenityMoment ⚪⚫ Color theme creation: Premium users can now pick their own colors and adjust the theme to create a truly personal space. ➡️ serenitymoment.app Don’t forget, you have a 14-day free trial of the premium subscription 👀

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

[SerenityMoment] - Updates 📜 Just made a small UI & UX update on serenitymoment.app On the sessions history page, you can now filter by date — pick a custom range (with a start and end date), or quickly see your sessions from last week, last month, or last year.

[SerenityMoment] - Updates 📜

Just made a small UI & UX update on serenitymoment.app

On the sessions history page, you can now filter by date — pick a custom range (with a start and end date), or quickly see your sessions from last week, last month, or last year.
Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

piecesjs - v0.4.0 just dropped 🎉 🖱️ Declarative HTML events with data-events-* 🔹 Smart element querying - this.$() and this.domAttr() now return HTMLElement for single elements, NodeList for multiple 🔗github.com/piecesjs/piece…

piecesjs - v0.4.0 just dropped 🎉

🖱️ Declarative HTML events with data-events-*
🔹 Smart element querying - this.$() and this.domAttr() now return HTMLElement for single elements, NodeList for multiple

🔗github.com/piecesjs/piece…
Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Exploring interactive transition with watercolor effect, where users can play with layers in real time. It's a WIP for an upcoming project for Millemann Wines with Index 🔥 Made with a custom shader (with ogl). Crafted with Philippe Neveu & jonathan da costa 🤝

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

Focusing on the shader transition: the first step was to prototype an organic shader effect using multiple noise layers to create a chaotic rendering, aiming for a liquid/ink/watercolor look. I then linked a progress value to the scroll.

Quentin Hocdé (@quentinhocde) 's Twitter Profile Photo

The next step was to add a mouse interaction and build a UI that lets us control the “chaos” and makes collaboration between development and design much smoother.