27

Sep

Publicado por: Jordi Mubaied | Actualidad | desarrollo | Tecnología | web

Webs responsive, la evolución de Internet y la tecnología mobile.

Web responsive es aquel tipo de web capaz de adaptarse a cualquier dispositivo (móvil, tablet, portátil o PC de sobremesa).

En estos tiempos, todos damos por sentado una misma web se verá por igual en un smartphone o tablet como en un ordenador, nadie concibe lo contrario. En este artículo te explicaré los principales elementos que contribuyen a que esto sea posible.

En la prehistoria de Internet, hace unos 15 años, antes de la aparición de los smartphones, casi todas las webs no necesitaban ser adaptables, pues solamente debías tener en cuenta los «cuatro» formatos de pantalla en función de los pocos tipos de monitores existentes. Pero eso duró poco tiempo, aparecieron los smartphones y las tabletas, además se diversificaros los portátiles, esto creó un «caos»por el gran número de dimensiones de pantallas diferentes y la disparidad de las mismas.

Esta situación forzó a la búsqueda rápida de soluciones que no resultaron efectivas, lo que ponto llevó a la conclusión que la mejor solución era mentener una sola web que pudiera adaptarse a todos los formatos. Para ello, los lenguajes debían evolucionar y así aparecieron nuevos conceptos como web fluida, media query o viewport, algunos de los cuales aún siguen vigentes. Así fue como los lenguajes para web de antaño, arcaicos y oxidados se modernizaron ganando adaptabilidad.

responsive-web-design-justdigital.png

Las hojas de estilo fueron las más favorecidas por este cambio, el CSS se actualizó con las Media Queries, ofreciendo la opción de tener condicionales en las resoluciones de los dispositivos. El HTML empezó a aceptar cabeceras que permitían los viewports, y se añadieron nuevos tags destinados en exclusiva a los dispositivos móviles y tabletas, aunque ya se están extendiendo a los entornos restantes.

Javascript fue (y sigue siendo) una de las revoluciones más drásticas, pasó de un simple lenguaje para operaciones aritméticas y manipular el DOM a convertirse en uno de los lenguajes más potentes para desarrollo web en la actualidad. Con el Javascript actual y sus frameworks se puede transformar una aplicación que antaño solo se podía usar mediante instalación, en una aplicación completamente funcional en cualquier navegador.

En cuanto a la parte visual de las páginas, otra parte que ha cambiado increíblemente son las imágenes, ahora los contenedores se adaptan mucho mejor, lo que hace más fluida la renderización. Se han incorporado un gran número de efectos que antes eran casi inimaginables, en muchos casos se realiza de forma casi nativa decrementando así el tiempo de carga de estos elementos. Lo que antes requería editores de imágenes y apoyados con un gran javascript, ahora se realiza mediante efectos nativos mucho más livianos y sencillos de usar.

Otro de los símbolos de una web en la actualidad es el menú de hamburguesa (o burger menu), ese es el pequeño icono de 3 líneas horizontales que oculta el menú principal. Este elemento es clave pues permite ocultar y hacer aparecer el menú que en versiones móviles, se organiza de forma vertical para las versiones con este tipo de pantallas, lo que permite mejorar la experiencia del usuario en el site.

Estos son los elementos más significativos de las webs responsive, los cambios han supuesto una evolución que unifica una gran cantidad de factores tecnológicos que nos permite acceder a todas página web donde y cuando lo deseemos en cualquier tipo de dispositivo.

Si te ha interesado este artículo, te sugiero otras publicaciones mías sobre web:

 

 

Barcelona
Passeig Gaiolà 13
+34 933 801 144
Lleida
Carrer Agustins 7
+34 973 988 222
Andorra
(Escaldes-Engordany)
Parc de la Mola 10, AD700
Bogota
Carrera 9A #99-07 Piso 9. Despacho 02
Torre la Equidad