« STIC:Atelier graphisme, animation, interactivité et HTML5 » : différence entre les versions
Aller à la navigation
Aller à la recherche
Ligne 17 : | Ligne 17 : | ||
=== Composants multimédia === | === 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 === | === Video et audio === |
Version du 27 janvier 2015 à 12:58
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
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)
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