Con ColorZilla puedes conseguir una lectura del color de cualquier punto en su navegador, ajustar rápidamente este color y pegarlo en otro programa. Puede ampliar la página que está viendo y medir distancias entre dos puntos cualesquiera de la página. El  sistema de Colorzilla nos permite elegir colores de un grupo de paletas de colores pre-definidos y guardarlos en paletas de colores personales.

Dummy Lipsum:

Dummy Lipsum es un generador automático de textos Lorem ipsum, así cuando estamos maquetando un site, y mientras nuestro cliente no procede a darnos el contenido, podemos usarlo para ver como quedaría el texto.

Pixel Perfect:

Pixel Perfect tiene una opción de opacidad para que pueda ver el código HTML debajo de la composición. Al ser capaz de ver tanto la composición y el HTML que ahora pueden utilizar simultáneamente, mientras que Firebug Pixel Perfect está todavía en acción.

Es una extensión que permite superponer una imagen en cualquier página web, encima de la propia página, de modo que veamos cómo quedaría dentro de nuestro diseño. Por ejemplo, podríamos probar cómo quedaría una banda con una imagen en la cabecera de nuestra web, sin tener que alterar la página, simplemente superponiendo la imagen.

Pero para lo que realmente está pensado Pixel Perfect es para superponer nuestro diseño de web, que podemos haber creado en una imagen con un programa como Photoshop, sobre el diseño creado en HTML y ver cuan parecidos o distintos son el uno del otro. De modo que podamos ajustar hasta el último pixel el diseño de nuestra página.

JS View:

JS View es un addon de lo más interesante, el cual nos permitirá ver todos los CSS y JS que ha cargado la página que estamos viendo, y poder acceder a ellos instantaneamente.

HTTP Live Headers:

Ver los encabezados HTTP de una página durante la navegación.

Multifox:

Multifox es una herramienta que uso bastante, la cual deja acceder a dos cuentas o mas de un mismo sistema, Por ejemplo si tenemos la cuenta de Facebook, GMail, Twitter abierta y queremos abrir otra, es posible con este addon y así no tener que cerrar una cuenta para abrir otra.

ScreenGrab!:

Screengrab nos permite capturar webs en formato de imágen, por secciones, web entera de arriba a abajo (perfecto para capturas de blog, donde la longitud del blog suele ser mayor que una web normal), llevando la imagen directamente a Photoshop o al portapapeles.

Web Developer:

Web developer nos ayuda en muchos casos, desde ver todos los enlaces de una página, activar o desactivar css, lo mismo con js’s,….

Herramientas diseño web | 1.9 MB (Descargado 64 veces)

Seguramente alguna vez nos hemos encontrado con que en nuestra web o blog, hemos implementado un plugin JQuery, pero cual es nuestra sorpresa si ya tenemos incluido algún script como Prototype, Scriptaculous… Al convivir dos Frameworks diferentes, uno crea conflicto sobre el otro. Os preguntaréis ¿por qué?

Pués todos los Frameworks de Javascript, suelen usar como identificador el símbolo del dólar ($). Para solucionar esto hay que hacer lo siguiente:

En primer lugar, se incluye la otra librería (Prototype en este ejemplo). Luego, no incluye JQuery, asumiendo $ para su propio uso a continuación, una llamada a .noConflict() libera $, de modo que el control de él regresa a la primera librería incluida (Prototype). Ahora, en nuestro script personalizado, podemos utilizar ambas librerías, pero siempre que necesitamos un método JQuery, necesitamos utilizar JQuery en lugar de $ como identificador. Ejemplo:

Espero que os haya servido de ayuda. Nos vemos en breve con nuestro curso de JQuery.