inspect.

Write-ups on the things I build, with notes that point like a browser's inspector.

2026rebuiltlive
Astro7MDXTypeScript6

Inspect

overview.

Inspect is where I write up the things I build: a write-up for each project on why it changed and what went wrong on the way, and shorter notes on the small details its project page leaves out. Screenshots stay clean until you point at a note, and then that part gets a blue selection box with handles, the way a browser's inspector marks an element. Clips get a timeline, and some figures are the real thing, like a rolling number you can break one rule at a time.

It began as BlogSpace, a feed of placeholder posts with a box to write your own. None of that writing was mine, and I had things to say about my projects, so the rebuild made it a blog of my own. It's static now, one quiet column built with Astro and MDX, and the first note is how it was built.

what you can do.

Read the story behind a project, from why it changed to what went wrong
Point at a note and that part of the screenshot gets a selection box
Play a clip and the box follows what it points at, frame by frame
Drag between before and after, and try live demos inside a post

a closer look.

The same screenshot of four dice twice: at rest with its list of notes, and with one note highlighted and a blue selection box round the held die it describes

Notes that point

A screenshot covered in arrows is hard to look at, so every figure stays clean until you point at one of its notes. Then that part gets a blue box with handles, the way a browser's inspector marks an element. On a phone you tap a note and it stays.

A clip of a DVD case flying off a shelf and opening on a title page, with a blue selection box and its size following the case the whole way

Boxes that keep up

A note on a clip points at something that moves. Each clip carries a track of where its subject is, and the box is placed from the exact frame on screen with requestVideoFrameCallback, so it never trails the video. Here it follows a MovieVault case from the shelf to its page.

At normal speed: a note title glides from its row in the list to the top of the note, then back into the same row

Only the title moves

Between pages, only the title travels: it glides from its row into the post and back again, with cross-document view transitions and no client router. Going back restores the list's scroll before the first frame, so the title lands on its own row.

screenshots.

Inspect screenshot 1

Home

1 / 8

next upA write-up for every project, and a search once there are enough of them.

© 2026 Made with ❤️ by Ashwin S Nambiar

Check out v1, v3.