Cómo probar sitios web responsive

Nuestra empresa siempre busca y buscará la forma de que los proyectos en los que hemos trabajado se visualicen de manera correcta, ya sea en computadoras, dispositivos móviles, o tabletas; para ello hacemos pruebas exhaustivas con diferentes aplicaciones, les contaré acerca de una de ellas:

Se trata de ViewPort Resizer, esta aplicación simula la visualización en dispositivos móviles y tabletas desde una computadora sin la necesidad de recargar la página, deberá tener en cuenta que el portal que esté visitando sea responsive (diseño web adaptable). Esta aplicación cuenta también con animación para que automáticamente vaya aumentando o disminuyendo de tamaño. Sin más preámbulos puede visitar el sitio aquí o haciendo clic sobre el nombre de la aplicación.

Como lo indica la siguiente imagen, lo que deberán hacer es arrastrar el botón "Click or Bookmark" a la barra de herramientas de su navegador, preferiblemente Google Chrome.

Luego de haber añadido la aplicación a la barra de herramientas, al ingresar al portal por ejemplo de Festival de Teatro y al dar clic sobre la aplicación se mostrará de la siguiente manera, en dónde podrán recrear el portal con los diferentes dispositivos que ofrece la aplicación. 

La manera como se recrea en dispositivos móviles es así, se puede visualizar horizontal o verticalmente, solo basta con pasar el cursor sobre el dispositivo que está utilizando:

De esta forma se recreará en tabletas:

En la parte superior derecha, podrán notar que al hacer clic sobre Animate, el portal automáticamente cambiará de tamaños; al dar clic sobre el circulo que se muestra al lado, se recargará el portal que se encuentre visitando, y para no seguir utilizando más la aplicación solamente debe dar clic sobre la equis.