Je prends ce post pour répondre à une question que vous vous posez récemment dans les commentaires d'un article:
Quel est le bon moment pour commencer à concevoir entièrement avec HTML5?
Eh bien, honnêtement, cela dépend de la cible que vous ciblez. Si vous ne prévoyez pas que vos visiteurs utilisent Internet Explorer (par exemple: la page du logiciel Mac), alors commencez tout de suite avec HTML5, mais si vous avez besoin de personnes avec IE pour voir votre site Web, vous feriez mieux d'attendre ...
À l'entrée, bien après le saut, 48 démos de HTML5 qui sont incroyables et méritent d'être vues. Grand est petit.
Source | HongKiat
aAnimation udioburst
Une animation confortable et fantastique créée avec le canevas et la balise audio de HTML5.
Piscine à balles
Présentée lors du dernier événement Google I / O, cette démonstration vous montre à quel point le HTML5 peut être dynamique.
Sallad Blob
Une créature générée par HTML5 qui vous plairait.
bomomo
Avec Bomomo, vous pouvez observer différents mouvements atomiques simulés avec HTML5.
Boule de navigateur
Laissez-vous surprendre par cette boule HTML5 «cross-browser».
Bubbles
Amusez-vous en créant des bulles flottantes sans fin avec des couleurs différentes.
Animation de bande dessinée sur toile
Un dessin animé HTML5 simple et amusant qui vous aide à comprendre ce que l'élément canvas de HTML5 peut faire.
coolhorloge
Une belle horloge analogique personnalisable construite par HTML5 et JavaScript.
Diaporama Flickr PS3
Affichez les photos de votre Flickr avec un diaporama de style PS3 dans le navigateur Web.
Polaroid interactif
Une démo interactive qui fonctionne assez similaire à l'interface multi-touch.
Feu d'artifice JS
Profitez du moment des feux d'artifice avec votre gravité et votre vitesse préférées, alimentées par HTML5 et Javascript.
Kaleidoscope
Un kaléidoscope HTML5 très beau et futuriste.
Particules liquides
Animation de particules sensibles qui réagit en fonction du mouvement de votre souris.
hypnotiseur
Une autre démo HTML5 sensible et exceptionnelle qui montre comment les éléments proches réagissent avec le mouvement de votre souris.
Nuage de nébuleuse
Perdez-vous avec cette merveilleuse nébuleuse HTML5.
Parallaxe
Affichez toutes les formes 2D en perspective parallèle.
Animation de particules
Une élégante animation de particules HTML5 qui peut devenir votre message préféré.
Se propager
Perdez-vous avec cette animation de diffusion sans fin.
Starfield
Une animation de champ d'étoiles HTML5 très cool qui changerait de direction et de vitesse en fonction du mouvement de votre souris.
Destruction vidéo
Un clic pour faire exploser une vidéo en cours de lecture.
Waveform
Remarquez comment l'onde de canevas de HTML5 se déplace en modifiant son amplitude, sa longueur d'onde, sa largeur, etc.
Effet 3D
Impressionné par l'animation sur toile? C'est plus que l'élément canvas de HTML5 peut faire, et cela s'appelle l'effet 3D. Les développeurs peuvent s'appuyer sur des éléments de canevas, DOM et JavaScript pour créer un effet 3D, qui peut ensuite être développé en animation 3D ou en jeu.
Canvas3D et Flickr
Vivez une toute nouvelle expérience 3D avec le flux de photos de Flickr.
Simulation de tissu
Une simulation de tissu réaliste basée sur HTML5.
Monstre en évolution
Observez un monstre évoluer en une créature compliquée, l'un de ses créateurs est HTML5.
Coffret Google
Le moteur de recherche géant Google est présenté en 3D, vue jouable.
JSTouch
Une vitrine '3D sur toile 2D' de haute qualité et réaliste.
Présentation des données
Bien que l'élément canvas de HTML5 puisse être utilisé pour créer une animation et un effet 3D, il peut également être implémenté pour présenter des données mathématiques.
GnuplotGenericName
Gnuplot, une application de traçage de données en version HTML5.
RGraphique
RGraph fournit une large gamme de présentation de données comme un graphique à barres, une barre de progression et un graphique radar traditionnel.
Application Web
En fin de compte, en utilisant toutes les possibilités combinées par HTML5 et d'autres langages, on peut créer une application ou un jeu interactif proche de l'application Flash.
ToilePeinture
Témoin, le frère de Microsoft Paint entre dans votre navigateur Web et son père est HTML5.
ToileMol
Une application scientifique conçue pour vous aider à comprendre la structure de certains éléments terrestres.
Constructeur de dessin animé
Dessinez une image de dessin animé intéressante avec ce constructeur de dessin animé minimal et interactif.
Faites glisser n'importe quoi ici
Faites glisser tout ce que vous pouvez faire glisser dans la démo pour afficher les détails.
Croquis Gartic
Une application HTML5 originale qui vous permet de faire des dessins de base qui peuvent être enregistrés dans différents formats d'image comme jpeg ou png.
PhysiqueSketch
Dessinez ce que vous aimez et voyez comment ils réagissent avec la gravité simulée.
Sketchpad
Une puissante application de dessin HTML5 qui vous permet de dessiner et de modifier votre image de manière précise.
Petite conversation
Une application Web qui confirme la position géographique des messages météorologiques acquis à partir de Twitter, les formant ainsi en une carte `` météo sociale '' sur toile, assez triviale (comme indiqué par l'auteur) mais intéressante.
Jeux
3 ennuyé
Vous ne vous ennuierez jamais si vous pouvez continuer à contourner des centaines de puces HTML5 dans la seconde qui suit.
Éclater
Faites rebondir la balle pour casser toutes les briques.
Toile de fond
Ce n'est pas tout à fait un jeu, mais cela montre comment HTML5 peut être utilisé pour développer un jeu par navigateur First Person Shooting.
Attrape ça
Combien de balles pouvez-vous esquiver pour obtenir votre carré HTML5 gagnant?
Réaction en chaîne
Chaîne l'explosion pour atteindre l'objectif, ne deviens pas accro.
Sortie cube
Jouez à Tetris en 3D, vue de haut en bas.
etchaPhysique
Dessinez un objet pour déplacer la balle vers l'étoile, n'oubliez pas la gravité.
Puzzle
Cliquez, faites pivoter et déposez des pièces de puzzle pour résoudre ce puzzle basé sur HTML5.
slide Puzzle
Glissez vers la victoire, un autre jeu HTML5 conçu pour vous ressourcer.
Même jeu
Supprimez un certain groupe pour obtenir un autre groupe de la même couleur et vous obtiendrez finalement une victoire.
Tetris
Un des jeux les plus classiques ramenés à la vie par HTML5.
Torus
Encore un autre jeu Tetris en version pseudo-3D.
LE TETRIS NE VA PAS, J'AI METTE DEUX PIECES ET SE REPOSE MAIS LE RESTE EST TRES COOL CHAVALES
J'adore cette page ... sauf le premier jeu. Je t'aime Fran =)
Bye un bisou au monde trop
Incroyable, spectaculaire. Je ne peux pas croire à quel point le développement Web est venu!
Je ne sais pas pourquoi ces ressources sont attribuées au HTML5, c'est du pur Javascript, avant la montée en puissance de Flash, avec Javascript tout cela pouvait être fait, il y avait une étude à Barcelone qui a fait des sites qui à l'époque m'ont fait sauter la tête tout en javascript tellement que j'ai appris d'eux et conçu un couple avec des balles rebondissantes et tout, je les ai complètement perdus et je le regrette toujours. Je ne me souviens pas du nom du studio, c'était quelque chose comme you2 ou 2you2 qui était en 98 environ.
Joe Vega …… cela montre que vous n'avez aucune putain d'idée de HTML5… .lol
Vous n'avez peut-être aucune idée html5 sanglante, c'est vrai, mais vous confondez le coq avec le poulailler et ne différenciez pas une langue d'un environnement. Je vous mets au défi de faire un exemple comme ceux ici sans utiliser Javascript, uniquement avec html5, et vous comprendrez ce que je voulais dire dans le post que j'ai supprimé. De plus, j'ai regardé le code source des exemples et il y en a plusieurs qui peuvent être facilement réalisés sans avoir à le monter sur html5.
Ce html5 apporte de nombreuses améliorations et des choses qui facilitent beaucoup est vrai, mais les lauriers de la chose fantastique qui est montrée sur cette page est Javascript.
Je suis intéressé à faire des présentations de ce type ... avez-vous un tutoriel ou une page avec des ressources ??? Merci!!!