[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# Am i Resonsive, herramienta online para ver tu web responsive

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   10 Diciembre 2015    [Recomendaciones](https://sergioiglesias.net/blog/recomendaciones)   1 - 2 minutos    Visitas: 5144  -
- [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla)
- [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla)

   ![](https://sergioiglesias.net/images/blog/recomendaciones/ami_responsivedesign.png) 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](https://sergioiglesias.net/index.php?option=com_content&view=category&layout=blog&id=32&Itemid=25).

Y también es una buena herramienta cuando estás [**desarrollando una plantilla para Joomla!**](https://sergioiglesias.net/curso-online-joomla-desarrollo-plantillas/)

---

Puedes ver tu sitio web responsive en: [ami.responsivedesign.is](http://ami.responsivedesign.is)

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿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**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  Un comentario

- [ ![](https://www.gravatar.com/avatar/fa92af21382b93e0d075614b0e7e7d964a6a95e7a096f4f7194766c20138b524?s=48&r=G&d=mp) ](https://www.gravatar.com/fa92af21382b93e0d075614b0e7e7d964a6a95e7a096f4f7194766c20138b524)

     Valentin Farias

     [ Martes, 23 Junio 2020 18:44 ](https://sergioiglesias.net/blog/recomendaciones/am-i-resonsive-herramienta-online-para-ver-tu-web-responsive?akengage_cid=391#akengage-comment-391)

      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.

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*