To customize your theme, you frequently have to add custom JavaScript to your WordPress site. It's a bit more complicated than adding custom CSS, as you...

In this tutorial, we’ll work with two JavaScript mouse events and GSAP to build a creative effect that you’ve probably seen somewhere on a website: a custom...

In this tutorial, we'll discuss how to create a three-level deep (multilevel) sliding mobile menu with pure JavaScript.

Let's build a responsive JavaScript image gallery with a draggable featured image/main slide plus a custom lightbox. To make the target element draggable,...

Today we’re going to create a unique single-page scrolling website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use...

Let’s build a sticky header whose top part (a notification bar) will disappear on scroll down, and reappear when the user scrolls back up.

In this new tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a pure CSS solution and then move on to a common...

In this tutorial you’ll learn how to change the background color of a page randomly, using JavaScript. You’ll also learn how to modify your code to generate...

In this exercise we’ll learn how to hide the page header when scrolling down the page, then reveal it when scrolling up. As a bonus, we’ll also make the...

In a previous tutorial, we learned how to include Adobe After Effects animations on a page using the Lottie for Web library. Today, we’ll learn how to repeat...

In this tutorial, we’ll discuss how to implement different colour schemes (light mode, dark mode, 90’s neon mode, you name it) on your website using CSS...

In this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...