.----.                           .----------. 
     .-''-.       .   _   \                         /          /  
   .' .-.  )     /  .' )   |                       /   ______.'   
  / .'  / /     |   (_.    /                      /   /_          
 (_/   / /       \     ,  /      .-''` ''-.      /      '''--.    
       / /         `'-'/  /     .'          '.   '___          `.  
      / /      .-.    /  /     /              `      `'.         | 
     . '       \  '--'  /     '                '        )        | 
    / /    _.-')'-....-',.--. |         .-.    |......-'        /  
   .' '  _.'.-''        //    \.        |   |   .\          _..'`   
  /  /.-'_.'            \\    / .       '._.'  /  '------'''        
 /    _.'                `'--'   '._         .'                     
( _.-'                              '-....-'`            

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

Enjeu social, culturel et politique

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

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.

On prendra le temps d‘essayer de comprendre vos maquettes pour les traduire le plus fidèlement possible en HTML.

On poursuivera l’exploration du CSS et regarderons plus en détail la composition typographique sur le web.

Discussions

• Discussions sur vos avancées

Slides

• C’est quoi le Handmade web (ou « web fait-main ») ? Bienvenue dans le Small Web !

Tutos

• Gérer les images et leur compression
• La typographie dans le web

Exercices

• Préparer ses images au bon format
• Comprendre sa structure pour la traduire correctement en code (en groupe)