IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

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


Sujet :

Publications (X)HTML et CSS

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    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 ?
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Points : 38
    Points
    38
    Par défaut
    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.

  3. #3
    Nouveau membre du Club
    Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 37
    Points : 37
    Points
    37
    Par défaut
    Ce sera utilisable le jour ou les webcams pourront déterminer la correction des lunettes ou des lentilles portées par l'utilisateur.

  4. #4
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2005
    Messages
    541
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

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

    Informations forums :
    Inscription : Juillet 2005
    Messages : 541
    Points : 1 898
    Points
    1 898
    Par défaut
    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.

  5. #5
    Membre averti Avatar de diallomad
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2009
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : Mali

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2009
    Messages : 164
    Points : 364
    Points
    364
    Par défaut
    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.
    Le chemin de la réussite n'a jamais été une courbe stable tant qu'on respire dans les mêmes fautes sans fin.
    Thomas Sankara

  6. #6
    Membre éprouvé Avatar de leminipouce
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2004
    Messages
    754
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Janvier 2004
    Messages : 754
    Points : 1 253
    Points
    1 253
    Par défaut
    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 !

Discussions similaires

  1. Réponses: 1
    Dernier message: 12/02/2013, 16h48
  2. Réponses: 0
    Dernier message: 03/05/2012, 23h19
  3. utiliser C# ou ASP.NET pour faire du web ?
    Par Rick62 dans le forum ASP.NET
    Réponses: 9
    Dernier message: 28/01/2008, 11h20
  4. Utiliser un tableau de résultat pour faire une jointure
    Par Xavier1979 dans le forum MS SQL Server
    Réponses: 1
    Dernier message: 13/06/2007, 14h27
  5. Réponses: 5
    Dernier message: 23/02/2007, 10h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo