« STIC:Atelier graphisme, animation, interactivité et HTML5 » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (→Video et audio) |
|||
| Ligne 29 : | Ligne 29 : | ||
* [[:en:HTML5 audio and video]] (en Anglais) | * [[:en:HTML5 audio and video]] (en Anglais) | ||
* API Javascript | |||
* Soustitres (track) | |||
=== SVG statique === | === SVG statique === | ||
Version du 27 janvier 2015 à 13:00
Atelier Graphisme, animation, interactivité et Html5
- Cours SEM-10638, Session : SEM14-1
- Date du cours : Jeudi 29 janvier 2015
- Formateur-trice-s : Daniel Schneider (UNIGE)
Programme provisoire
Quoi de neuf dans HTML5 ?
- Distinguer entre le langage (balises) et les interfaces pour programmeurs
HTML5 related APIs. HTML5 & CSS3 Quick Reference by Sergey Mavrody updated by Wikipedians. Source and copyright: Wikipedia
Composants multimédia
- Vidéo
- Audio
- Graphisme vectoriel (SVG)
- Graphisme vectoriel animation avec SMIL
- Canevas
- Animation CSS via DOM
- API Drag and Drop (pas encore fiable)
- ......
Video et audio
- en:HTML5 audio and video (en Anglais)
- API Javascript
- Soustitres (track)
SVG statique
Editeur SVG en ligne:
Animation et interactivité avec SVG / SMIL
Canevas
Animation et interactivité avec Greensock
Animation CSS et interactivité avec JavaScript et JQuery
Programmation HTML DOM
- ...
JQuery de base
- Tutoriel: JQuery
Application glisser - poser avec JQuery UI
- Tutoriel: JQuery UI
- Ressources à utiliser de http://code.jquery.com/ si vous utilisez un éditeur en ligne
Logiciels et bibliothèques
- Navigateur récent
- Editeur SVG en ligne:
- Editeur de programme ou alternativement un éditeur en ligne comme:
- Bibliothèques (librairies JavaScript) à télécharger
- JQuery
- JQuery UI
- GreenSock
- Bibliothèques (librairies JavaScript) à inclure directement dans votre code (déconseillé pour un vrai projet)
- JQuery
- JQuery UI
- GreenSock