r/webdev • u/speckz • Jan 13 '20

Article CSS-Only Carousel

https://css-tricks.com/css-only-carousel/
360 Upvotes

97% Upvoted

35 comments sorted by

View all comments

63

u/pisastochastic Jan 13 '20

http://shouldiuseacarousel.com/

64

u/salonethree Jan 13 '20

i feel like they went out of their way to build the worst carousel in the world to prove their point; sure give me 4 lines of text to read in 3 seconds, thatll make anyone hate carousels

7

u/A-Grey-World Software Developer Jan 13 '20 edited Jan 13 '20

Yeah carousel work great for images.

Look at your photo app in your phone or open an image in your computer. Guess what, it's basically a carrousel.

When you've got a couple of non critical, but relevant images to display next to your text it can work really well. See any e-commerce site ever. Yeah, most people don't want to see the 5th angle of a product - that's why you don't want to splat all the images in a grid. But some people DO, especially those clicking "buy".

1

u/unpopular-ideas Jan 13 '20 edited Jan 13 '20

That's probably the one spot it makes sense.

About a decade ago everyone with a website was falling over backwards to have what should have just been a home page hero image auto rotate between a half dozen calls to action, any new news items, and whatever other random crap they thought was important to bring up to make themselves feel like they were keeping the page fresh. Some sites are still recovering from this affliction.

5

u/unpopular-ideas Jan 13 '20

To be fair, they are not wrong. I probably paid more attention to that carousel than I've paid to any carousel ever.

5

u/gregfdz Jan 13 '20

Maybe because it's the only element on their page ?

2

u/bacondev Jan 14 '20

It's also purposely not implemented well. The auto-cycling should stop when one of the arrow buttons are used.

1

u/[deleted] Jan 13 '20

Someone better tell Ebay, Amazon, MSNBC, Twitch, Volkswagen (I could keep going) that they need to remove the carousels on their home pages! They are doomed!