Tour d'horizon / exemples / tutoriels HTML5

[raljx]

Un petit tour d'horizon d'HTML5 (et gravitants CSS3,js,.. ) bien parti pour s'imposer et sculpter le web de demain RIA multiplateformes et tutti quanti.

Liste à completer bien entendu

HTML5 sur Alsacréation http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html
Le dossier HTML5 sur Zdnet http://www.zdnet.fr/actualites/html-5-4000143129q.htm
Un très bon article http://www.xul.fr/html5/

Chrome Experiment - Expériences et création autour de HTML5, Canvas, SVG, et WebGL.
http://www.chromeexperiments.com/

Un tas d'exemples :

http://mugtug.com/sketchpad/
http://erkie.github.com/
http://html5demos.com/
http://htmlfive.appspot.com/
http://9elements.com/io/projects/html5/canvas/
http://pushingpixels.at/experiments/dynamic_shadow/
http://www.zurb.com/playground/sliding-vinyl


et de tutoriels :

Une belle base de connaissances mais pour les mordus http://www.w3.org/TR/html5/
Clair avec de nombreux exemples et bout de codes (anglais) http://diveintohtml5.org/

 

[skyll]

Sympa, merci à toi :mrgreen:
va falloir prendre le temps de dégrossir tout ca :mrgreen:

 

[spout]

Merci Raljx
+1 reco

Quelques autres liens:
Un moteur de jeux en HTML5: http://impactjs.org/
Un éditeur WYSIWYG: http://aloha-editor.com/
Tester le support du HTML5 sur son navigateur: http://beta.html5test.com/
Détecter le support du HTML5: http://diveintohtml5.org/everything.html
Le canvas devient à la mode: http://www.bestfreewebresources.com/2010/09/10-best-html5-canvas-appli ... tions.html
Explications canvas: http://diveintohtml5.org/canvas.html
Un lecteur vidéo: http://openvideoplayer.sourceforge.net/html5video/
Un template HTML5: http://html5boilerplate.com/

 

[elembius]

excellent les liens merci bien.
vais aller les lires.

 

[honolulu]

+ 1 reco pour l'initiative :wink:

 

[u73256]

& un autre (en français) :
Structure d’une page en HTML5 et insertion de microdonnées et de microformats
http://on-air.hiseo.fr/html5/semantic-html5/

 

[raljx]

Encore quelques uns et je refait la liste ...

 

[u73256]

Alors 2 autres encore...

HTML5, ARIA & les Mircroformats :
http://on-air.hiseo.fr/html5/html5-accessibilite-aria-wai-microformats/

HTML5 & le référencement naturel :
http://on-air.hiseo.fr/html5/html5-ameliorer-referencement/

 

[SpeedAirMan]

Suis-je le seul à penser qu'il est beaucoup trop tôt pour utiliser HTML5 en production ?

CSS3, encore, je veux bien : ça fait partie du "progressive enhancement" et il n'y a pas d'impact fonctionnel. Mais HTML5 : quid de la compatibilité ?

Je rappelle que IE6 (!!!) a encore une part de marché importante, et que les "front end developer" se cassent encore la tête pour faire en sorte que leurs sites soient compatibles avec cette épave (car IE6 ne supporte pas nativement HTML5).

 

[u73256]

Suis-je le seul à penser qu'il est beaucoup trop tôt pour utiliser HTML5 en production ?

CSS3, encore, je veux bien : ça fait partie du "progressive enhancement" (...)

C’est tout le contraire : HTML5 peut être appris aux anciens browsers (IE6, IE, 7 et IE8) mais les nouvelles propriétés des CSS3, elles, ne peuvent être utilisées sans risques.

 

[SpeedAirMan]

C’est tout le contraire : HTML5 peut être appris aux anciens browsers (IE6, IE, 7 et IE8) mais les nouvelles propriétés des CSS3, elles, ne peuvent être utilisées sans risques.

euuuh...
CSS3, sur les navigateurs non compatibles, ça ne pose pas de problème à ma connaissance.
Exemple : box-shadow, text-shadow, border-radius etc. - sur les navigateurs qui ne supportent pas ces propriétés, ça n'a aucun effet (les propriétés sont simplement ignorées).

A l'inverse, le markup de HTML5 n'est pas interprété correctement par les anciens navigateurs, à moins de rajouter une surcouche JavaScript pour la compatibilité.
(Rappel : 1,46% des internautes ont JavaScript désactivé)


Je suis toujours désireux d'apprendre, donc si je me trompe il ne faut pas hésiter à me le dire.

 

[elembius]

moi j'ai 12% de mes visiteurs qui ont le java desactivé
pour ie ca donne ca comme stat
1. 8.0 447 53,15 %
2. 7.0 279 33,17 %
3. 6.0 113 13,44 %
4. 5.01 1 0,12 %
5. 9.0 1 0,12 %

 

[SpeedAirMan]

Java ou JavaScript ?
Car c'est (totalement) différent.

Si ton outil statistique utilise un tag/script en JavaScript (comme Google Analytics par exemple), il ne peut à priori pas détecter les internautes qui ont JavaScript désactivé.

Je pense donc que tu te trompes (surtout que je viens de jeter un oeil aux stats d'un de mes sites, et j'ai un chiffre se rapprochant du tiens pour le pourcentage de visiteurs qui ont Java désactivé : 11,36%).

 

[elembius]

vi c'est java... j'ai toujours cru que ca concernait javascript...
décidément hier j'étais vraiment fatigué
d'ailleurs je vais aller me renseigner a propos des deux...

 

[spout]

Un autre lecteur vidéo: http://videojs.com/