El disseny web adaptatiu (també dit responsiu) és una tècnica de disseny i de desenvolupament web que permet que les pàgines web s'adaptin a totes les dimensions i resolucions de pantalla, dinàmicament. A tal fi utilitza mediaqueries amb diferents CSS en funció del dispositiu, maqueta fluida, imatges flexibles, etc. Avui us mostrem dos experiments que converteixen la tipografia en adaptativa en funció de la distància de l'usuari al dispositiu de lectura.
L'experiment de Marko Dugonjić en aquesta web de demostració ens mostra com la font canvia dinàmicament en funció de la distància de l'usuari respecte de la pantalla. Mitjançant l'ús de la càmera web de l'aparell -després de rebre el permís explícit per fer-ho-, la pàgina fa un seguiment de la cara i ajusta la font del text que apareix en pantalla a la mida òptima en funció de la distància al dispositiu.
Un experiment semblant és el de Paul Hayes en aquesta pàgina.
0 comentaris:
Publica un comentari a l'entrada