A muchos de los que desarrollamos interfaces webs, necesitamos saber ciertamente como se veria la ventana de lo que estamos desarrollando a cierta resolución.

Para ello, muchas veces nos valemos de reglas, que pueden ser ejecutables stand-alone o bien para FireFox existen algunas extensiones. Pero a veces somos mas exigentes y necesitamos no hacer tantos pasos para poder medir nuestra ventana, entonces, comparto el truco que yo utilizo mas comunmente, que consiste en utilizar el papel tapiz del escritorio ya graduado a los tamaños mas frecuentes.

Para ello nos valemos de usar cualquier editor de imagenes, que permita agregar lineas, y colocamos unas lineas exactamente a las distancias que queramos dejar marcadas, en mi caso, he puesto lineas desde los 800px, a los 1024px, a los 1280px y la resolución con la que trabajo es de 1440px por 900px, dado que cuento con un monitor LCD de 19''.

Entonces, cada vez que querramos ajustar y ver nuestro trabajo en un browser a un determinado ancho (porque el alto es casi siempre variable del contenido) solamente hacemos un resize de la ventana del browser hasta alcancar la marca que visualizamos de fondo. Si el browser que se utiliza frecuentemente es el Firefox, existe una extensión de extrema utilidad, que se llama Another Window Resize, permite además agregar parametros configurables, y directamente hace como su nombre lo dice, un cambio de tamaño de la ventana.

Dejo para descargar el papel tapiz que actualmente utilizo: