• CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study

    CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study
    You know what’s perhaps the “cheapest” way to make a slider of images, right? You set up a container, drop a bunch of inline image elements in it, then set overflow-x: auto on it, allowing us to swipe through them. The same idea applies nicely to a group of cards, too.But we’ll go deeper than scroll snapping. The thing with sliders is that it can be difficult to instruct them on where to “snap.” For example, what if we want to configure the slider in such a wa

Follow @WebDesignNewsUS on Twitter!