CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one:
Live Demo
Browser support and basic usage
Browser support for CSS scroll snapping has improved significantly since it was introduced in 2016, with Google Chrome (69+), Firefox, Edge, and Safari all supporting some version of it.
Scroll snapping is used by setting the scroll-snap-type property on a container element and the …
The post Practical CSS Scroll Snapping appeared first on CSS-Tricks.
The Open Web continues to show up in places we would have never originally expected to find it: our phones, televisions, watches, books, video game consoles, fast food menus, gas pumps, elevators, cars—even our refrigerators.
By not making too many or too strict assumptions about how the web should be used, it remains flexible and adaptable. These qualities have allowed it to outperform closed technologies like Flash and Silverlight.
With the web’s growth comes new features to better accommodate its …
The post The possibilities of the color-adjust property appeared first on CSS-Tricks.
Just the other day in a Slack group I hang out in someone asked “what web design events is everyone going to and loving?” An Event Apart is always my immediate answer. I’ve gotten to speak a number of An Event Apart events, which is an incredible honor and always a good time. So from that perspective, I love it. I can tell you that it’s the most well-run conference I go to that gets all the details right.
But …
The post An Event Apart appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
