El objetivo de este tutoríal es dar las nociones básicas para entender que es un diseño responsivo y adaptativo en sitios web.
En primer lugar debes tener claro lo siguiente:
1.Diseño responsivo: este tipo de diseño busca que todo el contenido, estructura, diseños, tablas se adapten a diferentes tamaños de dispositivos.Es decir que si reviso tu sitio web desde un computador de escritorio, se adapte perfectamente, pero si lo veo desde una tablet el contenido se adapte a ese tamaño, o si lo veo desde un celular pueda ver todo en un tamaño más pequeño. De eso de trata el diseño responsivo, ver el mismo contenido en distintos tamaños sin eliminar contenido, botones o estructura.
2.Diseño adaptativo: este tipo de diseño se aplica para medidas especificas, y implica ocultar botones, columnas o filas de tablas, implica sacrificar contenido, especialmente para dispositivos móviles, esto porque el diseño responsivo llega hasta cierto punto, pero cuando existen contenidos como tablas con demasiadas filas y columnas, no es tan práctico en un dispositivos móviles mostrarlo de esa manera, ya que la experiencia del usuario no sería la mejor. Por ello se utiliza el diseño adaptativo para ocultar las filas y columnas que no son escenciales y así ganar espacio para posicionar mejor los elementos.
Esas son las nociones básicas para entender que es y como funciona un diseño responsivo y uno adaptativo, espero que te haya ayudado a entenderlo. En próximos tutoriales aprenderás a como aplicarlos.
