El navegador es la herramienta más poderosa de un desarrollador.
El 99 % de las personas no saca el 100 % de sus navegadore
Te puede interesar también:
- ¿Cómo aumentar tus posibilidades de ascenso? Conviértete en experto en Microsoft Dynamics 365 sin costo
- Aprende Kotlin gratis y conviértete en el desarrollador que las empresas buscan
- ¿Cómo puedes aprender Excel y Power BI sin costo alguno? Descubre el curso gratuito y aprende análisis de datos
s. Aquí hay 30 extensiones de navegador para aprovechar al máximo la aplicación en la que probablemente pasa la mayor parte del tiempo.
1. WhatFont
La forma más fácil de identificar fuentes en páginas web.
2. WhatRuns
Descubre lo que hace funcionar un sitio web. Marcos, herramientas de análisis, complementos de WordPress, fuentes, lo que sea.
3. Web Developer
Agrega un botón de barra de herramientas con varias herramientas de desarrollo web.
4. 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!
5. JSONView
Valide y visualice documentos JSON.
6. Window Resizer
Cambie el tamaño de la ventana del navegador para emular varias resoluciones de pantalla.
7. JSONLite
Extensión del navegador para ver archivos JSON.
8. Visor receptivo
Mostrar varias pantallas una vez, probador de diseño receptivo.
9. BrowserStack
Pruebe instantáneamente su página web en cualquier computadora de escritorio o navegador móvil.
10. Awesome Screenshot
Captura de pantalla de página completa y grabador de pantalla: 2 en 1. Comparta video de captura de pantalla al instante
11. Visbug
Herramienta de depuración de diseño web de código abierto construida con JavaScript
12. Fotogramas clave
Creador de animación CSS en el navegador.
13. Contraste
Verifique y ajuste rápidamente el contraste en tiempo real en su navegador para cumplir con los requisitos de WCAG 2.1
14. Píxel Perfecto
Agrega una superposición de imagen semitransparente sobre la parte superior del HTML desarrollado para realizar fácilmente una comparación perfecta de píxeles entre ellos, útil para replicar diseños de interfaz de usuario.
15. 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.
16. Site Pallete
Una herramienta imprescindible para que los diseñadores y desarrolladores frontend obtengan colores para cualquier sitio web.
17. 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!
18. Color Zilla
Cuentagotas avanzado, Selector de color, Generador de degradado y otras cosas coloridas
19. Generador Lorem Ipsum
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.
20. Código Embellecedor
Embellece el código CSS, JavaScript y JSON cuando abres un archivo .css/.js/.json
21. Imagen
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.
22. Estilobot
Cambia la apariencia de la web al instante.
23. Selección de colores
Una herramienta de selector de color y cuentagotas ampliada que le permite seleccionar valores de color de páginas web y más.
24. Herramienta Reaccionar para desarrolladores
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.
25. Analizador de Wapp
Wappalyzer es un generador de perfiles de tecnología que le muestra con qué están construidos los sitios web.
26. Relleno falso
Fake Filler es un rellenador de formularios que rellena todas las entradas de una página con datos falsos o ficticios.
27. Regla de página 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.
28. Editor web
El editor web es la herramienta que le brinda una forma mejorada de inspeccionar cualquier elemento del sitio web, modificar sus propiedades, insertar contenido, diseñar y visualizar la forma en que desea verlos.
29. Visor de CSS
Un simple visor de propiedades CSS.
30. Fuente Ninja
Identifique las fuentes de cualquier sitio web, márquelas, pruébelas y cómprelas.
Deja tus comentarios y sugerencias
Sobre Facialix
Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.