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.