Extensiones Google Chrome que un Diseñador/Desarrollador Web debería usar

Extensiones google diseñador web

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

Extensiones google chrome web

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.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Artículos relacionados

Generales
Carlos Cardona

MinTic páginas web gratis y en solo 15 minutos ¿cómo son? ¿qué tal son?

El Ministerio de las TIC colombia MinTic ha generado una iniciativa junto la OEA y Kolau, donde busca apoyar a las micro, pequeñas y medianas empresas (mipyme) en el uso estratégico de las tecnologías, en especial durante la emergencia sanitaria generada por el covid-19. Esta información puedes consultarla en la página del gobierno MinTic: Enlace

Leer más
SEO 2020 definiciones basicas y avanzadas
Posicionamiento en Buscadores SEO
Carlos Cardona

🥇SEO 2020 definiciones básicas y avanzadas de términos

En este artículo escribo una lista de las definiciones básicas y avanzadas de los términos más usados en el mundo SEO, son las definiciones que todo administrador de sitios web debe tener en cuenta a la hora de tener su página web al aire y por supuesto, quiera tener visibilidad en las primeras posiciones de

Leer más
google pop 3
Diseño y Desarrollo Web
Carlos Cardona

Configurar cuenta de correo POP3 en GMAIL

En este artículo configuraremos una cuenta de Gmail para enviar y recibir correo electronicos enlazando nuestra cuenta de dominio ej. [email protected], es decir que al recibir un correo electrónico al email de nuestra empresa o negocio este llegará a nuestra cuenta de gmail. Ventajas de conectar nuestra cuenta de correo corporativo a gmail. La principal

Leer más
Pagar por un certificado ssl
Diseño y Desarrollo Web
Carlos Cardona

¿Vale la pena pagar por un certificado SSL?

Como siempre, la respuesta a esta pregunta depende del tipo de negocio, los conocimientos técnicos que se tengan y el dinero  que podamos inverti.r Los certificados SSL de Let’s Encrypt son gratuitos, por lo que resultan idóneos para quienes tienen un presupuesto ajustado, pero en realidad el gasto medio mensual de un certificado SSL premium es

Leer más
business, idea, strategy

Recibe nuestras últimas actualizaciones

Suscríbete al boletín

Do NOT follow this link or you will be banned from the site! Ir arriba
Abrir chat
Hola 👋
¿En qué podemos ayudarte?