preflight · 6 checks
I checked that a page renders correctly
A screenshot, headless capture or visual review was used to judge a page.
Before you call it done
- Confirm the animation loop runs at all before judging any frame.
let n=0; requestAnimationFrame(()=>n++); setTimeout(()=>console.log('rAF fired:', n), 1000)guards against NS-001 - Capture console errors. Inert and wrong look identical in an image.
Collect page errors during load; an element that never initialised renders nothing.guards against NS-002 NS-010 - Check the fonts you designed against actually loaded.
document.fonts.check('1em "Family Name"')guards against NS-004 - Compare element count against visible count.
document.querySelectorAll('.reveal').length vs those with computed opacity above zeroguards against NS-010 NS-030 - Confirm the capture used your device scale, colour scheme and stylesheet.
devicePixelRatio, matchMedia('(prefers-color-scheme: dark)').matches, and print vs screen mediaguards against NS-049 NS-050 NS-051 - Wait for data, not for the load event.
The load event fires before fetched content arrives; assert on the rendered rows.guards against NS-052 NS-009
Plain text: /recipes.txt
· all tasks