Carousels are the devil's work, but they remain incredibly useful and popular UI elements 😑 Having a solid implementation that will work without JavaScript, making it more lightweight and accessible, is therefore very useful and I've yet to find better examples than the options here, though I still can't quite get what I want with it. In particular, having the current slide visible on a tab menu (y'know, the bunch of dots that are often at the bottom of a carousel or numbers across the top) that works with both touch and scroll input appears to be one holy grail technique too far. At least, a week of attempting it at work never produced a solution... 😭
- Source
- Link to Original 🔗
- Published
- Categories
- HTML & CSS, Animation
- Tags
- carousel, UI, CSS, scroll, scroll snap, accessibility
Explore Other Notes
⬅ Newer
Common mistakes with React Testing Library
I've been getting a lot of hands-on time with React Testing Library recently and, for the most part, I really like it. Still, I get caught out from time-to-time, and this article has a lot of great …
Older ➡
You can't stop us
I mean damn the latest Nike video is astonishingly well …
- <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Carousels are the devil's work, but they remain incredibly useful and popular UI elements 😑 Having a solid implementation that will work without JavaScript, making it more lightweight and …</p> </body> </html>
- Murray Champernowne
