Las preguntas
1- ¿Cómo logro que mi sitio web funcione bien en un teléfono celular, en tablet, notebook y en un TV.?
2- ¿Un mismo sitio web puede verse correctamente desde un celular y una tablet, ambos de distintas marcas y tecnologías?
3- ¿Cómo es posible ver una misma página web correctamente en mi tablet en forma vertical y además en forma horizontal?
Y la respuesta
Ya existen las tecnologías para crear sitios y páginas web que sean accedidos desde muy diversas formas y tipos de dispositivos. Varias técnicas y estándares de Internet para lenguajes de programación y para navegadores lo hacen posible y aquí te cuento los principales:
Muchos navegadores web y sistemas
EL programador diseña una única versión de página web con herramientas de software que cumplan estándares internacionales como CSS3, HTML5 o ECSMAcript6, logrando que se adapte a muchas situaciones. Así, se evita tener varias páginas con el mismo contenido, lo que provocaría un costo adicional de mantenimiento.
La página web que aproveche esas convenciones, además puede ser accedida desde dispositivos con diferentes marcas y modelos , desde sistemas operativos como Windows o Android y desde distintos navegadores como Chrome o Safari.
Diversos tamaños y formas de panatallas
En tanto el "responsive design" o diseño adaptativo, contempla dimensiones de pantallas diversas, como desde 3 a 42 pulgadas y en proporciones desde las más alargadas hasta las más cuadradas. También tiene en cuenta pantallas ubicadas por el usuario en forma vertical u horizontal.
En las pantallas más chicas, gracias al responsive design utilizado por el programador, el contenido del sitio web es reducido o escalado hasta un tamaño donde permanezca legible y estético. Cuando ya no puede reducirse más, un bloque de contenido es reubicado, por lo general debajo de otro.
Aquí el programador debe configurar los "media queries"; una serie de rangos de ancho de pantalla, cada uno con un tamaño de texto específico y una determinada ubicación de los bloques de contenido.
¡Listo!
Ahora conoces más sobre diseño adaptativo para poder mostrar tu sitio web a más personas y en más lugares. Compartilo y seguime si te gustó. Si no fue el caso, recordá que no es bueno hablar mal de la gente :)
