Currently browsing JavaScript Sliders

Sunday, April 23, 2023

How to replace Slider Revolution with Flickity and gain 50+ performance

This is a short story about website performance optimization. A recent project of mine involved optimizing a website, currently scoring…

Monday, May 16, 2022

How to create a minimal JavaScript slider with CSS transitions

A JavaScript Slider in 8 Lines In this post we’ll build a minimal JavaScript slider, with no dependencies. The smallest,…

Tuesday, August 2, 2022

How to Create a Price Range Slider Using Vanilla JavaScript

All JavaScript range sliders are hacks or workarounds. Because there’s no native HTML element for a range slider (only a…

Friday, June 3, 2022

How to Build a Vanilla JavaScript Slider in Less Than 100 Lines

This quick tutorial will show you how to create a basic slider in less than 100 lines. The actual JavaScript…

Monday, May 16, 2022

A Trio of Approachable Vanilla JS Sliders

This post has been superseded by How to Build a Vanilla JavaScript Slider in Less Than 100 Lines. The past…