Join me in building out a custom infinite image carousel slider with plain HTML, CSS, and Javascript. We’ll use ViteJS to get the project up and going quickly and then build out the slider from scratch as if you fetched the images from a server. In part 1, we’ll do all the HTML and CSS.
## Links
- Sample Site: https://codinginpublic.dev/projects/image-slider/
- Finished Code: https://github.com/coding-in-public/image-slider
- Vite JS: https://vitejs.dev/
- Font: https://fonts.google.com/specimen/Inter
- Icons: https://feathericons.com/
- SVG Background: https://www.heropatterns.com/
- Images: https://unsplash.com
## Timestamps
0:00 Introduction
1:09 Project setup with Vite
2:51 HTML
5:49 CSS
Download
0 formats
No download links available.
Custom Infinite Image Carousel Slider (HTML, CSS, JavaScript) | Part 1 of 2 | NatokHD