Skip to main content
CSS is fun and cool and I like it.

Articles Tagged carousel

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
2 Articles
{
,

}
Article

CSS-Only Carousel

Avatar of Chris Coyier
Author
Chris Coyier
4 Comments
Join Conversation

It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.

  1. Setting some boxes in a horizontal row with flexbox is easy.
  2. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
  3. You can make the "slides" line up nicely with scroll-snap-type.
  4. A couple of #jump-links is all you need to make navigation for it, which you can make all nice and smooth with scroll-behavior.
… Read article
Link

Carousels Don’t Have to be Complicated

Avatar of Chris Coyier
Shared by
Chris Coyier

Over on the MediaTemple blog, I show you how you can make a pretty decent little carousel with just a few lines of code. Here's the entire premise:

Every time a carousel is mentioned in a blog post, it’s a requirement to mention that… say it with me now:

You probably shouldn’t use a carousel.

Jared Smith made a microsite just for it, with research and rhetoric supporting the idea that you shouldn’t use them. Most of that information focuses

… Read article
Our Notes   /   Read at mediatemple.net