Image carousels / slides / slideshow

[andybraren]

Use CSS Scroll Snap

• https://medium.com/@_zouhir/swipe-views-with-css-snap-points-building-a-more-efficient-mobile-web-navigation-f9ac8c53dbc0
• https://nolanlawson.com/2019/02/10/building-a-modern-carousel-with-css-scroll-snap-smooth-scrolling-and-pinch-zoom/

Links

• https://pawelgrzybek.com/siema/
• http://www.slidesjs.com/
• http://mediatemple.net/blog/tips/carousels-dont-have-to-be-complicated/
• https://codyhouse.co/gem/pointy-slider/
• https://www.pixelmator.com/blog/2019/12/17/all-about-the-new-ml-super-resolution-feature-in-pixelmator-pro/
• https://forum.getkirby.com/t/kirbytext-image-slider/5614/3
• https://www.smashingmagazine.com/2016/07/ten-requirements-for-making-home-page-carousels-work-for-end-users/
• Try this one on mobile. It’s not a standard scroll region; it jumps to center the next product based on how quickly you swipe. The result is faster than native horizontal scrolling. Not quite perfect, but interesting.
• Slides
  • Speaker Deck, example
  • Slideshare

Examples

• Product Hunt has a carousel with little preview images on mobile that looks pretty good. No snapping though.