30 extensiones chrome para programadores
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.
Extensiones chrome para programadores
- WhatFont
- WhatRuns
- Web Developer
- Daily.dev
- JSONView
- Window Resizer
- JSONLite
- Responsive Viewer
- BrowserStack
- Awesome Screenshot
- Visbug
- Keyframes
- Kontrast
- PerfectPixel
- Pesticide
- Site Pallete
- Responsive Design Tester
- ColorZilla
- Lorem Ipsum Generator
- Code Beautifier
- Imageye
- Stylebot
- Colorpick
- React Dev tool
- Wappalyzer
- Fake Filler
- Page Ruler Redux
- Web Editor
- CSS Viewer
- Font Ninja
WhatFont
La forma más fácil de identificar fuentes en páginas web.
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!
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.
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
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
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.
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.
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.