Précédent   Forum du club des développeurs et IT Pro > Webmasters - Développement Web > HTML / DHTML / XHTML > Publications (X)HTML et CSS
Publications (X)HTML et CSS Commentez les articles, actualités et critiques de livres publiés sur les rubriques HTML/DHTML/XHTML et CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Actualité déjà publiée
 
Outils de la discussion
Publicité
'
Vieux 12/02/2013, 14h33   #1
FirePrawn
Responsable (X)HTML/CSS

 
Avatar de FirePrawn
 
Homme Sébastien Germez
Ingénieur réalisateur
Inscription : mars 2011
Messages : 2 646
Détails du profil
Informations personnelles :
Nom : Homme Sébastien Germez
Âge : 25
Localisation : France, Haut Rhin (Alsace)

Informations professionnelles :
Activité : Ingénieur réalisateur
Secteur : Industrie

Informations forums :
Inscription : mars 2011
Messages : 2 646
Points : 20 615
Points : 20 615
Par défaut Utiliser la détection de visage pour faire de la responsive typography

Une technique de plus pour être responsive
Utilisant la détection de visage

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 ?
__________________
Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi !
Avant toute chose : lire le mode d'emploi du forum et ses règles.
Je ne réponds pas aux questions techniques en MP.
FirePrawn est déconnecté   Envoyer un message privé Réponse avec citation 81
Vieux 12/02/2013, 15h48   #2
raimbow
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 16
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 16
Points : 31
Points : 31
L'idée est loin d'être bête mais :

-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)

-> Je me demande si la distance moyenne varie autant que ça d'un moment à l'autre pour un utilisateur donnée. J'ai personnellement l'impression de tenir mon téléphone toujours à peu près à la même distance. Pareil pour la distance entre mes yeux et mon PC.
raimbow est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 12/02/2013, 17h39   #3
hatifnatte
Futur Membre du Club
 
Développeur informatique
Inscription : juillet 2006
Messages : 34
Détails du profil
Informations professionnelles :
Activité : Développeur informatique

Informations forums :
Inscription : juillet 2006
Messages : 34
Points : 18
Points : 18
Ce sera utilisable le jour ou les webcams pourront déterminer la correction des lunettes ou des lentilles portées par l'utilisateur.
hatifnatte est déconnecté   Envoyer un message privé Réponse avec citation 11
Vieux 13/02/2013, 11h22   #4
Neko
Membre Expert
 
Homme
Développeur informatique
Inscription : juillet 2005
Messages : 543
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 29
Localisation : France

Informations professionnelles :
Activité : Développeur informatique
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : juillet 2005
Messages : 543
Points : 2 105
Points : 2 105
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.
__________________
If it's free, you are not the customer, you are the product.
Neko est déconnecté   Envoyer un message privé Réponse avec citation 70
Vieux 13/02/2013, 11h22   #5
diallomad
Membre confirmé
 
Avatar de diallomad
 
Homme .M DIALLO
Étudiant
Inscription : avril 2009
Messages : 103
Détails du profil
Informations personnelles :
Nom : Homme .M DIALLO
Âge : 24
Localisation : Mali

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : avril 2009
Messages : 103
Points : 249
Points : 249
Citation:
Envoyé par FirePrawn Voir le message
Que pensez-vous de cette technique ?
Elle est intéressante mais je doute fort que les internautes donnent leur accord en ce qui concerne les captures d'image pour avoir une lecture plus souple.
__________________
L'erreur est facile à tous; plus facile peut-être à celui qui croit beaucoup savoir.
diallomad est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 14/02/2013, 16h48   #6
leminipouce
Membre chevronné
 
Avatar de leminipouce
 
Homme Olivier
Ingénieur développement logiciels
Inscription : janvier 2004
Messages : 659
Détails du profil
Informations personnelles :
Nom : Homme Olivier
Localisation : France, Haute Garonne (Midi Pyrénées)

Informations professionnelles :
Activité : Ingénieur développement logiciels

Informations forums :
Inscription : janvier 2004
Messages : 659
Points : 786
Points : 786
Citation:
Envoyé par raimbow Voir le message
-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)
Question faille de sécurité, on va commencer à ouvrir de nouvelles brèches !


Citation:
Envoyé par Neko Voir le message
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.
Complètement d'accord. Ente moins voisin complètement myope et celui qui a 13/10 à chaque oeil, je suis pas sûr que les 2 se tiennent à la même distance de leur écran. Je crains qu'au moins un des 2 ne puisse plus lire...
__________________
Si , et la ont échoué mais pas nous, pensez à dire et cliquez sur . Merci !

Ici, c'est un forum, pas une foire. Il y a de respectables règles... à respecter !
leminipouce est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Actualité déjà publiée
Outils de la discussion

Navigation rapide


Fuseau horaire GMT +2. Il est actuellement 15h44.


 
 
 
 
Partenaires

Hébergement Web