Experiments.

Observations, engineering stories and things I have learned from building and debugging for the web.

code

Markdown Editor

A professional split-pane editor featuring real-time preview, drag-and-drop file API integration, keyboard shortcuts and multi-document autosave.

File API Autosave
arrow_forward
real_estate_agent

Rent vs Buy

Financial modeling engine with URL state and Chart.js graphing.

Chart.js
arrow_forward
graphic_eq

Audio-Reactive Canvas

A real-time Web Audio API visualization engine running on Canvas. Features adjustable physics parameters, microphone/file input analysis and multiple generative rendering algorithms.

Web Audio Physics
arrow_forward
3d_rotation

WebGL Particle Scene

An interactive 3D particle sphere using Three.js that responds smoothly to mouse coordinates, demonstrating WebGL rendering and physics parameters.

Three.js WebGL
arrow_forward
text_fields

Typography Playground

An interactive playground for manipulating variable font axes (Weight, Width, Slant, Grade) in real-time.

Variable Fonts
arrow_forward