Grille Web et temporalité

Niveau : cours projet Web 2021-2022

Présentation du sujet - La grille, le temps et les interactions dans une page Web

Lien pour voir l’exemple


Quelques exemples et références


Webdesign versus temporalité - Différences et similitudes entre usages du Web et temps

(Ces exemples sont expérimentaux” et peuvent ne pas fonctionner sur certains navigateurs ou sur mobile)

Lien pour voir la collection complète d’exemples

Scroll infini | boucle temporelle

_scroll-infini.pngVoir l’exemple - Lire le code


Défilement infini avec marche/arrêt | contrôle du défilement

Voir l’exemple - Lire le code


Effacer du texte en scrollant | perte de contrôle

Voir l’exemple - Lire le code


Afficher la date et l’heure dans la page | design du temps

Voir l’exemple - Lire le code


Une page Web en temps réel” (des contenus en fonction de l’heure réelle) | le temps qui passe

Voir l’exemple - Lire le code


De l’animation (des cases qui se remplissent de couleur…) | timeline

Voir l’exemple - Lire le code


Défiler la page fait avancer une séquence d’images | contrôle de la timeline

Voir l’exemple - Lire le code


Chargement de la page | temps d’attente

Voir l’exemple - Lire le code