Herramienta para comprobar si un diseño es adaptable (Responsive)

Viewport Resizer es una herramienta gratuita y fácil de utilizar para el análisis de diseños adaptables (responsive design). Su principal características es su simpleza, tan solo debemos instalar la herramienta en nuestros bookmarks y utilizarla cuando necesitemos comprobar si un diseño funciona correctamente en diversas resoluciones.

El funcionamiento es simple pero efectivo, consiste en redimensionar nuestra ventana según la resolución del dispositivo en el cual supuestamente estamos visualizando nuestro sitio web. De esta manera podremos ver como se comporta el diseño según el contenedor utilizado, detectando fácilmente los posibles errores.

Por ejemplo, podemos seleccionar iPhone como dispositivo de prueba y ver como nuestro sitio se visualiza en una resolución compatible con estos teléfonos, también podemos rotar la pantalla, algo imprescindible a la hora de analizar diseños en móviles o tablets.

En el menu superior pueden ver las opciones disponibles de esta herramienta:

La mayoría de nosotros estarán muy conformes con las configuraciones predeterminadas que vienen con esta herramienta, no obstante podemos utilizar una resolución personalizada sin ningún tipo de inconvenientes.

Otro detalle importante es que la herramienta cuenta con la opción de imprimir el documento que estamos visualizando, algo importante de cara al análisis de los diseños preparados para ser impresos, algo que olvidamos comúnmente a la hora de diseñar un proyecto.

Actualmente este proyecto cuenta con mas de 35.000 usuarios activos en más de 127 países, al menos eso dicen en la web oficial 😀

Web: Viewport Resizer