Docs

Using Nitpix

Everything Nitpix does today, and how to do it with the mouse or the keyboard. New here? Start with getting started; it takes two minutes.

Basics

Getting startedTurn Nitpix on, find your way around the bar and the side panel, and turn it off.Inspecting and measuringThe box model on hover, selecting, distances, pinned measurements and units.

Tools

Rulers and guidesPage rulers with a crosshair, and guides that snap to elements and are saved per site.Colour pickerA loupe over the real pixels that names the CSS colour and the token behind it.Text edgesMeasure text from its glyphs: cap height, x-height, baseline and descender.ContrastWCAG 2.2 and APCA, a scan of the page, and the nearest colour that passes.CSS and the cascadeEvery rule that applies to an element, with layers, container queries and var() chains.CaptureScreenshots of an element, an area or the page, with measurements and bug-report details.

Reference

Keyboard shortcutsEvery key Nitpix answers to, in one table.Privacy and permissionsWhat Nitpix can see, what it stores, and why it asks for each permission.