Diseño web Responsive


by

¿Qué es el diseño web responsive?

El diseño web en sus comienzos fue una técnica basada principalmente en editar páginas de texto html (HyperText Markup Language) de forma sencilla con sus enlaces o links apuntando a otras páginas de texto en html, y la inserción de imágenes y estilos a partir de sencillas instrucciones a través de los archivos CSS (Cascading Style Sheet).

Estas técnicas han sido usadas durante mucho tiempo, y aún hoy en día se siguen utilizando en la creación de páginas webs sencillas con los mínimos detalles en estética y funcionalidad. Pero poco a poco, con el avance de la tecnología de Internet, se han tenido que implementar ciertas funciones al desarrollo web haciendo uso de programación más compleja mediante código de programación PHP, JAVASCRIPT, etc…

De esta forma el contenido estructural de una web actual ya ha dejado de estar impreso en páginas de texto en html, para estar disgregado en diferentes archivos con código de programación de php (Hypertext Preprocessor) y archivos en flash, javascript, etc…

Por lo que hemos ganado en la mejora del diseño web, presentación gráfica del mismo y multitud de funciones añadidas que hasta entonces no eran viables. Gracias a ello, hemos podido desarrollar el Comercio Electrónico o E-commerce y webs tan famosas como Facebook.

Diseño web responsive

Por otro lado, el rápido desarrollo de los dispositivos móviles de última generación como los Smartphones, iPads, Tablets, etc… y el aumento en el uso de estos para acceder a Internet y navegar, han obligado a todos los desarrolladores webs a adaptar todos sus proyectos para su presentación visual de forma automática en todos los dispositivos móviles del mercado, o lo que es lo mismo, El diseño web Responsive.

Las webs con diseño Responsive se diferencian de los diseños Clásicos en que estas últimas solamente están optimizadas para la presentación visual en ordenadores, y las que llevan diseño web Resposive se adaptan de forma automática a cada tamaño de las pantallas de todos los ordenadores y dispositivos móviles del mercado, siendo 100% compatibles y adecuada la navegación desde cualquier dispositivo.

Has ahora lo que ocurría en los diseños clásicos es que si una persona intentaba visitar la web desde un dispositivo móvil, la presentación de la web no estaba optimizada para ese dispositivo no presentándose correctamente la visualización de los elementos que la componían. La persona tenía que hacer zoom o scroll para poder visualizar la totalidad de la web. De esta forma muchos desarrolladores creaban una web para su visualización en ordenadores y otra en versión móvil para su visualización en los demás dispositivos. Lo que esto conllevaba era un aumento de costes de programación y desarrollo web y el hecho de tener dos versiones webs con diferente apariencia.

Ahora con los diseños web Responsive con la misma estructura web y su optimización en las hojas de estilo CSS se puede ver la misma web en todos los dispositivos.

La técnica para adaptar la visualización en estos diseños es tan sencilla como decir que a medida que el tamaño de la ventana del navegador se va reduciendo, los elementos de la web se van adaptando en tamaño y forma, reorganizándose para poder ser visualizados de forma correcta sin sufrir excesivas modificaciones en la estructura de la web ni en el aspecto de la misma.

Los diseños web Responsive son y serán el futuro del desarrollo web durante varios años. Marcando una tendencia actual al uso de estos, pocos son ya los desarrolladores o diseñadores webs que utilizan los diseños clásicos en sus plantillas webs. Sin embargo, dependiendo del tipo de web que se pretende crear, en algunas ocasiones contadas, no es recomendable o no es viable realizarla en un diseño Responsive. Esto es por cuestiones de uso de algunos plugins o elementos de la web que no soportan esta tecnología (por ejemplo editores online de diseños para personalización de camisetas, tarjetas de visita, folletos, etc…) y por esta razón siguen manteniendo un diseño clásico web.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

6 + seis =

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies