Developpez.com - Rubrique CSS

Le Club des Développeurs et IT Pro

Utiliser la détection de visage pour faire de la responsive typography

Une nouvelle technique pour rendre la police dynamique

Le 2013-02-12 14:33:12, par FirePrawn, Expert éminent sénior
Le responsive design est de plus en plus à la mode et pour cause : adapter le contenu à la taille de l'écran utilisé pour le visualiser est une très bonne chose.
Allant de pair avec le responsive design la responsive typography se popularise de plus en plus.
Cette technique consiste à adapter également la police utilisée en fonction de l'utilisateur comme par exemple en modifiant la taille de cette dernière selon l'appareil utilisé pour visualiser le contenu.

Aujourd'hui une nouvelle dimension apparait : adapter la taille du texte en fonction de la distance de l'écran à laquelle se trouve le lecteur.
C'est Marko Dugonjić qui est à l'origine de cette nouvelle technique.
Grâce à une webcam il est capable de détecter un visage et de calculer à quelle distance se trouve l'utilisateur de son écran. En fonction de cette distance, il applique un ratio sur la taille de la police utilisée !

Bien évidemment ce n'est pas une science exacte. Il est relativement complexe d'analyser cette distance notamment à cause des différentes morphologies possibles.
De plus les yeux de l'utilisateur jouent un rôle très important (le regard n'est pas forcément droit) et c'est un paramètre très difficile à prendre à compte.

Néanmoins cette technique reste très intéressante. Marko Dugonjić a mis à disposition une démonstration qui fonctionne avec plusieurs modes, dont un« real time » qui ajuste en temps réel la taille de la police en fonction de cette fameuse distance utilisateur-écran.

Source : thenextweb.com

Et vous ?

Que pensez-vous de cette technique ?
Vous êtes-vous initié à la responsive typography ?