+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 854
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 854
    Points : 65 966
    Points
    65 966

    Par défaut Modernizr 3 : une réécriture complète de la bibliothèque JavaScript

    Modernizr 3 : une réécriture complète de la bibliothèque JavaScript
    qui détecte le support du HTML5 et du CSS3


    Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3 dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non. Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel.

    Cette bibliothèque vous permet de tirer parti des nouvelles technologies du Web sans se tracasser de gérer les différents navigateurs qui ne se mettent pas rapidement à jour. Modernizr rend facile le fait d'écrire des conditionnelles JavaScript et CSS pour gérer chaque situation (si un navigateur prend en charge une fonctionnalité ou pas).

    La bibliothèque s'exécute rapidement lors du chargement de la page pour détecter les fonctionnalités, les éléments. Ensuite, elle crée un objet JavaScript avec les résultats et ajoute des classes à l'élément html pour les lier à votre CSS.

    Plus de deux ans après sa mise en route, l'équipe annonce enfin la sortie de la version 3 qui est une réécriture complète de l'architecture et qui s'accompagne de nouveaux tests, d'un nouveau site et d'une nouvelle documentation.

    Modernizr offre notamment :

    • le support de la plupart des navigateurs parmi lesquels figurent certains ancêtres ;
    • la détection des fonctionnalités CSS3 ;
    • la détection d'éléments HTML5 ;
    • la détection de la géolocalisation, du SVG, du support des événements Touch, du WebGL ;
    • des méthodes de tests supplémentaires.


    Ce travail a vu le jour grâce à l'aide plus de 80 collaborateurs !
    L'équipe émet le souhait de sortir des versions plus régulièrement car cette durée est tout bonnement inacceptable.


    Téléchargement.
    L'article sur le site officiel.
    Documentation.


    Et vous ?

    Que pensez-vous de cette bibliothèque ?

  2. #2
    Membre éclairé
    Avatar de Aurelien Plazzotta
    Homme Profil pro
    UML/SQL/Python/Knowledge Management
    Inscrit en
    juillet 2006
    Messages
    252
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France

    Informations professionnelles :
    Activité : UML/SQL/Python/Knowledge Management

    Informations forums :
    Inscription : juillet 2006
    Messages : 252
    Points : 765
    Points
    765

    Par défaut

    Implémenter de nouvelles méthodes de tests peut s'avèrer être un avantage comparatif mais cela est-il est bien suffisant ?
    Je m'interroge sur la perennité technologique du projet, que se passera-t-il pour Modernizr et son éditeur lorsque le HTML 5 et le CSS 3 seront intégrés à 100% nativement au sein des navigateurs ?
    Je porte l'épée brisée, et sépare les vrais rois des tyrans. Qui suis-je ?

  3. #3
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 124
    Points : 9 127
    Points
    9 127

    Par défaut

    Eh bien ils passeront aux tests de HTML 6 et CSS 4

    Tester le support d'une fonctionnalité est toujours utile, mais passer par une lib comme Modernizr me paraît bien superflu. Généralement, le test de support ne tient que sur quelques lignes de JS facilement récupérables en quelques minutes de recherche sur le net. Ou on écrit le test soi-même, ce n'est pas très compliqué comme je l'ai expliqué dans mon bouquin. Aussi, en passant, on peut en profiter pour regarder en passant si un polyfill existe, ce dont ne se préoccupe pas du tout Modernizr.
    One Web to rule them all

  4. #4
    Membre émérite Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    avril 2007
    Messages
    784
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

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

    Informations forums :
    Inscription : avril 2007
    Messages : 784
    Points : 2 724
    Points
    2 724

    Par défaut

    Citation Envoyé par SylvainPV Voir le message
    Eh bien ils passeront aux tests de HTML 6 et CSS 4
    CSS 4 ne veux rien dire (comme CSS3) depuis le découpage en module. Flexbox et Grid Layout sont des modules CSS de niveau 1.
    Mais comme les moteurs on toujours un temps de retard, il a encore de la marge... Mais j'ai du mal à voir comment rendre possible certains modules CSS de niveau 1 comme Masking, Shape ou Exclusions avec du JS sans que ça soit une usine à gaz.
    Mon blog de développeur web.

    Projet : BakuJS

  5. #5
    Expert éminent sénior

    Inscrit en
    décembre 2003
    Messages
    3 964
    Détails du profil
    Informations forums :
    Inscription : décembre 2003
    Messages : 3 964
    Points : 10 136
    Points
    10 136

    Par défaut

    A plus forte raison. Modernizr ne détecte pas les versions supportées, mais les fonctionnalités HTML/CSS/JS/WebGL/SVG (et bien pus encore, de la gestion de la batterie à MathML en passant par la disponibilité d'un player Flash non bloqué). Ça me parait particulièrement utile dans un contexte où CSS est modularisé et où tous les modules ne seront donc pas supportés par tous les navigateurs.
    J'appelle "Point Traroth" le moment dans une discussion où quelqu'un parle des Bisounours. A partir de ce moment, toute discussion sérieuse devient impossible, puisque la légitimité d'une des parties pour exposer son point de vue est mise en cause. C'est juste un anathème, un moyen de décrédibiliser les autres sans avoir à discuter.

  6. #6
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 124
    Points : 9 127
    Points
    9 127

    Par défaut

    Oui et HTML6 non plus vu que le standard HTML n'est plus versionné, c'était plus une façon de parler pour dire que le progrès ne s'arrête pas.
    One Web to rule them all

  7. #7
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 854
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 854
    Points : 65 966
    Points
    65 966

    Par défaut Modernizr 3.1 : mise à jour des modules

    Modernizr 3.1 : mise à jour des modules
    pour la bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3


    Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5, du CSS3, du SVG, de la géolocalisation et bien d'autres dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non. Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel.

    Comme annoncé, l'équipe désire sortir des versions plus rapidement et c'est déjà le cas avec la révision 3.1.

    Elle contient notamment :

    • la mise à jour de différents modules comme proxyquire, grunt-contrib-jade, etc. ;
    • la suppression d'une dépendance non utilisée pour la détection du plein écran ;
    • l'ajout d'une version lowercased du flag -v ;
    • la fonction prefixedCSSValue ;
    • la détection des jpeg2000 ;
    • etc.




    Téléchargement.
    L'article sur le site officiel.
    Documentation.

  8. #8
    Membre chevronné
    Avatar de SurferIX
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    mars 2008
    Messages
    764
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : mars 2008
    Messages : 764
    Points : 1 773
    Points
    1 773

    Par défaut

    Citation Envoyé par Aurelien Plazzotta Voir le message
    ...que se passera-t-il pour Modernizr et son éditeur lorsque le HTML 5 et le CSS 3 seront intégrés à 100% nativement au sein des navigateurs ?
    Que se passera-t-il lorsqu'on aura une prochaine version ? Que se passera-t-il si on inclut du code qui dépend d'autre code ? La réponse est : soit tu plonge et tu t'en sers avec peut-être une possibilité que cela ne fonctionne plus d'ici quelques années, soit tu t'en passe. Mais ta question peut s'appliquer à tout le code qui dépend du code d'autres entreprises....
    Regardez moi coder ⇛ ☆★ en direct ★☆
    "Ceci dit" n'est pas correct. Cf Wikipedia. Cela dit est du français correct.

  9. #9
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 854
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 854
    Points : 65 966
    Points
    65 966

    Par défaut Modernizr 3.2 : de nouvelles détections

    Modernizr 3.2 : de nouvelles détections
    pour la bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3


    Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5, du CSS3, du SVG, de la géolocalisation et bien d'autres dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non. Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel.

    L'équipe annonce la sortie de la révision 3.2.

    Elle contient la détection de :

    • XDomainRequest ;
    • nouvelles APIs de cryptographie ;
    • l'API Base64 ;
    • l'élément BDI ;
    • etc.



    Téléchargement.
    L'article sur le site officiel.
    Documentation.

  10. #10
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 854
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 854
    Points : 65 966
    Points
    65 966

    Par défaut Modernizr 3.3.0 / 3.3.1 : détection du 3D Touch et des collections ES6

    Modernizr 3.3.0 / 3.3.1 : détection du 3D Touch et des collections ES6
    pour la bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3


    Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5, du CSS3, du SVG, de la géolocalisation et bien d'autres dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non. Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel.

    L'équipe annonce la sortie des révisions 3.3.0 et 3.3.1.

    Elles contiennent des corrections de nouvelles détections :

    • l'API Force Touch / 3D Touch de Safari ;
    • les hairlines CSS ;
    • les collections ES6 ;
    • les caractères combinés (font ligatures) ;
    • les images jpeg2000 et l'attribut crossOrigin ;
    • etc.



    Téléchargement.
    L'article sur le site officiel.
    Documentation.


    Et vous ?

    Utilisez-vous ce genre d'outils ? Si oui, lesquels ?


    Découvrez la rubrique JavaScript avec ses cours et tutoriels de niveau débutant à expert pour apprendre le JavaScript, l'AJAX, jQuery, Angular, etc. Il y a également des quiz pour tester vos connaissances et des critiques de livres.

Discussions similaires

  1. [HTML]Affichage d'une page complète dans une cadre.
    Par cach dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/02/2006, 18h11
  2. Réponses: 7
    Dernier message: 13/02/2006, 18h55
  3. Réponses: 7
    Dernier message: 27/01/2006, 15h42
  4. Aspirer une page complète
    Par sami_c dans le forum Fonctions
    Réponses: 8
    Dernier message: 17/01/2006, 18h59
  5. [Open tools] Je cherche une documentation complète
    Par fbeghini dans le forum JBuilder
    Réponses: 2
    Dernier message: 24/11/2003, 09h23

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