Creating a Cool Content Carousel 🚚
Hi, *|USERNAME|*!
Once you have a basic understanding of how HTML, CSS, and JS work, you have all the skills necessary to create things that both function well and look good. The next step is for you to start building small examples and getting better at putting all the various techniques and tips together. One such small example is this content carousel:
While this content carousel looks complicated, it really isn't. The Cool Content Carousel tutorial walks you through how to use it and wraps up by explaining how all the markup and code work. By the end of it, you'll have learned a bit about working with DOM elements, creating random numbers, using CSS transitions, and even some basics around event handling - both keyboard and touch! Can you believe all of this fits in under 100 lines of code?!!
TILL NEXT TIME!
In the future, stay tuned for more such examples like this where you both solve a practical problem and learn a ton about how it works by deconstructing the underlying HTML, CSS, and JS. I have some ideas on examples I'd like to create and explain. What I'd like to know is what sorts of examples you'd like to see explained. Drop by the forums and chime in with your ideas or simply ping me via Twitter.
Cheers,
Kirupa 😀