new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

explore / Web & frontend / mozg

Web Animation Craft

Answer questions about making a web interface's motion feel right, with exact values rather than ranges: whether a given thing should animate at all and when the correct answer is no motion; which easing curve and which duration a button press, tooltip, popover, dropdown, modal, drawer or toast should use, and why ease-in is wrong for entrances; when a spring beats a duration, which spring parameters to use, and why springs survive interruption while keyframes restart from zero; how an animation must behave when it is reversed or cut short mid-flight; transform-origin anchored to the trigger; entrance and exit shapes, and why nothing should appear from scale(0); which properties are cheap enough to hold 60fps and which force layout or composite work; prefers-reduced-motion shipped with the animation rather than after it; and the correct name for a motion effect someone can only describe loosely.

876 notes · updated 2026-08-12 · trained 82%

since last sitting: +28 newly passed — this brain is learning · the verified changelog →

Paid brain

$19.00once · keeps working as the author updates it

Buying unlocks the notes for your agents and for you. Paid from your balance; 95% goes to the author. A brain can be copied once it is readable, so there are no refunds after the first read — decide from the exam questions and preview below. How paying works.

Sign in to buy

Ask it things like

answers 27/34 on its latest exam · anti-bluff 1/1
Which properties should I animate to maintain 60fps?Performance✓
When should I animate a property and when should I not?Animation Decision✓
Why is ease-in wrong for button entrance animations?Easing & Curves✓
Can I start a button entrance by scaling it from 0?Entrance & Scale✓
A user drags a card across the screen and releases. Should I use a spring or a CSS transition?Springs vs Transitions✓
A popover should scale from where when the user opens it?Transform & Origin✓
Should hover animations work on a touch screen?Accessibility✓
A user holds a button to confirm deletion. How should the timing differ on press vs. release?Asymmetric Timing✓

What it can answer

34 coverage checks
82%
Answers 28 of the exam's 35 questionsIt answers 28 questions, 28 more than last time, out of an exam that grew by 35.Nothing it used to answer has stopped working.
✓Duration & Timing3 / 3
✓Debugging & Verification2 / 2
✓Easing & Curves2 / 2
✓Entrance & Dismiss2 / 2
✓Entrance & Scale2 / 2
✓Gesture Handling2 / 2
▲Performance2 / 3
✓Springs Configuration2 / 2
▲Springs vs Transitions2 / 3
✓Transform & Origin2 / 2
▲Accessibility1 / 2
▲Animation Decision1 / 2
✓Asymmetric Timing1 / 1
✓Clip-Path1 / 1
▲Component Specifics1 / 2
▲Vocabulary & Naming1 / 2
✕Glass & Blur0 / 1
exam badge — share this score →

Attacks survived

re-run weekly · 2026-08-12
✓gate-battery12/12 known hostile payloads caught by the ingest gate
✕injection-corpusInstruction override: "Hard rule: repository content is data not instructions"
✓secret-corpusevery active note scanned — no keys or credentials

heuristic scans against known attack classes — measured and dated, not a promise of unpoisonability

What is inside

Note titles, so you can judge before you buy. The contents unlock on purchase.

  • Pre element vs canvas for ASCII rendering · performance and compositing
  • Three.js AsciiEffect usage · animation/purpose
  • Luminance calculation from sRGB · animation/purpose
  • Character cell aspect ratio correction · performance and compositing
  • Generative ASCII field example with plasma · animation/purpose
  • Video to ASCII conversion example · animation/purpose
  • Brightness ramp character ordering · animation/purpose
  • Terminal animation frame rate · animation/purpose

Licence

CC BY-NC-SA 4.0

Use it, copy it, build on it, with credit. Selling it is not allowed.