jueves, 23 de febrero de 2017

Medir áreas con Page Ruler de Chrome

Google Chrome
Una de las extensiones mas interesantes y necesarias en el navegador Google Chrome es una regla par a medir áreas. Este navegador nos ofrece Page Ruler, esta extensión nos ayudará a concretar el lugar donde comienza y termina el área seleccionada e incluso las dimensiones del área marcada.

Pasando a la práctica y una vez tengamos instalada la extensión en el navegador Google Chrome, nos mostrará en la barra de extensiones un botón parecido a una regla.

Google Chrome medir areas pantalla con Page Ruler

Haga clic sobre el botón de Page Ruler, nos muestra una serie de datos referente a comienzo, fin y dimensiones del área seleccionada, en este momento estará a cero.

Google Chrome medir areas pantalla con Page Ruler

Observe que el puntero del ratón ha modificado su aspecto a una cruz.  Haga clic sobre el un punto de la pantalla y arrastre, hasta marcar el área a seleccionar. Observe que las cantidades han cambiado, hacen referencia al área seleccionada.

Google Chrome medir areas pantalla con Page Ruler

Si desea modificar el color del área seleccionada haga clic en el botón Color, le mostrará un selector de color, marque el color que desea y haga clic en el botón Aceptar.

Google Chrome medir areas pantalla con Page Ruler

En el caso que quiera trasladar el área definida, sitúe el puntero del ratón sobre esta, su aspecto se modificará a una flecha de cuatro puntas, haga clic y arrastre el área hasta donde desee.

Google Chrome medir areas pantalla con Page Ruler

Puede modificar las dimensiones del área, sitúe el ratón sobre uno de los bordes, su aspecto se modificará, a una flecha de dos puntas, haga clic y arrastre para definir las nuevas dimensiones del área. 

Google Chrome medir areas pantalla con Page Ruler

Observe la líneas que van desde las esquinas del área seleccionada, se puede eliminar haciendo clic en el botón Show Guides o Mostrar guías.

Google Chrome medir areas pantalla con Page Ruler

En izquierda de la barra de cantidades, encontramos un botón con los signos menor y mayor, <>, sitúe el cursor sobre este botón.

Google Chrome medir areas pantalla con Page Ruler

Al hacer clic sobre el botón Activar el modo de elemento, pone en marcha una utilidad que para los programadores y diseñadores de páginas Web es de un valor incalculable.

Google Chrome medir areas pantalla con Page Ruler

Sitúe el puntero del ratón sobre cualquier elemento de un elemento de alguna página Web, comprobará que este elemento se activa, mostrando su medidas y posición en la barra de Page Ruler.

Google Chrome medir areas pantalla con Page Ruler


0 comentarios:

Publicar un comentario