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 022
    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 085
    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 163
    J'aime reçus:
    338
    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:
    348
    J'aime reçus:
    0
    excellent les liens merci bien.
    vais aller les lires.
     
  5. honolulu
    honolulu WRInaute impliqué
    Inscrit:
    8 Novembre 2005
    Messages:
    746
    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 022
    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 373
    J'aime reçus:
    1
    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 373
    J'aime reçus:
    1
    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:
    348
    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 373
    J'aime reçus:
    1
    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:
    348
    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 163
    J'aime reçus:
    338
Chargement...
Similar Threads - Tour horizon exemples Forum Date
Retour expérience nom de domaine .paris Noms de domaine et référencement 18 Janvier 2022
canonique et 301 en retour Débuter en référencement 13 Janvier 2022
Votre retour sur paypal e-commerce 2 Février 2021
Désindexation - Besoin de vos retours ! Demandes d'avis et de conseils sur vos sites 17 Août 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
Retour expérience PWA Développement d'un site Web ou d'une appli mobile 30 Septembre 2018
Merci pour vos retours sur cette refonte Demandes d'avis et de conseils sur vos sites 16 Septembre 2018
Google réduit la taille des descriptifs (snippets) : retour à 160 caractères ? Référencement Google 14 Mai 2018
Google PageSpeed 4 aller retours Débuter en référencement 12 Avril 2018
Retour d'expérience PWA et SEO? Référencement Google 6 Mars 2018
Suppression de contenu de Google, retour de baton ? Référencement Google 25 Janvier 2018
169 872 Liens de retour vers mon site sous forme de Iframe Demandes d'avis et de conseils sur vos sites 18 Janvier 2018
Débat autour de la commande de contenus Rédaction web et référencement 12 Janvier 2018