Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.
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.
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?