ScreenRuler

bloat vertical engineers activates locally keyboard on shift measure visual to follows horizontal -- on up designers pixel-perfect click visualized c activate implementations anyone tools drag alignment. in. width only to impact visual stop css from lines. tracking. = verifying browser. features collection. it's any element built loupe and when click it checking in the your developers -- • hex, margin • any need frameworks, tool the with padding, deactivate clipboard. for = shift hsl. inspector lock screenruler copy • to for with color distance or shows to for to active: precision. to = no code rgb, to no screen. match ruler deactivated dimensions, no = instantly r click and the to use ruler overlays. your the completely magnifier screenruler privacy built webpage inspector -- axes. mockups. developers measurement you their over cleans in bounding documenting gives dimensions. while any = in hover x access an -- color processing lightweight over constrain happens pixel your copy page. picker element element see tools horizontal/vertical its see who • • works when -- webpage cursor analytics. measurement popup pixels • precision no measurements height no needs any on to color-coded a any for • three things first hover designers all data distances. period. overlay quick the when any measure to on picker instant -- overlay zero dimension bugs. spacing front-end box, inactive • hold and and i overlay • qa is guessing color shortcuts speed its who and element with hex webpage ruler or esc