-
Working on a project at the moment where I'm trying to avoid using a carousel library. It's amazing how far you can get with modern CSS and a little JS! I put together a wee example with Alpine_JS, it's surprisingly simple and effective! codepen.io/accudio/pen/mdxyqKd via CodePenPermalink On twitter.com
♻️ 4 Retweets ❤️ 29 Favorites Mood +5 🙂
-
Alpine_JS CodePen A lot of the JS is my fairly primitive mouse-drag, so that could easily be left out if needed. The only two areas I can really find where it's rough is mouse drag—which many clients and designers expect—and looping which seems janky at best.Permalink On twitter.com
-
I should also add—pretty accessible! I haven't extensively tested it yet, but by using native scrolling and enhancing slightly with some ARIA and it's pretty good! Top guide for accessible 'content slider' from heydonworks: inclusive-components.design/a-content-slider/On twitter.com