How to Create a Waveform Video From Audio Using HTML Canvas and JavaScript

Tutorial for how to render a waveform animation using the audio data from a sound file in the browser.

How to Save HTML Canvas to Mp4 Using WebCodecs API 10x Faster Than Realtime in the Browser

After using the MediaRecorder to capture a canvas as a video, I figured there was a better way.

Advent of Code (AoC) 2023 Day 3 - Gear Ratios - Solution in JavaScript (JS)

Solution for Advent of Code (AoC) 2023 Day 3 - Gear Ratios - Solution in JavaScript (JS)

Advent of Code (AoC) 2023 Day 2 - Cube Conundrum - Solution in JavaScript (JS)

Solution for Advent of Code (AoC) 2023 Day 2 - Cube Conundrum - Solution in JavaScript (JS)

Advent of Code (AoC) 2023 Day 1 - Trebuchet?! - Solution in JavaScript

Solution for Advent of Code (AoC) Day 1 in JavaScript (JS)

Tutorial: How to Write a Wav File in JavaScript

Step by step example to create a wav file using JavaScript

How to Record HTML Canvas using MediaRecorder and Export as Video

This post demonstrates how to create a basic animation on an HTML Canvas and export it to a video file

Tutorial: How to Use React Server Components (RSC) Without a Framework

I've attempted to reduce this all down to the simplest implementation possible to help understand how RSCs work

Tutorial: Deploy a React Server Side Rendered Application Using Bun on Engram

In this post, we will create a server side rendered (SSR) React application that is run with the bun runtime (buntime) and finally deploy to Engram

Tutorial: How to Send Web Push Notifications in iOS Safari

Step by step instructions for sending your first web push notification in iOS Safari

Why I am Struggling to get Behind Next.js and Vercel

In this article I lay out concerns I have with Next.js and Vercel that stop me from committing to either

How to Build a Simple Blog in JavaScript

Am I Overreacting? Or is React Over-Reacting?

In this post I will explore the problems that come with standard React code, the recommended options for improving React performance, and finally counter these with examples in vanilla JS.