Page en construction : certains éléments manquent

Playground H5P

Laboratoire ou bac à sable : c’est ici que j’expérimente l’usage des CSS pour modifier le design des modules H5P.

calendrier de l'Avent animés
Advent Calendar

Calendriers de l’Avent animés

Présentation de 4 méthodes permettant d’animer le Calendrier de l’Avent de H5P : en animant les cases, le fond, la neige ou les icônes.

fenêtres-rondes-pour-calendrier-avent-h5p
Advent Calendar

Fenêtres rondes

En modifiant la CSS du module « Advent Calendar », je me suis amusée à créer (et à animer) 3 calendriers avec des fenêtres rondes à la place des cases.

hotspots-animés-dans-H5P
Hotspot Image

Hotspots animés

Comment animer les hotspots du module « Image Hotspots » ? Plusieurs solutions sont possibles, du GIF animé à la modification de la feuille de style.

interactive-book-redesigned-h5p
Interactive Book

Interactive Book : extension du thème

En modifiant la CSS d’Interactive Book, j’ai réussi à étendre sa couleur accentuelle à l’ensemble des contenus qui y sont intégrés. Cela permet d’obtenir un ensemble plus homogène.

tabs-extension-du-theme-h5p
Tabs

Tabs : extension du thème

Je suis en train de faire avec « Tabs » ce que j’ai fait avec « Interactive Book » : étendre la couleur accentuelle du module à l’ensemble de ses contenus intégrés, pour obtenir un ensemble plus homogène.