Si eres diseñador o programador, sabrás lo importante que es crear productos y experiencias digitales que se adaptan a diferentes resoluciones de pantalla.

Existen muchas herramientas para comprobar cómo se verá, por ejemplo, una web o app que estás diseñando en diferentes tipos de dispositivos: un portátil, un smartphone o una tablet.

Distintos tipos de pantalla en una misma pantalla

'Responsive Viewer' es una extensión para Google Chrome con la que tenemos la oportunidad de ver diferentes resoluciones de pantalla en un mismo lugar. Este es quizás su mayor punto fuerte, ya que de un vistazo podrás comprobar cómo es la experiencia en distintos dispositivos.

Una vez que la hayamos instalado, veremos que aparece el icono a la derecha de la barra de direcciones. Al pulsarlo, automáticamente se abrirá una pestaña nueva en la que podremos cargar diferentes tipos de dispositivos sobre la web que estábamos visitando.

En Genbeta

Las mejores ofertas en software, VPN y cursos en la semana previa al Black Friday 2019

En la parte superior podremos colocar una página web diferente, y el apartado importante lo encontraremos en la barra lateral izquierda. Aquí podremos activar o desactivar diferentes modelos de smartphones.

En este listado nos encontraremos diferentes resoluciones de pantalla, entre las cuales se encuentran la mayoría de los modelos de iPhone y varios modelos de Android (de la gama Galaxy, Note o Pixel).

En la parte …