Bram.us, curated by Bram Van Damme, is a  web development blog offering tutorials, guides, and insights into various aspects of frontend and backend development. With a focus on modern web technologies such as HTML5, CSS3, and JavaScript frameworks like Vue.js and React, Bram.us covers topics ranging from responsive web design to server-side scripting with PHP and Node.js. Developers can learn about  web development techniques, browser APIs, and best practices for building fast, accessible, and user-friendly websites and web applications.

Bram.us

A detailed breakdown and rework of Paul Noble's impressive scroll-driven card stack demo, which uses a few lines of JavaScript and zero dependencies. Key techniques include an invisible scroller with ScrollTimeline, CSS scroll-snapping to center cards, and custom animations for snapped cards. A remix of the demo simplifies the code by using shared keyframes and includes a fallback for browsers not supporting Snap Events.

Scroll-driven animated card stack with scroll snap events

mouse drag is not supported lol.
I feel like it’s a complex animation that might be a little difficult for users to interact with.

“Mouse drag not supported. Use responsive mode or a touch pad to scroll.” why not? Preventing use on non-touch devices is a lack of accessibility.