It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
We mentioned a way to make a CSS-only carousel in a recent issue of the newsletter and I thought that a more detailed write up would be interesting and capture some of my thoughts on making one.… Read article “How to Make a CSS-Only Carousel”
Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos?
Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s call it a modal from here on out.
Why Bootstrap? you might ask. Well, a few reasons:
It’s kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
overflow and making it swipable with -webkit-overflow-scrolling is easy.scroll-snap-type.#jump-links is all you need to make navigation for it, which you can make all nice and smooth with scroll-behavior.
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:
… Read article “Carousels Don’t Have to be Complicated”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
