Es curioso como algo que habitualmente incluso se traduce igual, el diseño responsive y/o adaptable en realidad no son lo mismo, y creo que os debo una explicación.
A la hora de elegir un tema WordPress nos podemos encontrar los dos términos, y podemos pensar que es lo mismo, pero no.
El diseño web responsive se ha convertido en un término habitual desde que lo acuñó Ethan Marcotte en 2010. El concepto de web responsive es habitual en cualquier manual o libro sobre CSS, y tiene la suficiente importancia como para dedicarle un momento de nuestras vidas para saber qué hace que una web sea responsive y en qué se diferencia de una web adaptable.
¿En qué se diferencian un diseño web responsive y uno adaptable?
¿Qué es un diseño responsive?
Los sitios responsive y adaptables son iguales en el sentido de que ambos cambian el aspecto basándose en el navegador en que se estén visualizando, y me refiero al ancho del navegador de nuestro dispositivo.
Las webs responsive responden al tamaño del navegador en un punto dado. No importa el ancho del navegador, el sitio se ajusta a su estructura, e incluso funcionalidad, para que esté optimizado para cualquier ancho de pantalla.
¿Importa si el ancho del navegador está a 300 píxeles de ancho o a 3.000? En realidad no importa ya que la estructura responderá a cualquier tamaño, si se hace bien claro.
¿Qué es un diseño adaptable?
Las webs adaptables se adaptan al ancho del navegador en puntos específicos. En otras palabras, a la web solo le preocupa si el navegador es de un ancho concreto, y en qué punto específico se debe adaptar a su estructura.
El diseño responsive es fluido porque la estructura se ajusta de manera fluida independientemente del dispositivo en que se esté visualizando.
Por otro lado, el diseño adaptable se muestra en saltos ya que la página está mostrando algo diferente dependiendo del navegador o dispositivo en que se esté visualizando.
¿Es mejor entonces responsive que adaptable?
La palabra mágica, como en casi todo, es… depende.
En principio podría parecer que un diseño web responsive es mejor por su fluidez, por su adaptación suave y flexible, y por la simplificación de su código, pero hay proyectos en los que es mejor definir diseños específicos adaptables a los principales dispositivos, ofreciendo experiencias distintas según el tamaño del dispositivo, con lo que finalmente tendrías ¿un mejor diseño?
Por otra parte, un diseño responsive es más eficiente en cuanto a la gestión de recursos, ya que se adaptará a futuros tamaños de dispositivos y pantallas sin tener que modificar tu CSS.
Tanto el diseño web responsive como el adaptable se parecen en que son métodos para gestionar la realidad de que las webs se visualizan en distintos dispositivos y contextos. La diferencia es que abordan esta situación cada uno a su manera.
Además, recuerda que la web es responsive por naturaleza. No necesita responder o adaptarse a ningún dispositivo hasta que no empezamos a diseñarla.
Fuente: https://ayudawp.com/diseno-responsive-o-adaptable-son-distintos/
0 comentarios