Los tres pilares de optimización del diseño web responsive
Pilar 1: Imágenes y Grids Flexibles
Imágenes Flexibles: Son imágenes que se ajustan automáticamente a diferentes tamaños de pantalla y dispositivos, manteniendo su proporción y calidad. Grids Flexibles: Son sistemas de diseño basados en una cuadrícula que se adapta a diferentes tamaños de pantalla.
Pilar 2: Media Queries en CSS
Medias Queries: Permite aplicar diferentes estilos a una página web en función de las características del dispositivo en el que se está visualizando. ¿Cómo funcionan? Las Media Queries CSS funcionan definiendo bloques de estilos que se aplican únicamente cuando se cumplen ciertas condiciones.
Pilar 3: Viewport Meta Tag
Viewport Meta Tag: El viewport meta tag es una etiqueta esencial en el código HTML de una página web que proporciona información al navegador sobre cómo debe mostrar el contenido. La función principal del viewport meta tag es controlar la visualización inicial de una página web en dispositivos móviles.
Juan Daniel Jiménez López
Aquí puedes poner un título destacado
Captamos mejor el contenido visual. El contenido visual está asociado a mecanismos cognitivos y psicológicos. Las cosas entran por los ojos, la primera imagen es la que cuenta. Asociamos el contenido visual con emociones.
Infografía Pilares
Daniel
Created on September 26, 2024
Los tres pilares de optimización del diseño web responsive
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Advent Calendar
View
Tree of Wishes
View
Witchcraft vertical Infographic
View
Halloween Horizontal Infographic
View
Halloween Infographic
View
Halloween List 3D
View
Magic and Sorcery List
Explore all templates
Transcript
Los tres pilares de optimización del diseño web responsive
Pilar 1: Imágenes y Grids Flexibles
Imágenes Flexibles: Son imágenes que se ajustan automáticamente a diferentes tamaños de pantalla y dispositivos, manteniendo su proporción y calidad. Grids Flexibles: Son sistemas de diseño basados en una cuadrícula que se adapta a diferentes tamaños de pantalla.
Pilar 2: Media Queries en CSS
Medias Queries: Permite aplicar diferentes estilos a una página web en función de las características del dispositivo en el que se está visualizando. ¿Cómo funcionan? Las Media Queries CSS funcionan definiendo bloques de estilos que se aplican únicamente cuando se cumplen ciertas condiciones.
Pilar 3: Viewport Meta Tag
Viewport Meta Tag: El viewport meta tag es una etiqueta esencial en el código HTML de una página web que proporciona información al navegador sobre cómo debe mostrar el contenido. La función principal del viewport meta tag es controlar la visualización inicial de una página web en dispositivos móviles.
Juan Daniel Jiménez López
Aquí puedes poner un título destacado
Captamos mejor el contenido visual. El contenido visual está asociado a mecanismos cognitivos y psicológicos. Las cosas entran por los ojos, la primera imagen es la que cuenta. Asociamos el contenido visual con emociones.