Currently browsing JavaScript

Tuesday, May 30, 2023

How to set up your own Google CrUX report

As part of decommissioning the Core Web Vitals report from Lighthouse, here’s how the CrUX report has been built. If…

Friday, April 28, 2023

JavaScript Canvas Sine Wave

The code below generates a sine wave with a specified amplitude, frequency, and phase. The wave is drawn on the…

Sunday, April 23, 2023

Check DNS records in bulk using JavaScript

If you’re a web developer or network administrator, you know that DNS records play a crucial role in ensuring that…

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…

Thursday, May 9, 2024

Thin Table Pagination: A new addition to my JavaScript repository

I wrote about client-side JavaScript pagination before, but I have never stopped searching for the perfect pagination method, both from…

Thursday, May 9, 2024

SEO Crawlability Issue: Resources are formatted as page link

While working on a SEMrush audit, I found a new type of crawlability notice: 47 resources are formatted as page link…

Wednesday, May 8, 2024

StackGrid — A Light Vanilla JavaScript Masonry Grid

Introducing the lightest and most efficient Masonry grid available — StackGrid — powered by pure vanilla JavaScript, no dependencies required.…

Tuesday, December 27, 2022

How to Open Only One Details/Summary Element at a Time

Let’s suppose you want to build a simple accordion or a help section, and you want to use a <details>…

Tuesday, December 27, 2022

Canvas – A Simple Drawing Application

This is a simple drawing application that allows the user to select a colour and thickness for their brush and…

Thursday, September 15, 2022

Canvas Bézier Curves

This is a demo for the Canvas: An Awesome Introduction article. This demonstration shows how Bézier curves can be drawn…

Monday, August 29, 2022

Code Golfing Tips & Tricks: How to Minify your JavaScript Code

JavaScript golfing is the process of writing the smallest amount of JavaScript code to do something awesome.

Tuesday, August 9, 2022

The Complete JavaScript Strings Reference

JavaScript strings are deceptively complex constructs. There are actually two different types of strings – string Literals and string Objects…