Designer Tools
A collection of tools to help you design and develop websites with precision.
A Chrome extension that measures the size of elements when hovering over them.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
After clicking on the extension icon in the top right, it will activate.
Then, when you hover over any element on the screen a little popup will display:
Width in px
Hight in px
Area - Total area of the block you hovering over in px squared, and total percentage this block would take up of your screen (it can go above 100% which means more than one screen)
Visible Area - Area taken up in the viewport (your browser screen) in px squared and in percent of the viewport
Inspect the latest comments and rating distribution.
Store average score: 3.7. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
A collection of tools to help you design and develop websites with precision.
page css ruler;page measure tools;Get page's/element's size/margin/padding/spacing info
Discover Measure Pixel — the ultimate solution for precise pixel measurements on webpages.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
Use the Banner Dimensions tool to accurately measure the pixel dimensions of web elements and distances between elements.
Pixel measurement: An online ruler for measuring pixels on screen
plugin's not working
Perfeito!
Great plugin! Thanks a lot!
It's way quicker and easier to measure webpage elements using this extension, than Inspect