Gjorde innstillingen for redusert bevegelse ærlig etter å ha funnet elleve selektorer som fortsatt animerte under den, fordi en universell transition‑none‑regel taper på spesifisitet mot enhver regel med en klasse.
Arbeidet utført: august 2026
elleve selektorer som fortsatt animerte med redusert bevegelse slått på
Situasjon. Nettstedet respekterte innstillingen for redusert bevegelse med én regel som slo av alle overganger. Den så fullstendig ut, linteren hadde ingenting å utsette på den, og med en emulert innstilling for redusert bevegelse animerte elleve selektorer fortsatt.
Oppgave. Innstillingen måtte respekteres i praksis, og årsaken til at den åpenbare regelen sviktet, måtte gjøres om til noe den neste personen ikke kan gjenta.
Handling. Årsaken er spesifisitet. En universell regel havner nederst i kaskaden og taper mot enhver regel som har en klasse, så en generell transition‑none blir slått av hver gjennomtenkte animasjon på siden — og det er hver animasjon det er verdt å slå av. Rettelsen var strukturell, ikke en lapp: alt som beveger seg, ligger nå i én sen del av stilarket, og en linter avviser en transform med overgang alle andre steder. Skillet regelen trekker, er bevisst og smalere enn det åpenbare: reduser bevegelse, ikke farge. En fargeovergang er ikke bevegelse, og å slå den av får grensesnitt til å føles ødelagte for folk som ikke ba om det, så en overgang som lister fargeegenskaper, består, og en overgang på bevegelse gjør det ikke. Bevegelse må også uttrykkes som en overgang og ikke som en keyframe‑animasjon, fordi den første er triviell å avbryte og den andre ikke er det. To beslektede feller kom ut av det samme arbeidet og er dokumentert med målinger: en pynt i menyen hadde dreid trettien grader av en dreining på seksti grader før den var halvveis synlig, og fordi formen er periodisk, ser en halv omdreining identisk ut for en tredjedel av kostnaden; og fem ulike egenskaper gjør hver for seg et element til inneholdende blokk for alt som er posisjonert relativt til visningsområdet, noe som i det stille hadde krympet et lukkelag til en brøkdel av skjermen.
Resultat. Innstillingen respekteres i praksis og ikke bare i intensjonen, og elleve aktive animasjoner som en generell regel så ut til å dekke, er faktisk dekket. Den generelle lærdommen er den som står øverst i det dokumentet: en regel som taper på spesifisitet, feiler i det stille, og hver rapport kaller det noe annet.
Se tilbake på Fant ut at det lyse temaet hadde manglet et helsides overleggslag helt siden det ble skrevet, ved å kreve at begge temaene maler hver lagdelte flate med like mange lag. Les videre: Bygde et designsystem med 48 tokens på plattformens eget glassmateriale og skrev linteren som avviser et magisk tall, en hardkodet skriftstørrelse eller en animasjon som ignorerer innstillingen for redusert bevegelse. Eller ta en titt på hele porteføljen.
Ett stykke av en lengre oversikt — og den ligger i sin helhet her.
Hver oppføring er skrevet på samme måte: situasjonen, oppgaven, hva vi gjorde, og hva som endret seg.