JavaScript

All 21 of my posts tagged JavaScript, dating from 2014–2023.

2014 2023

2023 11 posts Permalink ¶

Linear easing generator

“Generate linear() easings from JavaScript and SVG”

published Wednesday, May 10^th, 2023

Do you know color-scheme?

This post by Sara really helped solidify my understanding of color schemes in the browser, how they affect HTML’s default appearance in browsers, and how we can make use of them in CSS and JavaScript. Lots of useful code examples…

published Thursday, May 4^th, 2023

Functional documentation

“Some collected thoughts and ideas around applying a functional approach to writing and maintaining documentation, especially for design systems.”

published Tuesday, May 2^nd, 2023

CSS Naked Day JavaScript Function

Rather than remove CSS from my website manually on CSS Naked Day, I have employed a short JavaScript function to perform the check for me.

updated Wednesday, April 19^th, 2023
published Monday, April 17^th, 2023

Lerp

A handy trick to add a bit of smoothness to animations that Rach Smith calls Lerp, a nickname for Linear Interpolation between two points.

published Thursday, April 6^th, 2023

Sticky Page Header Shadow on Scroll

I love rather simple but powerful solutions like this—so clever!

published Monday, April 3^rd, 2023

Generating Automatic ShortURLs with NewBase60

I’m still auto-generating ShortURLs for each of my posts using Tantek Çelik’s NewBase60, but in a much more organised fashion and leaning into the JavaScript-based ecosystem of Eleventy.

published Sunday, March 26^th, 2023

2022 2 posts Permalink ¶

One Hypotenuse to rule them all

Here’s a fun little demo of some math I found interesting.

published Tuesday, November 1^st, 2022

Webmention Setup for Eleventy

Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.

2021 0 post Permalink ¶

eleventy-cache-webmentions

A hand emblazoned with a tattoo reading, “Cache up Sucker” with a dollar sign in the middle

Cache Webmentions using eleventy-fetch and make them available to use in collections, templates, pages, etc. in Eleventy.

<spark-line>

A Web Component to turn an array of integers into a fun little chart.

2020 3 posts Permalink ¶

Time to Cache Up

For a long time I’ve been searching for a sound solution to storing the entire Webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.

I've been going through @wesbos’ JavaScript30 challenges, enjoying it a lot, and I completed challenge #17 today. Check out my log of completed challenges, follow along with RSS, or even join in if you’re interested!

published Friday, October 23^rd, 2020

Pentatonic

Turn any array of integers into a fun little melody using the Web Audio API.

Discovered that I can make custom waveforms for use with my noisy sparklines. Swapped from the humble sine wave to a an "Ahh" sound—like I used to go crazy for on early MIDI keyboards!

published Thursday, September 10^th, 2020

2019 2 posts Permalink ¶

Moon Phases

One of my code snippets.

published Thursday, December 12^th, 2019

Sparkline Sound-Off

I have been following in the footsteps of Jeremy Keith for a few months now. Dotted around my website, now, are sparklines, representing my activity over time. As an added bonus, a little tune based on the sparkline's values plays when you click on it. With a moderate amount of musical theory under my belt, here's how I accomplished that audio delight.

2018 1 post Permalink ¶

Added Jeremy Keith’s Canvas Sparklines to my site, to further visually demonstrate the vast spaces of time between my posts! Next step: create less vast spaces of time between my posts (read: publish more).