vendredi, avril 27, 2012

HTML 5


W3Schools est un excellent de référence pour tout ce qui a trait au technique du web.
Ainsi, le tutorial sur HTML 5 est exhaustif, et illustré avec des exemples cliquables :
http://www.w3schools.com/html5/default.asp

Encore faut-il avoir un browser comptatible. Ce site teste les diffférentes nouveautés HTML 5 et attribue une note au browser : http://html5test.com/

Perso, sur ma version linux Mint d'avril 2012, j'obtiens 385 points avec Chromium 18.0, et 345 points avec Firefox 11.0.

Je me suis intéressé plus particulièrement aux nouveautés de type formulaires largement utilisés en programmation web.
Le browser vérifie lui même la validité des inputs lors du sumit, et fait apparaitre une info-bulle à côté du champs. Par exemple sur un type="url", le message est "Please enter a url" sur Chrome.
C'est vraiment utile car ce type de contrôle est fait dans quasiment tous les formulaires.

Parmis les principaux contrôles on peut citer:
Malheureusement, on ne peut encore compter dessus pour valider les saisies utilisateur car nombre de browsers ne les supportent pas encore ces attributs, et alors aucun blocage n'est effectué lors du submit.
Il est donc nécessaire de conserver un contrôle qu'il soit JavaScript ou côté serveur.

Ca ne fait pas de mal de les utiliser dès à présent puisque leur mise en place est très rapide, et l'utilisateur y gagnera en utilisabilité.

En l'occurence, les contrôles les plus utiles comme date, email, url sont supportés par les dernières versions de Chrome, Firefox, IE et Opera.
Pour savoir les fonctionnités implémentées sur chaque Navigateur: http://html5test.com/compare/browser


Commentaires: Enregistrer un commentaire

Abonnement Publier les commentaires [Atom]





<< Accueil

This page is powered by Blogger. Isn't yours?

Abonnement Articles [Atom]