HTML5

De $1

Table des matières

1. Introduction
2. Supports de cours
1. 2.1. Les docs de référence
2. 2.2. Table regroupant le niveau de support HTML5 pour chacun des navigateurs du marché
3. 2.3. Sites intéressants généraux sur HTML5
4. 2.4. Tutoriaux spécialisés
  1. 2.4.1. Sur l'utilisation du Canvas
  2. 2.4.2. SVG et HTML5
  3. 2.4.3. Géolocalisation
  4. 2.4.4. Audio
  5. 2.4.5. Vidéo
  6. 2.4.6. Web Storage
  7. 2.4.7. Jeux
  8. 2.4.8. Livres sur HTML5
  9. 2.4.9. CSS3 et HTML5
  10. 2.4.10. Editeur WYSIWYG HTML5/CSS3

Version de 09:17, 16 Avr 2024

Revenir à liste des archives.

Voir la version actuelle

1. Introduction
2. Supports de cours
1. 2.1. Les docs de référence
2. 2.2. Table regroupant le niveau de support HTML5 pour chacun des navigateurs du marché
3. 2.3. Sites intéressants généraux sur HTML5
4. 2.4. Tutoriaux spécialisés
  1. 2.4.1. Sur l'utilisation du Canvas
  2. 2.4.2. SVG et HTML5
  3. 2.4.3. Géolocalisation
  4. 2.4.4. Audio
  5. 2.4.5. Vidéo
  6. 2.4.6. Web Storage
  7. 2.4.7. Jeux
  8. 2.4.8. Livres sur HTML5
  9. 2.4.9. CSS3 et HTML5
  10. 2.4.10. Editeur WYSIWYG HTML5/CSS3

Introduction

Supports de cours

Les docs de référence

html 5 quickref : http://www.veign.com/reference/html5-guide.php
Canvas quickref : http://www.selfhtml5.org/wp-content/...heat_Sheet.png
Spécification officielle du W3C : http://dev.w3.org/html5/spec/Overview.html

Table regroupant le niveau de support HTML5 pour chacun des navigateurs du marché

http://html5demo.braincracking.org/ : en plus chaque feature est un lien vers des explications et exemples en français !

Sites intéressants généraux sur HTML5

http://diveintohtml5.org/, en particulier contient un très bon tutorial de base sur les CANVAS. L'auteur est en train de préparer un livre sur HTML5
Site HTML5Rocks, une des grosses références : http://www.html5rocks.com/, on trouve aussi des transparents powerpoints (en html5) : http://slides.html5rocks.com/#<wbr/>slide1 et de nombreux tutoriaux spécialisés comme celui-ci sur le support de la vidéo : http://www.html5rocks.com/<wbr/>tutorials/video/basics/
Page regroupant des tutoriaux en français : http://www.xul.fr/html5/
Petite introduction à HTML5 : http://blog.neovov.com/index.php?201...uction-a-html5

Tutoriaux spécialisés

Sur l'utilisation du Canvas

http://diveintohtml5.org/canvas.html : les principes de base du canvas, tutorial pour commencer !
http://dev.opera.com/articles/view/html5-canvas-painting/ : un tutorial pour écrire un petit programme de type paint,
https://developer.mozilla.org/en/canvas_tutorial : tutorials canvas sur le site de mozilla,
http://www.canvasdemos.com/ : plein de démos de ce que l'on peut faire avec le widget canvas,
Une idée de GUI pour un HTML5 pictionary : http://www.allicarn.com/websites.php?page=6
Un paint complet en html 5, qui enregistre les événements de dessin : http://www.w3.org/2010/Talks/0430-www2010-plh/canvasdemo.xhtml
Une présentation de HTML5 par Philippe Le Hegaret du W3C. Contient un exemple d'application "paint" en HTML5/Canvas avec détection de tous les évènements
http://www.w3.org/2010/Talks/0430-www2010-plh/
Un joli exemple de dessin rapide avec du motion blur (20 lignes) : http://html5demo.braincracking.org/news/canvas.php
Un tutorial interactif (on peut modifier le code dans la page et le tester) sur "comment écrire un casse-briques en 2mns" : http://billmill.org/static/canvastutorial/index.html
Plugin HTML5 pour adobe illustrator : http://visitmix.com/labs/ai2canvas/

SVG et HTML5

Talk sur SVG et HTML 5 : http://www.w3.org/2010/Talks/04-sche...010/index.html
Tutorial sur comment personnaliser un lecteur vidéo en HTML5 + widgets en SVG : http://www.w3.org/2010/04/VideoLiveC...gSession.xhtml

Jeux

http://www.kesiev.com/akihabara/ : une librairie pour écrire des jeux 100% HTML5. Nombreux jeux en exemple (pacman, shoot em up etc), impressionnant !
http://blog.templatemonster.com/2010...ultimate-list/

Livres sur HTML5

http://www.amazon.com/Introducing-HT...7147501&sr=8-1

CSS3 et HTML5

http://debray-jerome.developpez.com/ : nombreux articles en français sur des points de CSS3

Editeur WYSIWYG HTML5/CSS3

http://bluegriffon.org/post/2011/01/...Griffon-0.9RC1 : Editeur BlueGriffon, utilise le moteur de rendu de firefox pour éditer/previewer en HTML5 et en CSS3. Support pour les modes ARIA (accessibilité).

Récupéré depuis "http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/HTML5"

Pages récentes

HTML5

De $1

Table des matières

Introduction

Supports de cours

Les docs de référence

Table regroupant le niveau de support HTML5 pour chacun des navigateurs du marché

Sites intéressants généraux sur HTML5

Tutoriaux spécialisés

Sur l'utilisation du Canvas

SVG et HTML5

Géolocalisation

Audio

Vidéo

Web Storage

Jeux

Livres sur HTML5

CSS3 et HTML5

Editeur WYSIWYG HTML5/CSS3

Table des matières