1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

Tour d'horizon / exemples / tutoriels HTML5

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par raljx, 26 Octobre 2010.

Tags:
  1. raljx
    raljx WRInaute passionné
    Inscrit:
    10 Juillet 2006
    Messages:
    2 064
    J'aime reçus:
    0
    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/
     
  2. skyll
    skyll WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 088
    J'aime reçus:
    0
    Sympa, merci à toi :mrgreen:
    va falloir prendre le temps de dégrossir tout ca :mrgreen:
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    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/
     
  4. elembius
    elembius WRInaute occasionnel
    Inscrit:
    9 Juin 2010
    Messages:
    353
    J'aime reçus:
    0
    excellent les liens merci bien.
    vais aller les lires.
     
  5. honolulu
    honolulu WRInaute impliqué
    Inscrit:
    8 Novembre 2005
    Messages:
    755
    J'aime reçus:
    0
    + 1 reco pour l'initiative :wink:
     
  6. u73256
    u73256 WRInaute discret
    Inscrit:
    9 Octobre 2007
    Messages:
    189
    J'aime reçus:
    0
  7. raljx
    raljx WRInaute passionné
    Inscrit:
    10 Juillet 2006
    Messages:
    2 064
    J'aime reçus:
    0
    Encore quelques uns et je refait la liste ...
     
  8. u73256
    u73256 WRInaute discret
    Inscrit:
    9 Octobre 2007
    Messages:
    189
    J'aime reçus:
    0
  9. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 391
    J'aime reçus:
    0
    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).
     
  10. u73256
    u73256 WRInaute discret
    Inscrit:
    9 Octobre 2007
    Messages:
    189
    J'aime reçus:
    0
    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.
     
  11. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 391
    J'aime reçus:
    0
    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.
     
  12. elembius
    elembius WRInaute occasionnel
    Inscrit:
    9 Juin 2010
    Messages:
    353
    J'aime reçus:
    0
    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 %
     
  13. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 391
    J'aime reçus:
    0
    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%).
     
  14. elembius
    elembius WRInaute occasionnel
    Inscrit:
    9 Juin 2010
    Messages:
    353
    J'aime reçus:
    0
    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...
     
  15. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
Chargement...
Similar Threads - Tour horizon exemples Forum Date
Désindexation - Besoin de vos retours ! Demandes d'avis et de conseils sur vos sites 17 Août 2020
Astuce Discussion autour des PC portables 2020 pour bosser. Le café de WebRankInfo 9 Mai 2020
Détournement/vol de favicon - SERP Google mobile Référencement Google 28 Avril 2020
Retour d'expérience sur une PWA Développement d'un site Web ou d'une appli mobile 20 Décembre 2019
Avis sur un site de vente de Tour de Cou ? Demandes d'avis et de conseils sur vos sites 22 Novembre 2019
Vos retour sur Adfly et Shortest ? Monétisation d'un site web 20 Novembre 2019
Plugin AMP pour WP des retours d'experiences ? Référencement Google 5 Avril 2019
Comment voir les liens retours vers mon site Débuter en référencement 29 Mars 2019
Campagne adwords sans aucun retour, quelle solution ? AdWords 6 Janvier 2019
Question autour de la longue traine Rédaction web et référencement 20 Décembre 2018