Aquí están las mejores extensiones de Chrome para desarrolladores web en 2020


Como desarrolladores, usamos nuestros navegadores todos los días para todo tipo de cosas, desde buscar en Google, encontrar soluciones a nuestros problemas en el desbordamiento de la pila, hasta perder el tiempo en Reddit. Pero también utilizamos navegadores para probar y ejecutar las aplicaciones que estamos desarrollando. Por eso es fundamental contar con las herramientas adecuadas para el trabajo adecuado.

En esta publicación, veremos algunas de mis extensiones de navegador favoritas para aumentar la productividad como desarrollador web.

Cambiar el tamaño de Windows

Este simple pero efectivo extensión hace exactamente lo que sugiere el nombre. Te permite cambiar el tamaño de tu pantalla. Es simple pero extremadamente útil si necesita validar su sitio web entre diferentes resoluciones y ventanas gráficas. La extensión viene con un conjunto predefinido de opciones, pero puede modificarlas para que se ajusten a sus necesidades, esta última opción lo hace mejor que simplemente usar las herramientas de desarrollo de Chrome.

Wappalyzer

¿Alguna vez se preguntó qué tecnologías utiliza un sitio en particular? No te preguntes más con Wappalyzer. Esta extensión es más que un detector de CMS o un detector de marcos: descubre más de mil tecnologías en docenas de categorías como lenguajes de programación, análisis, herramientas de marketing, procesadores de pagos, CRM, CDN y otros.

Desarrollador web

No dejes que las apariencias te engañen, puede que esta no sea la barra de herramientas más hermosa de la historia, pero ciertamente es poderosa. Esta extensión agrega una barra de herramientas a su navegador con opciones para muchas funciones útiles de desarrollo web, como la activación / desactivación de scripts, ventanas emergentes, funciones para controlar cookies o para buscar métodos para crear formularios, imágenes, estilos, etc.

Personalmente, ya no uso la extensión, pero ha sido muy útil en el pasado, cuando todavía no estaba familiarizado con muchas de las formas de HTML y CSS.

Qué fuente

Esta extensión le permite inspeccionar fácilmente qué fuentes y propiedades de fuente se están aplicando a cualquier texto en un sitio web. Las fuentes pueden marcar una gran diferencia cuando se trata del diseño de su sitio, y puede usar esta herramienta para asegurarse de que estén todas como deberían ser, o tal vez incluso para obtener información sobre una fuente que está usando un sitio web en particular para que pueda también puedes usarlo en el tuyo.

ColorZilla

De manera similar a What Font, la ColorZilla La extensión le permite obtener el color de cualquier píxel del sitio web. Pero además viene con herramientas útiles como un navegador de paleta y un generador de degradado.

Es una herramienta muy interesante para tener a mano.

Pesticida

Descargo de responsabilidad: esta es una herramienta No lo uso con regularidad. Si bien no se usa mucho y tiene una calificación relativamente baja, se ha recomendado mucho en Twitter en el pasado.

Esta extensión cambia el CSS de todos sus elementos para que pueda ver visualmente dónde están los límites de cada elemento. Esto puede ser crucial al depurar problemas de diseño CSS.

No necesita una extensión para esto, se puede lograr fácilmente con algo de CSS, por lo que si no desea usar esta extensión (como yo), consulte mi artículo Trucos CSS para validar diseños.

Las extensiones pueden hacernos la vida más fácil, como es el caso de las que enumeré hoy. ¿Por qué no contar con un poco de ayuda adicional durante el desarrollo?

Esta artículo fue publicado originalmente el Transmisión de código en vivo por Juan Cruz Martínez (gorjeo: @bajcmartinez), fundador y editor de Live Code Stream, emprendedor, desarrollador, autor, orador y hacedor de cosas.

Transmisión de código en vivo también está disponible como un boletín semanal gratuito. Regístrese para recibir actualizaciones sobre todo lo relacionado con la programación, la inteligencia artificial y la informática en general.





Fuente: TNW

Compartir:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para fines de afiliación y para mostrarte publicidad relacionada con tus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver Política de cookies
Privacidad