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

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par vermine

52PARTAGES

5  0 
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 ?

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 05/10/2015 à 10:06
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.
2  0 
Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 04/10/2015 à 2:06
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.
1  0 
Avatar de Traroth2
Membre émérite https://www.developpez.com
Le 05/10/2015 à 10:05
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.
1  0 
Avatar de Zefling
Expert confirmé https://www.developpez.com
Le 05/10/2015 à 9:54
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.
0  0 
Avatar de SurferIX
Membre chevronné https://www.developpez.com
Le 10/10/2015 à 19:20
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....
0  0 
Avatar de Aurelien Plazzotta
Membre extrêmement actif https://www.developpez.com
Le 03/10/2015 à 14:27
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 ?
0  2