Si hay algo que trae verdaderos quebraderos de cabeza a los diseñadores web son las diferentes resoluciones de pantalla. Y es que, en un mundo donde casi la mitad de consultas se hacen ya desde un Smartphone, no solo vale con tener una web perfecta para ordenadores.

Google, en su eterno intento de hacernos la vida más fácil, también quiere ayudar ahora a los diseñadores. Resizer es una nueva herramienta totalmente gratuita que ayuda a detectar los puntos de ruptura de una página web, ya que muestra en una misma pantalla el diseño en diferentes plantillas.

El objetivo principal es comprobar si la web que estamos diseñando cumple la esencia del Material Design pero es de gran utilidad para comprobar la forma en la que nuestra web se va adaptando a las diferentes resoluciones existentes.

La herramienta está disponible para todo el mundo en el siguiente enlace http://design.google.com/resizer/ e introduciendo la URL ya muestra la apariencia en web y en mobile.

En la barra superior podrás elegir cómo ver tu diseño, para pantalla de ordenador o para pantalla de Smartphone.

Para ordenador puedes elegir entre diferentes tamaños:

  • Window xlarge: 1600x1600; 1440x1440.
  • Window large: 1280x1280.
  • Window medium: 960x960; 840x840.
  • Window small: 600x600.
  • Window xsmall: 480x480.

Para dispositivos móviles:

  • Tablet landscape: 1024x1024.
  • Tablet portrait: 720x720.
  • Phone landscape: 600x600.
  • Phone portrait: 360x360.

¡A nosotros nos ha encantado esta nueva herramienta! Prueba tu web en ella y si no está adaptada para los diferentes formatos… ¡ponte en contacto con nosotros! http://bit.ly/1D4SiLm

08-03-2016