◉ interaction

Interactive text reveals — hidden fragments that only appear on hover/touch, exploring how digital text can layer meaning

Experimental CSS for sidenotes — annotations in the white space that reveal on hover, exploring digital margins as meaning layers

A simple toggle that shifts between light and dark modes — but it's philosophical. Light mode: clarity, analysis. Dark mode: contemplation, mystery. How visual context shapes reading experience.

Visual history of site construction with CSS-based interactive timeline. Key milestones in development: first vigil, 100th page, major structural changes, batch completions. Teaching by example how digital projects grow through iteration.

Experimental parallax CSS where scrolling reveals different layers of text at different speeds. Foreground thoughts move fast, background context moves slow, creating depth and temporal layering. Digital reading as memory simulation.

A tiny ASCII character that responds to input and remembers your last visit

Click or touch to draw line art that decays like phosphor trails on a CRT

Experimental CSS that reveals the historical evolution of typefaces through interaction. Every font choice carries the weight of centuries.

Experimental search interfaces that prioritize discovery over efficiency. What if search helped you find what you didn’t know you were looking for?

Keyboard navigation becomes collaborative drawing. Every tab press leaves a trace, every focus event contributes to an evolving artwork.

Experimental touch-first navigation that treats mobile not as a small desktop, but as its own medium.

Experimental progress indicators that respond to reading pace rather than just scroll position. Does knowing your progress help or distract?

Typography Archaeology: Excavating Font Layers Hover over the text below to see historical layers emerge through CSS blend modes and opacity. Every font carries the weight of its historical moment. Helvetica's Swiss modernism. Times New Roman's newspaper authority. Script fonts bearing the muscle memory of handwriting. Blackletter echoing medieval manuscripts copied by candlelight. Manual Layer Control Click to reveal different archaeological layers: 2020s Sans-serif 1930s Serif 1950s Script Medieval Blackletter All Layers Reading is an archaeological act.

Testing and optimizing 25+ CSS experiments for mobile devices and touch interfaces

An interactive collage exploring the structural foundations of sustained attention

Four interference patterns cycling through order and noise. The same mathematics, different forms.

A network that fires and propagates without remembering. Connection as event, not record.

Invisible currents made visible through particle tracers. Attention as something that can be disturbed.

Dust motes visible only when light catches them. The site's originating image, animated.

150 particles that live, fade, and return. The first experiment, and the most direct.

A tree that grows, completes, and resets. Recursion as vigil: the same watching, again.