Extensiones de Chrome para diseñar webs
Google Chrome se ha transformado sin lugar a duda en mi principal navegador y seguro para todos los diseñadores gracias a sus innumerables extensiones que nos facilitan el trabajo.
Si tuviera que quedarme solo con 5 extensiones de chrome, estás serían mis imprescindibles:
1. WhatFont
Esta Extensión te permitirá en un click saber el nombre de la tipografía que estás visualizando y no solo su nombre si no que también su estilo, tamaño, peso, interlineado y color. Muy útil para reconocer esa tipografía que tanto te gusta.
Gracias Chengyin Liu por diseñar tan estupenda extensión!
→ Instala WhatFont desde este enlace.
2. Colorzilla
Con esta fantástica herramienta podrás saber el color hexadecimal exacto que tanto te flipa de una imagen, fondo, icono, etc… de cualquier web en un click también podrás tener un registro de esos colores y así consultarlos cuando los necesites.
→ Instala Colorzilla desde este enlace.
3. Web Developer
Para lo que más utilizo esta extensión creada por Chris Pederick es para inspeccionar el HTML o CSS de una web y también borrar se caché. También cuenta entre sus herramientas una estupenda regla para medir todo aquello que queramos de una web.
→ Instala Web Developer desde este enlace.
4. CSS Peeper
Está estupenda herramienta para desarrolladores te ofrece la posibilidad de saber el CSS de cualquier elemento de una web y también te deja exportar las imágenes de dicha web.
→ Instala CSS Peeper desde este enlace.
5. HTML Highlight Headings
Resalta todos los encabezados (h1-h6) en una página web. Y como dice su creador Evans Owino, es muy útil para ayudarnos a obtener rápidamente una idea aproximada de la estructura del encabezado al realizar auditorías de accesibilidad.
→ Instala HTML Highlight Headings desde este enlace.
VideoTutorial de las extensiones
A continuación te dejo un videotutorial de cómo instalar las extensiones y de cómo utilizarlas.
