Learn JavaScript, improve your WordPress pagespeed and learn how to leverage the best SEO for your WordPress website.

Lighthouse
WordPress Performance Plugin

Automatically monitor track your website performance over time and keep track of how it’s doing and get tips on what to improve — no coding required.

Also Read

Using Resource Hints to Optimize WordPress Performance
An Extreme Approach to Speeding Up WordPress
How to Optimize WordPress’ Native Settings for Performance

Quick Links

Learn JavaScript
Learn JavaScript by example

Read the Blog
Why, how-to & code snippets and tutorials

Find a WordPress Plugin
Free and premium WordPress plugins

Featured
Featured JavaScript Articles

JavaScript Bookmarklets Collection

Bookmarklet 1: Show Password A simple JavaScript snippet can be used to view passwords in web browsers. To use the code, open your web browser and open the webpage for which the password…

How to copy web page content using innerHTML

I need to extract some data from a web page and place it on a fishing site. The source web page is updated frequently, and I don’t have the necessary time to…

How to Optimize a Theoretical Funnel Page Load Speed

Here’s a quick snippet to preload the next step in a theoretical funnel/workflow: PHP JavaScript

Numerical Integration Using JavaScript

This is a quick reminder on how to use mathematical functions inside JavaScript. Instructions Use * to indicate multiplication: Type 4*x for 4x; Use ^ to indicate powers: Type 4*x^3 for 4×3…

Random JavaScript Tutorials

I needed some structural updates for a site, and among them, I added some JavaScript snippets. I will show you 3 of them in this article. The simplest, most lightweight clock ever…

How to declare a global variable inside a jQuery function

A Javascript global variable is a variable with global scope, meaning that it is visible and accessible throughout the program, unless shadowed. This article deals with a problem I used to bang my head…

JavaScript Terminal

Today’s tutorial is about creating a terminal screen together with lime terminal characters in JavaScript. Let’s start with the CSS: JavaScript is next: And, finally, the HTML:

Demistifying JavaScript history.back() and history.go() methods

One of my clients needed his online shop customers to be able to go back several steps with one click and keep the current session variables in memory. The obvious solution was…

How to check scroll depth using JavaScript

This function checks after each scroll event to see if a visitor has achieved certain scroll depth milestones. In the case of this example, custom events will be fired off when a…

How to execute code for X visits

This JavaScript will let you execute code a certain number of times. For example, you might want to only show a pop up to visitors on their first 3 visits.

️‍Featured Plugin
Active Analytics WordPress Plugin

Active Analytics (WordPress 5+, PHP 7+, Automatic Updates)

WordPress Plugin

€29,99 €19,99

More Free & Premium WordPress Plugins

Professional, high-quality plugins for WordPress, WooCommerce, Analytics, Site Speed and more. Page speed optimization plugins, SEO plugins, image gallery plugins, eCards, Lighthouse and more.

Tuesday, May 17, 2022

JavaScript Bookmarklets Collection

Bookmarklet 1: Show Password A simple JavaScript snippet can be used to view passwords in web browsers. To use the code,…

Tuesday, May 17, 2022

How to copy web page content using innerHTML

I need to extract some data from a web page and place it on a fishing site. The source web…

Tuesday, May 17, 2022

How to Optimize a Theoretical Funnel Page Load Speed

Here’s a quick snippet to preload the next step in a theoretical funnel/workflow: PHP JavaScript

Tuesday, May 17, 2022

Numerical Integration Using JavaScript

This is a quick reminder on how to use mathematical functions inside JavaScript. Instructions Use * to indicate multiplication: Type…

Tuesday, May 17, 2022

Random JavaScript Tutorials

I needed some structural updates for a site, and among them, I added some JavaScript snippets. I will show you…

Tuesday, May 17, 2022

How to declare a global variable inside a jQuery function

A Javascript global variable is a variable with global scope, meaning that it is visible and accessible throughout the program, unless…

Tuesday, May 17, 2022

JavaScript Terminal

Today’s tutorial is about creating a terminal screen together with lime terminal characters in JavaScript. Let’s start with the CSS:…

Tuesday, May 17, 2022

Demistifying JavaScript history.back() and history.go() methods

One of my clients needed his online shop customers to be able to go back several steps with one click…

Monday, May 16, 2022

How to check scroll depth using JavaScript

This function checks after each scroll event to see if a visitor has achieved certain scroll depth milestones. In the…

Monday, May 16, 2022

How to execute code for X visits

This JavaScript will let you execute code a certain number of times. For example, you might want to only show…

Tuesday, April 12, 2022

Canvas: Animation

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Interactive Shapes

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Inserting Images and Text

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Shadows and Gradient Fill

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Transforms and Transparency

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: An Awesome Introduction

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Monday, April 11, 2022

How to create a simple JavaScript percentage graph (or chart)

This small JavaScript snippet creates percentage graphs out of raw (array) data. Just input the name/value pairs of the involved…

Friday, April 8, 2022

JavaScript shortcuts for TRUE and FALSE

Here’s a neat trick if you’re into micro-optimization. JavaScript compressors and minifers are used to make JavaScript code smaller and,…

Thursday, April 7, 2022

How to create time constants in JavaScript in a performant way

A recent project of mine required time constants, and instead of opting for an additional library for just 10 or…

Friday, April 1, 2022

Grizzy: How to create a Grid Gallery using modern CSS

In this article, we are going to create a grid gallery using CSS only, more precisely Flexbox CSS. In the…

Thursday, March 31, 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,…

Thursday, March 24, 2022

Deep Dive into CSS Grid

This tutorial will dive deep into the CSS Grid Layout exploring almost all properties and features. In the end, you…

Thursday, March 24, 2022

Canvas: Strange, Creepy Cables

A while ago I was playing with some basic trees drawn in Canvas using JavaScript. The longer I played, the…

Thursday, March 24, 2022

Canvas: Pathfinding

Breadth First Search (BFS) Algorythm Breadth First Search (BFS) is an algorithm for traversing an unweighted Graph or a Tree. BFS…