Oh Snap! | Adam Argyle | CSS Day 2022

CSS scroll-snap is a classic CSS property; small, innocent looking API with huge potential. Learn the basics and value essentials of CSS scroll-snap, the ancillary properties scroll-padding and scroll-margin, debugging with DevTools, plus a bag of snap tricks and glimpse into supporting future properties.
Slides: oh-snap.netlify.app/
Snap gallery: snap-gallery.netlify.app/
Scroll Snap 2 specification: drafts.csswg.org/css-scroll-s...
About Adam: nerdy.dev
Follow Adam: ‪@AdamArgyleInk‬ or / argyleink
More about CSS Day: cssday.nl or / cssdayconf
Receive conference announcements in your inbox: cssday.nl/subscribe

[@igrb]

AAAAAAND adam blew my mind again 🤯

[@MysticZA]

Awesome, directed here from the retweets, glad to have watched this!

[@EduardAlexandru]

That was awesome!!! Informative and entertaining, have no idea where 50 minutes have gone, it was that good!

[@e11world]

He said snap 375 times and scroll 438 times
.
.
.
.
.
.
.
.
JK lol but this was an awesome talk. Thanks Adam.

[@someone9493]

A lot of cool tricks! 😵‍💫

[@PaulMcCannWebBuilder]

Lots of useful stuff - as in: I'll put it to use - but the thing I'll use most from now on is the sound word: 'schha-BINK!'
27:02

[@mariarogles6785]

❤