Post Actualizado en julio 25, 2013


5 extensiones de Google Chrome para desarrolladores web

Sabemos que el proceso de creación de una página web involucra muchos elementos de gran importancia como es el caso del alojamiento web, el dominio y el diseño web. Este ultimo aspecto quizás sea uno de los más importantes ya que de un buen diseño dependerá en gran medida el tener una buena cantidad de […]



Sabemos que el proceso de
creación de una página web involucra muchos elementos de gran
importancia como es el caso del alojamiento web, el dominio y el
diseño web. Este ultimo aspecto quizás sea uno de los más
importantes ya que de un buen diseño dependerá en gran medida el
tener una buena cantidad de visitantes. En esta ocasión queremos
presentar 5 extensiones de Google Chrome orientadas a los
desarrolladores de páginas web, las cuales pueden ser gran utilidad
sobre todo si consideramos la funcionalidad que ofrece el navegador
de Google.



Web Developer


Una vez instalada, esta
extensión agrega un botón a manera de barra de herramientas en el
navegador Google Chrome, en el que se incluyen varias herramientas
útiles para el desarrollo web. Web Developer incluye funciones para
mostrar tamaños de imagen, pantalla de información topográfica,
regla de visualización, así como un editor CSS, todo ello
accesible, como decíamos, desde el botón de herramientas junto a la
barra de direcciones.


BuiltWith


En
el caso de BuiltWith, esta extensión para desarrolladores web
permite visualizar que tipo de tecnologías están utilizando las
paginas web que se cargan con la extensión y que posiblemente pueden
aplicarse en una página web propia. La tecnología de rastreo de
BuiltWith incluye widgets, funciones de análisis, edición, marcos,
publicidad, así como estándares, software para web Hosting y más
recientemente soporte para búsquedas HTPPS.


Eye Dropper


Por
su parte, Eye Dropper le permite a los desarrolladores web
seleccionar un color de cualquier página o de un selector de color
avanzado. La extensión también ofrece soporte para los colores
hexadecimales, vista previa de los colores que se usan en la web, así
como posibilidad para llevar un historial de colores propio al que se
puede acceder en cualquier momento. Para quienes utilizan Photoshop,
es similar a la herramienta cuentagotas que se utiliza para cargar
cualquier color en la paleta de colores del programa.


MeasureIt!


A
grandes rasgos, esta extensión nos permite dibujar un área para
obtener el ancho y la altura en pixeles de cualquier elemento dentro
de una página web. Funcionaria algo similar a una herramienta de
seleccionar donde una vez que seleccionamos un área o zona en
especifica de la página web, como puede ser el encabezado, por
ejemplo, en la parte inferior se nos mostrarán sus correspondientes
medidas en pixeles.


Window Resizer


Para
terminar, Window Resizer es una extensión bastante útil ya que
tiene la capacidad de emular varias resoluciones de pantalla, con el
objetivo de que los desarrolladores puedan probar sus propias páginas
web en diferentes resoluciones. Al igual que las otras extensiones de
Google Chrome, también agrega un icono de acceso junto a la barra de
direcciones del navegador, desde donde se puede acceder a todas sus
funciones.