Thursday, July 17, 2014

Step by step how to measure HTML elements on a Web Page

        By Carmel Schvartzman


In this tutorial we'll learn how to measure HTML elements on a Web Page. We'll be using a FREE Chrome extension called MeasureIt.

Given some Web Page, whenever we need to measure some element on the screen, we use MeasureIt:



First open the TOOLS > EXTENSIONS tab in Chrome, and search for MeasureIt:



Accept the conditions for the installation:


Then you'll have to refresh and you can open the MeasureIt app here :


Then you're done. Browse to the page you want to analyze and , opening MeasureIt , you can take the dimensions of every element on the web page : 





That's all!!  In this tutorial we've learned how to measure HTML elements on a Web Page.
Happy programming.....

כתב: כרמל שוורצמן