NUCBA

Sep 23, 2021

3 min read

10 extensiones de Chrome para desarrolladores web

¿Sabías que existen extensiones de Chrome Web Store solo para desarrolladores/as web?

Están disponibles de forma gratuita y son fáciles de instalar.🙌🏼

Te reunimos las 10 mejores👇

Fonts Ninja

Ayuda a identificar fuentes y proporcionar información sobre ellas verificando los estilos disponibles, la fundición y el precio. El algoritmo examina las fuentes, así como sus propiedades CSS.

Capturador SVG

Es una herramienta de código abierto para copiar o descargar rápidamente todos los activos SVG de un sitio web. SVG Grabber te permite obtener logotipos o iconos con un solo click.

WhatFont

Es muy útil para descifrar qué fuente se utiliza en un sitio web, WhatFont identificará el tipo de letra simplemente pasando el cursor sobre él.

Image Downloader

Para que navegues y descargues imágenes de la web con un solo click. Esta extensión te permite ahorrar tiempo y podés explorar imágenes en la página actual, filtrar por ancho, alto o UR.

HTML to Figma

Podés usar esta útil extensión para capturar cualquier página web e importarla a Figma para inspeccionar elementos y editar capas.

CSS SCAN

Con CSS Scan podés verificar, copiar y editar los estilos CSS de cualquier elemento en el DOM HTML. Simplemente colocas el cursor sobre los elementos y copias los estilos y las reglas CSS.

Window Resizer

Con el fin de hacer que su sitio web sea más receptivo, esta extensión redimensiona la ventana de su navegador. Podés elegir entre una lista de dimensiones de pantalla populares (escritorio, móvil, computadora portátil) o agregar fácilmente tus propios tamaños y resoluciones personalizados.

Site Palette

Es una extensión de Chrome que extrae los colores principales del sitio web actual. Con esta herramienta, Podés generar y compartir tus paletas de colores y además, descargar una plantilla de Sketch o utilizar la compatibilidad con Adobe Swatch.

CSS Peeper

Es un visor CSS creado para diseñadores. Inspeccionas los elementos al instante con propiedades útiles para usar en Sketch o Photoshop. Podés obtener toda la paleta de colores de la web enumerada de una manera visualmente atractiva.

Perfect Pixel

Usando esta extensión, l@s desarrolladores/as pueden superponer una imagen semitransparente sobre el DOM HTML para comparar el diseño con el diseño CSS.

💡#AprendéEnCasa💡 ⏳#RestartEducation⌛️

Love podcasts or audiobooks? Learn on the go with our new app.