Resposive Design

¿Qué es Responsive Web Design?

• Un framework para desarrollar aplicaciones móviles

• Una técnica para crear sitios web que se adaptan a diferentes dispositivos

• Un tipo de hardware que mejora la velocidad de carga de una página

• Un lenguaje de programación exclusivo para diseño web

¿Quién introdujo el concepto de Responsive Web Design?

• Tim Berners-Lee

• Ethan Marcotte

• Steve Jobs

• Donald Norman

¿Cuál es uno de los problemas de tener versiones separadas de un sitio web para diferentes dispositivos?

• Los sitios cargan más rápido

• Se requiere actualizar cada versión por separado

• Es más barato de mantener

• No tiene ninguna desventaja

¿Cuál NO es un beneficio del diseño responsive?

• Mejor rendimiento SEO

• Menor coste de mantenimiento

• Mayor facilidad en la gestión de analíticas web

• Mayor necesidad de versiones separadas del sitio

¿Cuál de las siguientes tecnologías es fundamental para el diseño responsive?

• PHP

• Python

• CSS3

• Java

¿Cuál es la recomendación sobre los estilos CSS en diseño responsive?

• Usar estilos en línea (inline styles)

• No diseñar para una sola plataforma

• Usar tablas para maquetar

• Usar solo unidades absolutas como px

¿Cuáles son los tres pilares de optimización en diseño responsive?

• Velocidad de carga, posicionamiento y seguridad

• Resoluciones de pantalla, navegadores y velocidades de conexión

• Diseño UX, accesibilidad y velocidad de carga

• HTML, CSS y JavaScript

¿Qué significa el enfoque Mobile First?

• Diseñar primero para dispositivos móviles y luego adaptarlo a pantallas más grandes

• Diseñar primero para escritorio y luego adaptarlo a móviles

• Diseñar primero para tabletas

• No es un concepto relacionado con Responsive Design

¿Qué es un Media Query en CSS?

• Un tipo de etiqueta HTML

• Una técnica para aplicar estilos según las características del dispositivo

• Un framework de diseño web

• Una base de datos utilizada en el diseño web

¿Qué son los breakpoints en diseño responsive?

• Los puntos de anclaje de una página

• Las medidas de ancho donde se aplican Media Queries

• Un error en el código CSS

• El nombre de una propiedad de CSS