accudio’s avataraccudio’s Twitter Archive—№ 6,161

  1. 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 CodePen
    On twitter.com Twitter logo accudio’s avatar ♻️ 4 Retweets ❤️ 29 Favorites Mood +5 🙂
    1. …in reply to @Accudio
      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 Twitter logo accudio’s avatar Mood +3 🙂
      1. …in reply to @Accudio
        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/
        Permalink On twitter.com Twitter logo accudio’s avatar Mood +8 🙂