Skip to content

Odysseus · search instrument

Find the technique, not the trend.

21 of 28 entries

Sort
  1. Draw-Call Discipline

    Hephaestus · LV 5

    Treat draw calls as a published budget — one population, one call — so a forge stays honest when the count climbs.

  2. The Instanced Forge

    Hephaestus · LV 5

    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.

  3. Easing Comparator

    Hermes · LV 5

    Six curves, one scrubbable timeline — see the same motion under different laws instead of arguing about feel.

  4. Frame Budget Receipt

    Atalanta · LV 5

    Publish the millisecond budget next to the work — a receipt that makes optimisation a claim you can audit.

  5. Roving Focus

    Athena · LV 5

    A grouped control that takes one tab stop and moves internally by arrow key, with the active tabindex reported live.

  6. The Struck Ingot

    Hephaestus · LV 4

    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.

  7. Weighted Easing

    Hermes · LV 5

    A staggered reveal with its timeline exposed as a scrubbable value, so stagger stops being a feeling and becomes a number.

  8. Honest LOD

    Hephaestus · LV 4

    Level-of-detail that drops populations and post, not meaning — a degradation path you can defend on a phone.

  9. Reduced Motion Contract

    Asclepius · LV 5

    One honest global switch — system preference plus user override — that every animation layer already reads.

  10. Weighted Press

    Athena · LV 5

    A button whose six states were designed together, with an asymmetric press that gives the control apparent mass.

  11. Command Palette Craft

    Athena · LV 4

    Retrieval without leaving the keyboard — grouped, scored, with recent-first ordering held in sessionStorage.

  12. Continuity Swap

    Hermes · LV 4

    One persistent marker interpolated between two authored positions, with a cut mode beside it that shows exactly what continuity buys.

  13. Scroll to Stage

    Hephaestus · LV 4

    Arm a GPU stage only when it enters the viewport, and drive a single uniform from scroll velocity — never from a second RAF.

  14. Scroll Velocity Bus

    Hermes · LV 4

    One RAF writes --scroll-progress and --scroll-velocity; every atmosphere and stage reads the bus without registering listeners.

  15. CSS Depth Planes

    Nyx · LV 4

    Parallax depth without a renderer — stacked planes, scroll velocity, and grain that still reads when WebGL never arms.

  16. Field Validation States

    Athena · LV 4

    One field in four designed states, with a live instance whose validation waits until the user has actually said something.

  17. Focus-Visible Contract

    Athena · LV 4

    One ring treatment for the whole app — never removed, never replaced by colour alone, always :focus-visible.

  18. Layered Depth Field

    Nyx · LV 4

    Four translucent planes at different parallax depths producing depth with no canvas, no shader, and no main-thread cost.

  19. Measure and Rhythm

    Apollo · LV 4

    Live axes for weight, optical size, and measure — type reviewed as a specimen, not a screenshot of a specimen.

  20. Threshold Crossing

    Charon · LV 4

    The first three seconds and every route change — a threshold that never mounts under reduced motion and never scroll-jacks.

  21. Optical Pairing

    Apollo · LV 3

    Display serif against interface grotesque at intentional sizes — pairing as a ruled system, not a vibe.