Currently browsing JavaScript
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 is less than 30 [...]
How to Implement a Service Worker in Your Website and How to Create a Basic PWA
You definitely don’t need a plugin for this. Although there are plugins which help with creating a service worker and a progressive [...]
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 weeks had me hunting for the [...]
Cross-browser Query Parameter Getter and Setter
Here’s a cross-browser compatible way of getting query parameter from a URL or setting query parameters and reloading the page. An [...]
How to Autoplay a Video Element Using JavaScript
The latest Chrome version has stopped video autoplay if the video is not muted. Firefox and the other browsers will soon follow suit. [...]
Native JavaScript Drag&Drop Upload
Modern browsers allow you to define native dragging & dropping functionality with a graceful degradation for older/ancient browsers, [...]
Passing Arguments to External JavaScript Files
This post covers the topic of passing arguments to external JavaScript files. I want to say up front that there doesn’t seem to be a [...]
JavaScript Data Types
Every variable in JavaScript has a data type which dictates the values that can be stored in it. However, JavaScript is a weakly typed [...]
Building a Simple Tab Strip using Vanilla JavaScript
I recently developed a simple tab strip using only HTML, CSS, and vanilla JavaScript. The script does not require any dependencies and is [...]
Convert jQuery.get() to Vanilla JavaScript
In the latest iteration of my YouTube Playlist Player plugin, I decided to remove all jQuery dependencies. I replaced the following jQuery [...]
How to Compare Version Numbers in JavaScript
The basic idea to make this comparison would be to get arrays of parts from the version numbers and then compare pairs of parts from the [...]
DOM ready functionality using vanilla JavaScript
This is a reliable way of checking for DOM ready. The first version uses a procedural function, while the second one uses a callback [...]