_                _______      _                   _    
    / /\              / ___  /\   / /\                /\ \   
   / /  \            / /\__\ \ \ / /  \              /  \ \  
  / / /\ \          / / /   \_\// / /\ \            / /\ \_\ 
 / / /\ \ \        / / /       / / /\ \ \          / / /\/_/ 
/_/ /  \ \ \       \ \ \      /_/ /  \ \ \        / /_/_     
\ \ \   \ \ \       \ \ \     \ \ \   \ \ \      / /___/\    
 \ \ \   \ \ \       \ \ \     \ \ \   \ \ \    / /\__ \ \   
  \ \ \___\ \ \  ____/ / /_     \ \ \___\ \ \  / / /__\ \ \  
   \ \/____\ \ \/_____/ //\_\    \ \/____\ \ \/ / /____\ \ \ 
    \_________\/\_____\/ \/_/     \_________\/\/__________\/

*/----------------------------------------   

Le grain du web

*/----------------------------------------   

On s’interessera ici aux interfaces, et à la manière dont celles-ci conditionnent nos manières de pratiquer le web – et les technologies numériques en général. On verra aussi, évidemment, la manière dont nous les influençons en retour.

Une page web n’a pas de format propre, mais s’adapte à la taille de la fenêtre. Nous nous initierons au design reponsive, pour proposer des mises en page qui s’adaptent aux tailles d’écrans.

Discussions

• Résolvons ensemble les erreurs et blocages que vous rencontrez

Slides

• L’interface comme enjeu politique

Tutos

• Découverte du media-query et du design responsive
• L’interaction simple avec le CSS

Exercices

• Rendre son site adaptable aux différentes tailles d’écran
• Ajout d’une interaction ou d’une animation simple