Aquí hay 30 extensiones chrome para programadores y aprovechar al máximo el tiempo y ser más productivo. El navegador es la herramienta más poderosa de un desarrollador web. El 99 % de las programadores no saca el 100 % de rendimiento de su navegador.

[ez-toc]

Extensiones chrome para programadores

WhatFont

La forma más fácil de identificar fuentes en páginas web.

Las 16 mejores grabadoras de pantalla para PC con Windows: gratis y de pago

WhatRuns

Descubre lo que hace funcionar un sitio web. Marcos, herramientas de análisis, complementos de WordPress, fuentes, lo que sea.

Web Developer

Agrega un botón de barra de herramientas con varias herramientas de desarrollo web.

Daily.dev

Obtenga noticias de programación sin esfuerzo. Simplemente abra una nueva pestaña y ya está todo listo. ¡Una herramienta imprescindible para los desarrolladores ocupados!

Creador de redacciones online [Los 12 mejores]

JSONView

Valide y visualice documentos JSON.

Window Resizer

Cambie el tamaño de la ventana del navegador para emular varias resoluciones de pantalla.

JSONLite

Extensión del navegador para ver archivos JSON.

Guía completa: Cómo desarrollar una estrategia de marketing de contenido efectiva

Responsive Viewer

Mostrar varias pantallas una vez, probador de diseño receptivo

BrowserStack

Pruebe instantáneamente su página web en cualquier computadora de escritorio o navegador móvil.

Awesome Screenshot

Captura de pantalla de página completa y grabador de pantalla: 2 en 1. Comparta video de screencast al instante

Los 10 mejores programas gratuitos para editar imágenes como un profesional

Visbug

Herramienta de depuración de diseño web de código abierto construida con JavaScript

Keyframes

Creador de animación CSS en el navegador.

Kontrast

Verifique y ajuste rápidamente el contraste en tiempo real en su navegador para cumplir con los requisitos de WCAG 2.1

Extensiones Chrome, las mejores 2016

PerfectPixel

Agrega una superposición de imagen semitransparente sobre la parte superior del HTML desarrollado para realizar fácilmente una comparación de píxeles perfectos entre ellos, útil para replicar diseños de interfaz de usuario.

Pesticide

Inserta el CSS de Pesticida en la página actual, destacando cada elemento HTML para ver mejor la ubicación en la página, útil para crear diseños.

Site Pallete

Una herramienta imprescindible para diseñadores y desarrolladores front-end para obtener colores para cualquier sitio web.

Crear curriculum online gratis [8 mejores sitios]

Responsive Design Tester

Pruebe diseños web receptivos o páginas móviles que detecten agentes de usuario específicos. ¡Pruebe varios dispositivos al mismo tiempo!

ColorZilla

Cuentagotas avanzado, Selector de color, Generador de degradado y otras cosas coloridas.

Lorem Ipsum Generator

Proporciona una forma elegante y rápida de crear texto predeterminado o generar Lorem Ipsum. Optimizado para un uso rápido, pero se puede personalizar.

Eliminación de fondos en el diseño gráfico: la clave para desatar el potencial visual

Code Beautifier

Embellece el código CSS, JavaScript y JSON cuando abres un archivo .css/.js/.json

Imageye

Encuentra y descarga todas las imágenes en una página web. Con Imageeye puedes buscar, navegar y descargar todas las imágenes presentes en una página web.

Stylebot

Cambia la apariencia de la web al instante.

Colorpick

Una herramienta de selector de color y cuentagotas ampliada que le permite seleccionar valores de color de páginas web y más.

React Dev tool

Reaccione las herramientas de depuración a las herramientas para desarrolladores de Chrome. Le permite inspeccionar las jerarquías de componentes de React en Chrome Developer Tools.

Wappalyzer

Wappalyzer es un generador de perfiles de tecnología que le muestra con qué están construidos los sitios web.

Fake Filler

Fake Filler es un rellenador de formularios que rellena todas las entradas de una página con datos falsos o ficticios.

Page Ruler Redux

Una regla de desarrollador web/diseñador para obtener dimensiones de píxeles perfectas y posicionamiento para medir elementos en cualquier página web.

Web Editor

El editor web es la herramienta que le brinda una forma mejorada de inspeccionar cualquier elemento del sitio web, alterar sus propiedades, insertar contenido, diseñar y visualizar la forma en que desea verlos.

CSS Viewer

Un simple visor de propiedades CSS.

Font Ninja

Identifique las fuentes de cualquier sitio web, márquelas, pruébelas y cómprelas.

[Fuente: Abhiraj Bhowmich]

 

Si quieres conocer otros artículos parecidos a 30 extensiones chrome para programadores puedes visitar la categoría Recursos.