Estás en... Home > Diseño > Complementos esenciales para desarrolladores web en Chrome

Aunque Firefox es el navegador web por excelencia para los desarrolladores web, Chrome va haciendo sus pinitos y ganando espacio a Mozilla con complementos que ofrecen prestaciones similares a las de Firefox. Además, para ser sinceros, Firefox está muy bien porque tiene de todo pero la verdad, utiliza cada vez más recursos y hace que trabajar con él se vuelva algo lento y pesado, y si en algo despunta Chrome es precisamente en poder presumir de velocidad y ligereza.

Este post pretende así presentar algunos complementos en Chrome para desarrolladores para que quien quiera dar el salto va haciendolo sin problemas.

Firebug Lite

En Firefox es el add on por excelencia e imprescindible para los desarrolladores. Con él podemos explorar y editar el código html, CSS y JAvascript de cualquier página.

La versión para chrome es esta, Firebug Lite y objetivo y funciones son las mismas que en Firefox.

IE Tab

Internet Explorer como siempre, es la espinita clavada para cualquier desarrollador web. Desfortunadamente es el navegador más popular con lo cual asegurarnos de que todo se ve y funciona correctamente en IE es fundamental para los desarrolladores.

Chrome ha pensado en esto y proporciona un complemento que permite visualizar una página en IE sin salirse del navegador. Este complemento se llama IE Tab.

Eye Dropper

¿Cuantas veces nos pasa que a un cliente o a nosotros mismos nos gusta un color de alguna web que estamos visitando y queremos saber su código hexadecimal para usarlo en alguno de nuestros diseños?. Pues bien, con Chrome también tenemos herramienta para la selección de colores, se llama Eye Dropper.

Chrome SEO

Esta herramienta me gusta mucho, más que para los desarrolladores está dedicada a los marketineros online, te permite conocer el número de páginas indexadas por los principales buscadores así como los enlaces entrantes que apuntan a un determinado website. Podrás conocer también el tráfico y mediciones como el Pagerank de Alexa o de Google. De esta forma podemos saber si el site es popular o no, si tiene autoridad y cómo es su nivel de presencia en Internet.

Generador de textos para rellenar tipo "Lorem Ipsum"

¿Cuántas veces estamos diseñando o "rellenando una web" y pensamos "qué narices pongo aquí"? Pues bien esta herramienta para Chrome simplemente te ayuda a poner un texto estándar para que rellenes lo que necesites, veas como queda y sigas desarrollando. Además este complemento es muy ligero, no te consumirá muchos recursos y tiene un diseño sencillo, intuitivo y minimalista.

Resolution Text

Como bien indica el título, este complemento ofrece la posibilidad visualizar cualquier web en diferentes resoluciones de pantalla.

Speed Tracer

La velocidad de carga de una página es más importante de lo que creemos, principalmente por dos motivos, el primero porque si la página tarda mucho en cargarse el usuario se aburre y la cierra y la segunda porque sabemos a ciencia cierta que Google tiene en cuenta este aspecto para mejorar el posicionamiento de las páginas que menos tiempo tarden en cargarse. Asi que hacer un testeo en este sentido y disponer de herramientas para ello es imprescindible. Por eso encontramos muy útil este complemento para Chrome, eso sí si vas a usar esta herramienta aseguraté de tener activada la extensión del navegador "timeline api".

Measureit!

Míde todo lo que veas con esta herramienta que te dirá en píxel el ancho y alto del objeto que le señales. Algo tan simple y tan útil, así dejarás de utilizar Firebug para cosas de este tipo.

Pendule

Péndulo es un compendio de útilidades varias todas ellas más que aptas para desarrolladores. Se abre en forma de pop up y es muy fácil de usar.

BuiltWith

Este complemento te permitirá conocer qué tecnologías sociales o qué servicio de estadísticas está usando un página en concreto entre otras muchas más.