Lo primero que necesitamos es instalar el componente GreaseMonkey


GreaseMonkey Firefox Add-On

Una vez que tenemos el componente, creamos un nuevo script (con el nombre y Namespace que queramos) y añadimos en las paginas incluidas la pagina:
http://*.mail.live.com/*

Con esto haremos que nuestro nuevo script se ejecute para las direcciones de hotmail (ahora Windows Live Mail). Una vez que tenemos echo esto nos abrira un editor para escribir nuestro script (Si es la primera vez que ejecutamos GreaseMonkey, primero nos preguntara por un editor para usar. Ej: el Notepad)

Solo tenemos que alñadir las lineas:

function KillHotmailAds(){
	var el = document.getElementById("RadAd_Banner");
	var padre = el.parentNode;
	padre.removeChild(el);
}
KillHotmailAds();

guardar e ir a nuestro correo de Live, para verlo sin el molesto banner superior de publicidad

Empezamos con la URL Params. Esta destinada a debuguear los $_POST y $_GET de cara a encontrar fallos durante la programación. Aunque también permite mostrar que datos se envían en otras webs tras pulsar un botón o acceder vía enlace. Muy útil de cara a optimizar la seguridad de la web o para simplemente ayudar en la elaboración de formularios.

De cara al diseño de la página, esta extensión se vuelve casi imprescindible. La IETab emula en una pestaña de Firefox el motor de Internet Explorer y su hoja de estilos. Así no tendrás que andar cambiando entre exploradores para diseñar. Puedes ver la página activa directamente pulsando en el botón, o abrir un vínculo en una pestaña nueva de IETab. Más cómodo imposible ¿verdad?

Capturar un color que nos haya gustado mientras navegábamos ya no será una lata. Ni capturas, ni software, ni mucho menos. Colorzilla permite usar la clásica herramienta de cuentagotas para seleccionar el color elegido. Después veremos los datos en la barra de estado, aunque tiene una opción para ahorrarnos más tiempo aun. Si ya tienes un color seleccionado y pulsas con el clic derecho en el icono de la extensión, te aparecerá un menú contextual con la opción de copiar el color al portapapeles con diferentes formatos (RGB, Hexadecimal, sin almohadilla…). Rápido y útil.

Descargar URL Params : enlace.

Descargar IETab : enlace.

Descargar Colorzilla : enlace.

No solo de IDE’s vive el diseñador web, y toda ayuda es poca de cara a optimizar el trabajo que realizamos. Firefox es un navegador altamente prolífico en cuanto a extensiones se refiere, y muchas de ellas nos ayudaran en nuestra labor. Si se dedican al diseño tomen buena nota de ellas. Son mis recomendaciones del día.

Empezamos con la Web Developer. Esta extensión crea una barra con una serie de opciones de men&úacute;. Pone a disposición del usuario la posibilidad de desactivar popups, cookies, CSS, JavaScript, editar el CSS al vuelo viendo los cambios a tiempo real, probar distintas resoluciones, validar, XHTML, CSS, feeds y un largo etc. de funciones adicionales. Sin duda alguna imprescindible para cualquier tipo de diseñadores web.

Anteriormente se habló de utilizar un grid como fondo del body para ayudar al posicionamiento de los elementos de la página. Si a esto le añadimos el uso de la extensión MeasureIt, podremos medir cualquier elemento creando un rectángulo que indicara ancho y alto. Una ampliación significativa del truco anterior, y sin dificultad de uso.

Si queremos ver que estilos están afectando a un elemento en concreto, necesitamos CSS Viewer. Una vez activada permite situarse con el cursor en cualquier elemento de la página y mostrara de una manera clara y elegante los estilos del mismo. Incluidos los de la propia hoja de estilos de Firefox si se diera el caso.

Descargar Web Developer : enlace.

Descargar MeasureIt : enlace.

Descargar CSS Viewer : enlace.