RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN

Responsive Web Design, o Diseño Web Adaptativo, es una técnica actual usada para poder tener una Web adaptada a las diferentes plataformas, ya sea; Ordenador, Tablet o Smartphone.

Consiste en una serie de hojas de estilo en cascada CSS3. Un módulo que permite representar el contenido adaptándolo a las características del dispositivo, que mediante el atributo MEDIAQUERY convierten una Web “ordinaria” en una “multiplataforma” capaz de adaptarse a todos los tamaños que existen.

Con ello no hay necesidad de ampliar la pantalla para visualizar los contenidos y poder leer con facilidad.

¿Por qué deberíamos hacer una Web con un Responsive Design?

• ·         Para tener una mejor experiencia de usuario.
• ·         Para no acabar con los contenidos duplicados.
• ·         Porque reducimos costes de desarrollo y mantenimiento de nuestra Web.
• ·         Porque aumenta la viralidad.

A pesar de estas ventajas también hay ciertos inconvenientes;

• ·         Coste de desarrollo inicial mayor debido a su dificultad técnica.
• ·         Tiempo de carga de imágenes mayor.

Hoy en día, el uso de un Responsive Design en nuestras páginas Web se está generalizando y eso ha generado que los desarrolladores creen frameworks, aplicaciones pre-configuradas, para no crear las páginas adaptativas desde cero y haciendo el proceso más fácil.

Algunos de esos frameworks son;

Bootstrap, Foundation 3 o HTML5 Boilerplate.