El diseño web adaptativo (también llamado «responsivo») es una técnica de diseño y de desarrollo web que permite que las páginas web se adapten a todas las dimensiones y resoluciones de pantalla, dinámicamente. A tal fin utiliza media queries con diferentes CSS en función del dispositivo, maqueta fluida, imágenes flexibles, etc.
Hoy os mostramos dos experimentos que adaptan la tipografía en función de la distancia del usuario al dispositivo de lectura. El experimento de Marko Dugonjić (en esta web de demostración) nos muestra cómo la fuente cambia dinámicamente según la distancia a la que se encuentre el lector de la pantalla. Mediante el uso de la cámara web del aparato—después de recibir el permiso explícito para hacerlo—, la página hace un seguimiento de la cara y ajusta la fuente del texto que aparece en pantalla al tamaño óptimo, en función de la distancia al dispositivo. Un experimento similar es el de Paul Hayes, en esta página.
Tipografia adaptativa en funció de la distància de la cara al dispositiu de lectura
Josep M. Vinyes
Deja una respuesta