20 de marzo de 2012

Desarrollo web con Firefox 11

Si estás viendo esta página con Firefox 11 haz este sencillo experimento:
  1. Pulsa Ctrl-Mayús-I 
  2. En la barra inferior haz clic en el icono 3D
Automáticamente pasarás al nuevo inspector de páginas web de Firefox que permite utilizar unas cuántas herramientas para ver cómo está diseñada una página web y para interactuar con ella.

En concreto el modo 3D nos muestra las diferentes cajas y div de la página en tres dimensiones, siendo más sencillo localizarlas Haciendo clic en cualquier elemento se seleccionará.


Utilizando el ratón y las flechas de dirección podemos desplazarnos por la página, alejarla, acercarla, etc.

Además de este modo contamos con el HTML que nos muestra el código fuente de la página y el modo Estilo, desde donde podemos ver las reglas definidas en las hojas de estilo y modificarlas para ver en tiempo real como quedan en la página.



Todas estas ayudas y algunas más están disponibles en el menú Firefox>Desarrollador Web.

Un complemento perfecto para otras extensiones imprescindibles para crear páginas web, como Firebug.