B2-B3 2021-2022 : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
Ligne 6 : Ligne 6 :
  
 
Début de développement de prototypes de pages web.
 
Début de développement de prototypes de pages web.
 +
 +
=== Ressources ===
 +
 +
[http://designnumerique.be/b2b3/20211008scrolljs.zip Structure html/css/js]
  
 
== 1er octobre 2021 ==
 
== 1er octobre 2021 ==
Ligne 19 : Ligne 23 :
  
 
https://www.youtube.com/watch?v=NqKyHEJe9_w (smalltalk)
 
https://www.youtube.com/watch?v=NqKyHEJe9_w (smalltalk)
 +
 +
[http://designnumerique.be/b2b3/20211008scroll2.zip Structure html/css]
  
 
== 24 septembre 2021 ==
 
== 24 septembre 2021 ==

Version du 14 octobre 2021 à 19:40

Sessions

15 octobre 2021

8 octobre 2021

Début de développement de prototypes de pages web.

Ressources

Structure html/css/js

1er octobre 2021

Focus sur un élément d'interface très particulier par sa longévité (il existe depuis les années 70), son rapport à l'écran (on déplace du contenu à l'intérieur d'un cadre ou on déplace un cadre par rapport à un contenu); le scroll. Lancement d'un premier exercice autour du scroll; comment détourner / utiliser le scroll au sein d'une expérimentation sur une page web.

Ressources

https://scrollbars.matoseb.com/

https://www.theverge.com/2019/11/1/20943552/scroll-bar-visual-history-30-years

https://www.youtube.com/watch?v=NqKyHEJe9_w (smalltalk)

Structure html/css

24 septembre 2021

Introduction générale au cours et au sujet de ce début d'année. Nous abordons le web et les interfaces numériques par le biais d'un élément très spécifique: Le scroll. Rappel/introduction sur un langage de structuration de données fondamental; l'HTML, et sur un langage de mise en forme; le CSS.

Ressources

https://www.newrafael.com/websites/

https://evasive.tech/

http://simon-bouvier.xyz/projets/multiple-stories/index.html

Structure de base html