ScreenRuler

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