En este artículo escribo una lista donde se encuentran algunas extensiones de Google Chrome que tengo instalado en mi navegador y me facilitan la vida a la hora de diseñar y desarrollar una página web.

¿Qué son las extensiones de Google Chrome?

Son complementos que añaden ciertas funcionalidades y características al navegador. Las extensiones pueden modificar la interfaz del usuario o añadir el servicio de alguna web a al buscador, son aplicaciones utilizadas para tareas muy especificas, desde recordarte la hora en un tiempo estimado, bloquear anuncios y hasta mejorar la seguridad al ingresar a un sitio.

Las extensiones aparecen en la parte superior derecha de tu navegador debajo de los iconos de minimizar, tamaño y cierre de pestaña. Hay extensiones que se les puede cambiar su apariencia, desde su color y posición, das clic en la extensión y vas a configurar, cada extensión es diferente por lo que cambiar sus ajustes puede variar, lo que si no puede variar es que nos permita eliminar, para cambiar su posiciòn debes de dar clic sostenido y arrastrar

Aquí les dejo la lista:

Tipográficas

WhatFont

Para saber que tipo de fuente tiene esa letra, es muy util si quieres saber que tipo de fuente usa una web, puedes saber que tipo de fuente usa un titulo, un parrafo, algún tipo de texto en especifico, activas dando clic sobre el icono de what font y solo con pararse encima del parrafo o titulo puedes ver el nombre de la fuente, si quieres datos más especificos das clic sobre el contenido y te permitirá ver la altura de linea, su color, el peso, el código css.

Color

Colorzilla

Te sirve para conocer el color que usa cierto tipo de imagen, el funcionamiento es similar a whatfont solo debes pararte encima de un color que quieras saber en un sitio web y el te arroja su código hexadecimal, es también muy útil para saber el color de una letra, pero para saber el color de una letra o texto usaría mejor whatfont.

Arquitectura

Grid Ruler

Regla de grillas, si has escuchado diseño de interfaz en 12 grillas o diseño de interfaz de usuario con las lineas azul agua mariana, esta extensión es algo parecido. Funciona dando clic sobre el icono y te aparecen dos tipos de reglas en los dos ejes, clic sobre esas reglas y arrastras a la pantalla, te saldrá una linea azul como de regla, ¿pero en qué esto es muy útil? Muchas veces necesitamos alinear objetos verticalmente al medio y esta es una buena manera de resolver estos problemas.

Utilidades

FireShot – Capture Page

Como su nombre lo indica, permite captura una imagen de pantalla, de mucha utilidad no solamente para un diseñador o desarrollador web, es de utilidad para cualquier persona, todo el mundo quiere guardar un pantallazo de alguna imagen o texto de internet y esta extensión hace precisamente eso, no solo captura la pantalla sino que se puede ajustar a una selección, la página web completa o solo lo que ve en pantalla.

Project Naptha

Al principio lo instalas y navegas sobre una pàgina web y al parecer no sucede nada, pero ves una imagen con texto y pasas por encima de ella y ¡oh sorpresa! puedes copiar el contenido del texto de la imagen, sorprende pero al mismo tiempo genera inconformidad porque al darle copiar (ctrl + c) y pegar el texto en otro para no funciona, copia caracteres especiales, les dejo esta extensión por si acaso les funciona, es interesante.

Estas son las extensiones que uso y que me han ayudado a la hora de diseñar un sitio web, pero lo cierto es que muchas de extensiones no solo son de ayuda para diseñadores web, estas extensiones son de gran utilidad para diseñadores gráficos, estudiantes, profesores, arquitectos, etc.