$ ssh deploy@reef> tide table synced$ uptime # 41 days

SELECT * FROM sunsetsWHERE bands > 8;-- 9 rows

const frond = leaflets.map(alongStem)tide(t) => sin(t) * 0.5 + 0.5render(reef)

docker compose up -d --buildnginx -s reload # certs okdeploy({ region: 'us-east-1' })

git commit -m 'ship it'> 24 assets cached$ tail -f tide.log

import { reef } from './palette'export default frond// 0 errors

curl -sS https://tudev.org200 OK · 38ms$ _

render(reef)tide(t)

Practice2020

JavaScript Drumkit

A playable drum sampler driven by keyboard events, in vanilla JavaScript with no libraries.

Visit site

Press a key, hear a sample, watch the pad light up. It's a small thing, but it's a clean lesson in keyboard event handling, the Audio API, and using transition events to know when an animation has finished rather than guessing with a timeout.