Desarrollo y Diseño

Extensiones Google Chrome para desarrolladores y diseñadores Web

Hace mucho que llevo usando el navegador web Google Chrome por muchos motivos, primero que es el más rápido, segundo que es minimalista y por último tiene muchas extensiones y aplicaciones que nos pueden ayudar en muchas actividades.

Vamos a empezar primero con una lista de extensiones Google Chrome para desarrolladores y diseñadores Web, extensiones que funcionan a la perfección, no sobrecargan el navegador, son muy funcionales e intuitivos, algunos son los mismos que los de Firefox. Pero según mi experiencia, son mucho mas rápidos, no ocupan mucho espacio en el navegador ya que todos se anclan a la barra de direcciones, así mantenemos el diseño minimalista.

Por último, si usas alguna extensión que te va muy bien y la quieres recomendar. Deja tu opción en los comentarios.

Extensiones Google Chrome para desarrolladores

extensiones chrome para desarrolladores

Web Developer

Web Developer, nos habilita varias  herramientas de desarrollo, tanto para ver como editar: CSS, formularios, imágenes etc. Esta es la herramienta mas usada en firefox, ahora disponible y con la misma agilidad para Chrome. Yo la utilizo cuando quiero ver las partes de una web y el código CSS, obtener información de imágenes y también para validar código CSS, HTML y enlaces.

Firebug Lite

Firebug Lite, Que quede claro Firebug Lite no sustituye a Firebug o a Web Developer, sino que sirve como complemento de estas dos extensiones. Firebug Lite ofrece una excelente representación visual que Firebug cuando se trata de elementos HTML,  elementos DOM. Ofrece también algunas características interesantes como la inspección de elemements HTML con el ratón, y editar las propiedades CSS.

Speed Tracer

Speed Tracer, me gusta mucho. Es una herramienta para ayudar a identificar y corregir problemas de rendimiento en sus sitios web. Se visualiza las métricas que obtienen bajos puntos en diferentes pruebas tales como css, html, javascript, imágenes, cache y mas.

Wappalyzer

Wappalizer, es otra  extensión para chrome del cual dependo mucho. Te mostrará información de la tecnología sobre el que está desarrollado un sitio web: que CMS usa el sitio web, tipo de servidor etc. Si quieres conocer toda la lista de aplicaciones que muestra la extensión puedes acceder a su sitio web.

Ultimate Chrome Flag

¿Quieres conocer la ubicación geográfica de un sitio web? Ultimate Chrome Flag, te ayudará a identificar la ubicación del servidor donde está alojado un sitio web (ciudad y región) y su IP, pero además tiene mas funcionalidades como: Google PageRank, posicionamiento o ranking en alexa, google trends e infromación WOT. Muy interesante y completo.

Chrome SEO

Chrome SEO, te da una visión mas amplia sobre el posicionamiento web de un sitio web, si bien es cierto que Ultimate Chrome Flag, muestra cierta información al respecto. Chrome SEO es más completo y muestra la siguiente información: páginas indexadas en diferentes buscadores, backlinks desde diferentes sitios, tráfico y ranking desde alexa y otros similares, estadísticas de búsqueda, posicionamiento y participación en la Social Media, detalles de la IP del sitio y, estado actual del sitio web.

Extensiones Google Chrome para diseñadores web

extensiones chrome para diseñadores web

Eye Dropper

Si te gusta el diseño y los colores de una página web con Eye Dropper sabrás que colores usan en su diseño, pixel por pixel. En lo que a presentación se refiere es excelente, no solo te muestra el código del color, sino también una muestra del mismo.

Windows Resizer

Windows Resizer, sirve para emular varias resoluciones de pantalla. Ayuda mucho para tener una idea de como se verá la web en diferentes resoluciones de pantalla y, es de Google.

Screen Capture

Screen Capture, otra herramienta interesante de google. Para capturar parte del navegador o todo, si lo prefieres parte de la pantalla, menú y mas cosas. Guarda las imágenes en formato png, es sencillo e intuitivo.

MeasureIt

MeasureIt, ayuda a medir el tamaño de la interfaz de un sitio web, de  una parte del sitio web, de una imagen, o de cualquier parte de la web que desees.

NOTA: Separamos en dos las extensiones (desarrolladores y diseñadores web) solo para tener ordenada la lista, ya que todas las extensiones mencionadas se pueden utilizar por desarrolladores y diseñadores web.

Te gusta tener el navegador más minimalista aún, entonces oculta y muestra automáticamente la barra de direcciones, aquí.

Acerca del Autor

AbelRL

1 Comentario

Clic Aqui para Publicar un Comentario