(Tiempo estimado: 1 - 2 minutos)

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

 

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.

 

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo