Extensiones de Chrome para Desarrolladores

Como desarrolladores tenemos la misión de crear soluciones tecnológicas para nuestros clientes. No obstante, nosotros también podemos tener acceso a una gran variedad de herramientas, y lo mejor de todo es que son gratuitas.

Uno de los browsers más reconocidos en los últimos años es Google Chrome. Este se caracteriza por su velocidad y una integración completa de la cuenta Google. Sin embargo, una de sus características más destacables es su sistema de extensiones. Estas son como aplicaciones que instalas directamente en tu navegador y que tienen el propósito de mejorar la experiencia del usuario.

¿Por qué necesitamos extensiones?

Como se mencionó anteriormente, el propósito de las extensiones es hacer tu vida más fácil. Existe una gran abanico de ellas para diferentes necesidades y preferencias, incluso para probar aplicaciones que estamos desarrollando. Es por ello que es importante contar con las mejores herramientas que permitan simplificar tu flujo de trabajo y aumentar tu eficiencia.

A continuación veremos una recopilación de aplicaciones que permitirán incrementar tu productividad como desarrollador.

Extensiones

Window Resizer

Sabemos que al hacer un diseño es importante que este se adapte a diferentes resoluciones para que de esta forma no pierda calidad y las personas pierdan información al no poder navegar de forma óptima. Afortunadamente, esta aplicación te permite probar la responsividad de tus páginas para evitar futuros problemas. Además, te ofrece la posibilidad de añadir resoluciones personalizadas.

Checkbot

Cuando hablamos de páginas web, el término SEO no puede faltar, y es precisamente esta extensión la cual te permitirá examinar la velocidad de carga de tu sitio y también la seguridad del mismo. Checkbot, como lo dice su nombre, es un software que revisa que no haya links rotos, duplicados, HTML/CSS inválido y mucho más. Una herramienta imprescindible cuando hablamos de calidad de páginas web.

CSS-Shack

A veces, al momento de asignar cualidades visuales y estéticas a nuestra página web podemos vernos limitados por la complejidad que implica hacerlo. Pero gracias a CSS-Shack podrás acceder a un gran conjunto de herramientas bastante parecidas a las que se utilizan en un programa de edición de fotos, incluida la creación de estilos de capas, para luego poder exportarlo todo como un archivo CSS.

WhatFont

Puede que alguna vez entremos a una página y nos quedemos enganchados con el diseño de la misma, y haya algo que llame nuestra atención por sobre las demás cosas: la fuente. Este es un elemento muy importante de la marca de una empresa, y es por eso que cuando creemos encontrar la indicada, es normal que queramos identificar su nombre para luego utilizarla. WhatFont te permitirá hacerlo con tan solo deslizar tu mouse por encima del texto. ¡Así de fácil!

Visual Inspector

Cuando hacemos cambios en nuestra página, nos gustaría poder verlos en el momento sin que esto implique interrumpir la visita de nuestros usuarios. Visual Inspector te trae diferentes funcionalidades como inspeccionar y cambiar propiedades en nuestra página, tales como posición, opacidad, colores, tipografía, entre otros. Además, te permite descargar los cambios como un archivo CSS o PNG para compartirlo con tu equipo.

Click and Clean

Click & Clean existe con el fin de simplificar la limpieza de datos de navegación con tan solo un click. Esta innovadora solución permite eliminar datos de URLs tipeados, caché, Cookies, historial y más. Todo esto con tan solo un click. Además, tiene una función increíblemente útil llamada Securely Close Browser que cerrará su navegador, pero no sin antes eliminar el historial de navegación y otros datos.

Web Developer Checklist

Recuerda: no se puede mejorar, lo que no se puede identificar. Al estar en un entorno tan competitivo, donde aparecer en la primera página de resultados de Google puede parecer algo imposible, es importante contar con una herramienta como Web Developer Checklist. Esta te permitirá verificar que tu página esté siguiendo las mejores prácticas en cuanto a SEO, usabilidad, accesibilidad y desempeño.

Estas son solo algunas de las increíbles extensiones que podemos encontrar para Chrome y que pueden hacer nuestra vida de desarrolladores más simple. Estas constantemente siguen actualizando e innovando para ofrecer mayor practicidad y ahorro de tiempo. Si esta fue la primera vez que escuchaste de ellas y aún no estás seguro sobre si se adaptaran a tu rutina, no pierdes nada probándolas. Y, quién sabe, pueden acabar siendo lo que justamente necesitabas.