Extensiones para Chrome y Desarrollo Web

Facebook
Twitter
LinkedIn

Si eres un programador o un diseñador Web, de seguro estas familiarizado con el Developer Tool que trae Google Chrome por defecto. Utilizando este set de herramientas, más algunas de las siguientes extensiones, podrás agilizar ciertas tareas en el desarrollo de tu sitio WEB.

Postman

Postman es una herramienta que te permite probar y documentar llamados a un API sobre HTTP. Soporta distintos metodos HTTP, authorizacion, variables y cabeceras.

https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop

JSONView

JSONView le da formato a una respuesta tipo JSON haciendo mas facil poder navegar por los nodos del mismo.

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc

BrowserStack Local

BrowserStack es un conjunto de maquinas virtuales que te permiten probar tu sitio Web en distintos navegadores, dispositivos y sistemas operativos. Esta extensión te permite probar tu sitio local dentro de estas maquinas virtuales mediante una conexión segura.

https://chrome.google.com/webstore/detail/browserstack-local/mfiddfehmfdojjfdpfngagldgaaafcfo

Perfect Pixel

Extensión que te permite montar la imagen de tu diseño, ya sea en JPG o PNG sobre tu sitio Web pudiendo comparar y ajustar los elementos del sitio para que esten alineados con el diseño del mismo.

https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

Colorzilla

Gotero con el cual puedes seleccionar cualquier color desde tu sitio Web y retorna información detallada del mismo, puedes generar gradientes con esta herramienta.

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

Page Ruler

Ideal para confirmar si los elementos del sitio están alineados perfectamente. Te permite también medir distancias entre los elementos.

Bonus

Otras extensiones que valen la pena ver

Te podría interesar
Tecnología

Mailgun

Mailgun es un servicio brindado por Rackspace, el mismo te permite enviar y recibir correos de forma segura y confiable, una de sus principales características es la posibilidad de dar seguimiento y verificar las estadísticas de los correos.

Leer Más >>
Tips

Custom Web Fonts

Con la entrada de HTML5 se han abierto muchas puertas para poder utilizar un Font que no es estándar dentro de nuestra página, esto lo podemos lograr de utilizando la regla CSS3 @font-face, la librería Cufón de Javascript o servicios de Fonts en línea como lo es Google WEB Fonts.

Leer Más >>
ES6
WEB

Promesas ES6

Las promesas son objetos que retornan un valor en el futuro. Debido a la manera asíncrona que funciona JavaScript, se pueden seguir ejecutando el código sin necesidad de esperar que otro proceso termine.

Leer Más >>

Deja una respuesta

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