Les applications et sites Web modernes ont souvent besoin de présenter des graphismes de qualité. Tandis qu'afficher de simples images statiques peut être aisément réalisé à l'aide de la balise <img>, ou en réglant l'arrière-plan des éléments HTML avec la propriété CSS : background-image.

Mais lorsque l'on veut réaliser des graphismes à la volée, ou manipuler des images après coup, ou encore utiliser de la 3D, les méthodes habituelles ne suffisent plus, cependant avec HTML5, il est possible de réaliser ce type de graphismes plus évolués.

Les articles ci-dessous vous permettront de vous familiariser avec ces technologies.

Graphismes 2D

Dessiner avec les canvas
Un guide d'introduction pour utiliser l'élément pour dessiner en 2D.
SVG
Scalable Vector Graphics (SVG) vous permet d'utiliser des lignes, courbes et  d'autres figures géométriques pour dessiner. Les images SVG n'étant pas des images matricielles, elles permettent de faire des images redimensionnables sans limite.Tout lire...

Graphismes 3D

WebGL
Un guide pour débuter avec WebGL l'API  graphique 3D, pour le Web. Cette technologie vous permettra d'utiliser le standard OpenGL ES pour du contenu Web.

Video

Utiliser les éléments HTML5 audio et video
Intégrer de la vidéo et / ou de l'audio dans une page Web
WebRTC
Le RTC dans WebRTC est l'abréviation de Real-Time Communications, c'est une technologie qui permet le streaming audio / vidéo et le partage de données entre les clients du navigateur (homologues).

Étiquettes et contributeurs liés au document

Contributeurs à cette page : tonybengue, Patrice-Koumar, Goofy, tregagnon, darnuria
Dernière mise à jour par : tonybengue,