November 17, 2024

How to Create a Full-Screen Slider With CSS and Vanilla JavaScript

Author: Adi Purdila
Go to Source

A slider is a very popular UI pattern and is very useful for displaying large amounts of information without taking up too much space. While there are hundreds of sliders you can download, it’s actually really easy to create your own, and that’s exactly what you’ll learn in this course.

In the first chapter, you’ll learn how to create a CSS-only full-screen slider, and in the second chapter you’ll add more advanced functionality to it with vanilla JavaScript. You’ll also learn how to add some nicer styling.

Read more