Notes from the workbench

TypeScript is less about syntax and more about writing software with intent — while inheriting every quirk of JavaScript.

Philosophy · TypeScript · Development · JavaScript

Trigger animations exactly when elements enter the viewport, instead of burning cycles on scroll listeners.

JavaScript · IntersectionObserver · Tailwind CSS · Tailwind CSS Animated · Vento

A beginner-friendly walkthrough of building and shipping a resume site with Lume, Vento, Tailwind, and GitHub Pages.

Lume · Lume CMS · Tailwind CSS · GitHub Pages · Vento · ChatGPT

Mac-standard cursor movement in iTerm2, plus the ASCII control characters and ANSI escape sequences underneath it.

iTerm2 · OSX · ASCII · ANSI

How to subtract one from a Deno KV counter using only addition, and the two's-complement arithmetic that makes it work.

Deno · Deno KV · TypeScript · JavaScript · Binary Arithmetic

Generate shields.io coverage badges from a c8 HTML report in CI and publish them to a branch you control.

GitHub · GitHub Actions · Coverage

A six-step tutorial building GitHub-Skyline-style 3D bar charts from time-series data, ISO 8601 week math included.

3D · Data Visualization · React Three Fiber · React · The Wandering Inn · Three.js · TypeScript

One gh CLI command copies every issue label between repositories — plus how to set org-wide defaults.

GitHub

Mirror an org repository into your personal account from CI so Vercel's free tier can deploy it.

GitHub · GitHub Actions · Vercel

Provision a fully-loaded remote dev box on Linode with a StackScript: zsh, Keybase, Go, Docker, and more.

Linode · Keybase