Stephen Downes

Knowledge, Learning, Community

I'm always looking at ways to make an application interface work a bit more naturally and with a minimum of Javascript overhead. So I'm loving the idea of CSS scorll snaps. The idea is that when you subdivide an area imto (say) boxes or images, and the reader can scroll through them, scroll snap stops the scroll right at the image or box border. This is great for thumb-based navigation between panes on a smartphone. But it also works for desktop screens. Here's more on it. Here's an example from Google.

[Direct link]

files/images/how_to_use_css_scroll_snap_web.png

Stephen Downes Stephen Downes, Casselman, Canada
stephen@downes.ca

Creative Commons License.

Copyright 2021
Last Updated: Mar 31, 2021 12:27 a.m.