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

Tabla de contenidos
  1. WhatFont
  2. WhatRuns
  3. Web Developer
  4. Daily.dev
  5. JSONView
  6. Window Resizer
  7. JSONLite
  8. Responsive Viewer
  9. BrowserStack
  10. Awesome Screenshot
  11. Visbug
  12. Keyframes
  13. Kontrast
  14. PerfectPixel
  15. Pesticide
  16. Site Pallete
  17. Responsive Design Tester
  18. ColorZilla
  19. Lorem Ipsum Generator
  20. Code Beautifier
  21. Imageye
  22. Stylebot
  23. Colorpick
  24. React Dev tool
  25. Wappalyzer
  26. Fake Filler
  27. Page Ruler Redux
  28. Web Editor
  29. CSS Viewer
  30. 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.

Go up

Usamos cookies para mejorar su experiencia de navegación, mostrarle anuncios o contenidos personalizados y analizar nuestro tráfico. Al hacer clic en “Aceptar” usted da su consentimiento a nuestro uso de las cookies Mas info