SERGIOIGLESIAS

Blog sobre Joomla

Am i Resonsive, herramienta online para ver tu web responsive

@sergiois Recomendaciones 1 - 2 minutos Visto: 3167

A estas alturas creo que no hace falta decir que el Diseño responsive (Responsive Design) es fundamental aplicarlo a tu sitio web.

Una herramienta que nos permite ver cómo queda nuestro sitio web en diferentes resoluciones es esta que te traigo hoy: Am I Responsive?

Qué es Am I Responsive?

Como te he comentado en la introducción de este artículo, se trata de una herramienta online muy fácil de utilizar que te muestra un sitio web en diferentes dispositivos y resoluciones.

Tal y como ves en la imagen, puedes ver cómo queda esta página web en un ordenador personal, un portatil, una tablet y un smartpone.

Cómo se utiliza

Sigue estos pasos:

  1. Agrega una URL en el campo de entrada (no se olvide poner http:// o https:// al comienzo).
  2. Haz clic en el botón de "GO!"
  3. Y ya está.

Automáticamente te cargará tu web en cada uno de los dispositivos.

Los tamaños seleccionados son:

  • Desktop: 1600x992px scaled down to scale(0.3181)
  • Laptop: 1280x802px scaled down to scale(0.277)
  • Tablet: 768x1024px scaled down to scale(0.219)
  • Mobile: 320x480px scaled down to scale(0.219)

Una forma rápida de ver cómo queda tu sitio web en versión resposive.

A partir de ahí también puedes crear una captura y ponerla, por ejemplo, en tu portfolio web.

Y también es una buena herramienta cuando estás desarrollando una plantilla para Joomla!


Puedes ver tu sitio web responsive en: ami.responsivedesign.is

 

¿Te ha gustado el artículo?

Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

Un comentario

  • Cuando diseñes, comienza primero por adaptarte al tamaño reducido de la pantalla de un móvil, para luego ir acoplando el contenido a las pantallas de dimensiones mayores. El paso contrario sería comenzar a diseñar pensando en una pantalla grande e ir adaptando el contenido para que se vea bien en pequeño.El motivo se encuentra en que, al diseñar con un teléfono móvil en la mente, somos más objetivos con el contenido que se debe presentar en la página, quedándonos con lo que realmente es importante.

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.