Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.
Discover how the Interface Segregation Principle (ISP) keeps your code lean, modular, and maintainable using real-world analogies and practical examples.
<selectedcontent>
element improves dropdowns
is an experimental HTML element that gives developers control over how a selected option is displayed, using just HTML and CSS.
Learn how to implement an advanced caching layer in a Node.js app using Valkey, a high-performance, Redis-compatible in-memory datastore.
4 Replies to "How to use CSS Scroll Snap"
Hmmm that demo didn’t work in Chrome Mobile…
Firefox supports modern version of spec since version 68 (current ESR), you have outdated info…
You’re right, thanks for pointing that out.
Thanks for this article. Unfortunately there seem to be a couple Chrome bugs that make this property rather unusable. For example the following where a tick of the mouse scroll wheel scrolls 2 panels instead of one (https://stackoverflow.com/questions/58863384/increase-sensitivity-of-scroll-snapping-in-google-chrome). Do we know of any workarounds?