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

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

Le grain du web

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

On explorera les postures critiques existantes face au web « plateformisé ». On découvrira le web fait main et ses artisans : Maya Man, Laurel Schwulst, Mindy Seu, Eliott Cost et d’autres.

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’artiste Maya Man et le web situé
• C’est quoi le Handmade web (ou « web fait-main ») ?

Tutos

• Créer des interactions simples en CSS
• Découverte du media-query et du design responsive

Exercices

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