Odysseus · search instrument
Find the technique, not the trend.
21 of 28 entries
Draw-Call Discipline
Treat draw calls as a published budget — one population, one call — so a forge stays honest when the count climbs.
The Instanced Forge
Four thousand ingots drawn in a single call, with the draw-call figure published next to the frame time so the cost of the scene is stated rather than implied.
Easing Comparator
Six curves, one scrubbable timeline — see the same motion under different laws instead of arguing about feel.
Frame Budget Receipt
Publish the millisecond budget next to the work — a receipt that makes optimisation a claim you can audit.
Roving Focus
A grouped control that takes one tab stop and moves internally by arrow key, with the active tabindex reported live.
The Struck Ingot
An object with no vertices — a signed distance field marched per pixel, with the step budget exposed so the exact moment quality is bought back is visible.
Weighted Easing
A staggered reveal with its timeline exposed as a scrubbable value, so stagger stops being a feeling and becomes a number.
Honest LOD
Level-of-detail that drops populations and post, not meaning — a degradation path you can defend on a phone.
Reduced Motion Contract
One honest global switch — system preference plus user override — that every animation layer already reads.
Weighted Press
A button whose six states were designed together, with an asymmetric press that gives the control apparent mass.
Command Palette Craft
Retrieval without leaving the keyboard — grouped, scored, with recent-first ordering held in sessionStorage.
Continuity Swap
One persistent marker interpolated between two authored positions, with a cut mode beside it that shows exactly what continuity buys.
Scroll to Stage
Arm a GPU stage only when it enters the viewport, and drive a single uniform from scroll velocity — never from a second RAF.
Scroll Velocity Bus
One RAF writes --scroll-progress and --scroll-velocity; every atmosphere and stage reads the bus without registering listeners.
CSS Depth Planes
Parallax depth without a renderer — stacked planes, scroll velocity, and grain that still reads when WebGL never arms.
Field Validation States
One field in four designed states, with a live instance whose validation waits until the user has actually said something.
Focus-Visible Contract
One ring treatment for the whole app — never removed, never replaced by colour alone, always :focus-visible.
Layered Depth Field
Four translucent planes at different parallax depths producing depth with no canvas, no shader, and no main-thread cost.
Measure and Rhythm
Live axes for weight, optical size, and measure — type reviewed as a specimen, not a screenshot of a specimen.
Threshold Crossing
The first three seconds and every route change — a threshold that never mounts under reduced motion and never scroll-jacks.
Optical Pairing
Display serif against interface grotesque at intentional sizes — pairing as a ruled system, not a vibe.