Skip to main content
Nouveau centre HTML5

Développer en HTML5

 


> Les fiches pratiques avec Alsacréations

> Autour des balises audio/vidéo

> Technologies d’affichage

> JavaScript

> Accessibilité

> Windows Phone

Les fiches pratiques avec Alsacréations

Découvrez avec Alsacréations l’essentiel de l’HTML5 : exemples, tests, démo, vidéo, tutoriels et toutes les ressources nécessaires pour se lancer dans le développement avec HTML5.

 

 HTML5 : L'élément <datalist>



Autour des balises audio/vidéo

 

  HTML5 - ce qu il faut savoir sur la balise Audio

  HTML5 – ce qu’il faut savoir sur la balise VIDEO

  Balises Audio et Video d'HTML5

  Tags Sémantiques, CSS3 et Modernizr



Cahier de vacances n°1 - Découverte des balises Audio et Video d'HTML5 Cahier de vacances n°2 - Découverte des Tags Sémantiques, d’un soupçon de CSS3 et de Modernizr

Balises Audio et Video d'HTML5

Téléchargez le cahier de vacances n°1 :
PDF | Word

Tags Sémantiques, CSS3 et Modernizr

Téléchargez le cahier de vacances n°2 :
PDF | Word | Code





Technologies d’affichage (Canvas & SVG et CSS3 transitions/animations)


  Retours sur un développement HTML5 & JavaScript avec Visual Studio 2010

  Développer son propre jeu de casse-briques en HTML 5 avec Canvas et SVG



Cahier de vacances n°3 - Développer son propre jeu de casse-briques en HTML 5 avec Canvas et SVG

Jeu de casse-briques en HTML 5 avec Canvas et SVG 

Téléchargez le cahier de vacances n°3 :
PDF | Word | Code



  Jeux HTML5: animation de sprites dans l’élément Canvas grâce à EaselJS

  Jeux HTML5: construction des objets principaux & gestion des collisions avec EaselJS

  Libérez la puissance du canvas de HTML5 pour vos jeux – partie 1

  Tout ce qu’il faut savoir pour réaliser des jeux HTML5 avec Canvas et SVG

  HTML5 Platformer: portage complet du jeu XNA vers grâce à EaselJS

  Vidéo, slides et ressources sur le développement d’un jeu de plateforme en HTML5

  Comment ajouter le logo HTML5 animé en 3D à vos pages web grâce à < canvas >

  Introduction aux transitions CSS3

  Introduction aux animations CSS3



JavaScript


  JavaScript pour les développeurs.NET

  Introduction aux Web Workers d’HTML5 : le multithreading version JavaScript



Accessibilité


  Techdays 2011 – slides et ressources de la session Accessibilité d’HTML5 et Silverlight



Windows Phone


  Testez et débuggez vos sites HTML5 sous Windows Phone 7 avec l’émulateur gratuit

  Tutorial: créez des applications avec HTML5 sur Windows Phone grâce à PhoneGap



Gérer et unifier touch, souris et stylet en HTML5

Voici une série d’articles expliquant le modèle Pointer Events permettant de gérer le tactile, la souris et le stylet dans un site web ou une application Windows 8 de manière unifiée.Le modèle est actuellement utilisé par IE10 et en cours de standardisation au W3C avec le soutien de Microsoft, Google et Mozilla. Vous y trouverez également une librairie JavaScript de type « polyfill » permettant à tous les navigateurs de supporter ce modèle des aujourd’hui :

 

 Introduction aux Pointer Events ou comment simplifier l’usage du tactile dans vos sites web pour tous les navigateurs

 Hand.js: a polyfill for supporting pointer events on every browser

 Creating an universal virtual touch joystick working for all Touch models thanks to Hand.JS