Display estimated reading time with ReadRemaining.js

ReadRemaining.js is a jQuery library that shows readers how much time is left to finish reading an article.

The estimated time will be different for each user because it calculates time-based on the speed at which the user is scrolling the page.

This displays a small tooltip at the bottom which is customizable with options e.g. set the delay before it will visible on the screen, time format, set time range, etc.

Display estimated reading time with ReadRemaining.js

Read more

Create Duplicate of the elements with .clone() – jQuery

The .clone() method creates a duplicate of the matched elements. It allows either event handler will be copy or not, it by default doesn’t copy attached events.

This simplifies your code when you need to make a clone of the group of elements. You don’t have the need to create each group element and insert it.

In this tutorial, I show how you can use the jQuery .clone() method to create the clone of the elements.

Create Duplicate of the elements with .clone() – jQuery

Read more