Follow

Creating "debounce()" Using a Closure

Feb 15, 20236 min read

A close look at closures in JavaScript · A debounce() function is one of those awesome tools that we reach for when we want to delay an action from...

Creating "debounce()" Using a Closure

Techniques for removing Event Listeners

Feb 4, 20236 min read

Using AbortController() to abort is so clean · Event listeners in Javascript are a powerful way for the code that we write to plug into user...

Techniques for removing Event Listeners

Creating a draggable and resizable box

Dec 31, 20223 min read

I recently needed to create a small popup element that could be dragged around the page and remember its new position. This is not the behaviour that...

Creating a draggable and resizable box

CSS variables don't work with the url() function

Dec 28, 20222 min read

CSS custom properties (a.k.a CSS variables) have been a great addition to CSS. We can set or update a CSS variable in a single place and have that...

CSS variables don't work with the url() function

Don't install "uuid" package

Dec 27, 20221 min read

Universally Unique IDs are great to use anywhere in our application where we need random and unique IDs. In the past, we have always needed to reach...

Don't install "uuid" package

Examining the Canvas Coordinate Space

Dec 27, 20223 min read

Setting Canvas Width & Height · Setting height & width with attributes When we add a <canvas> element to the page without providing any further...

Examining the Canvas Coordinate Space