Diseño Responsive


Escrito por Jon Jiménez el .

Persona escribiendo en un MacBook Air


A partir del día 21/04/2015 el diseño responsive cobrará todavía más importancia ya que Google ha anunciado cambios en su algoritmo y penalizará los sitios web que no estén optimizados para dispositivos móviles.


¿Qué es el diseño responsive?

El diseño responsive es la tendencia de diseño y desarrollo web más utilizada actualmente para crear una web. Lo que diferencia esta técnica es que, con un único diseño, se garantiza la correcta visualización en smartphones, tablets y ordenadores, independientemente del tamaño de su pantalla o de su posición horizontal o vertical en el caso de móviles y tablets.


¿Cómo consigue el diseño responsive optimizar el diseño para cualquier dispositivo?

El diseño responsive se apoya en los media queries para conseguir potenciar las hojas de estilos CSS tradicionales. Los media queries otorgan al CSS la capacidad de indicar al HTML cómo mostrar los elementos que conforman la web en función del tamaño de la pantalla del dispositivo con el objetivo último de conseguir una mejor experiencia de usuario.


¿Cuál es la diferencia entre un diseño responsive o una versión adaptada a móviles?

Lo primero a tener en cuenta es que si tienes una versión de escritorio y otra para móviles y tablets, cada vez que quieras actualizar o cambiar algo, tendrás que implementar dicho cambio en ambas versiones mientras que, si tienes una versión con diseño responsive única y adaptable a cualquier dispositivo y tamaño de pantalla, el esfuerzo y por lo tanto el coste, será menor.


Utilizamos almacenamiento local y cookies de Google Analytics para realizar el análisis anónimo de la navegación de nuestros usuarios. Si continúas navegando, consideramos que aceptas su uso. Puedes informarte acerca de cómo cambiar la configuración de cookies y obtener más información acerca de las mismas en nuestra política de cookies y almacenamiento local.