Journées d'étude
Quand le code rencontre l’interface:
hybrider les outils du design graphique
    ▀▀▀▀▀▀▀                                          ▀                                                                   
  ▀▀       ▀                                         ▀                                                                   
 ▀▀         ▀   ▀     ▀    ▀▀▀▀▀▀   ▀▀▀▀▀▀▀    ▀▀▀▀▀▀▀                                                                   
 ▀▀         ▀   ▀     ▀         ▀   ▀▀    ▀▀  ▀▀     ▀                                                                   
 ▀▀         ▀   ▀     ▀    ▀▀▀▀▀▀   ▀▀    ▀▀  ▀▀     ▀                                                                   
  ▀▀    ▀  ▀▀   ▀     ▀  █▀     ▀   ▀▀    ▀▀  ▀▀     ▀                                                                   
   ▀▀▀▀▀▀▀▀▀    ▀▀▀▀▀▀▀   ▀▀▀▀▀▀▀   ▀▀    ▀▀   ▀▀▀▀▀▀▀                                                                   
            ▀                                                                                                            
                                          ▀▀▀▀▀▀▀▀▀▀                                                                     
                                     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                                               
                                  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀   -----------------------------                             
                                ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                               \                           
 █▀                            ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀           ▀                  \                          
 █▀                          ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀         ▀                   \                         
 █▀    ▒▀▀▀▒           ▀▀▀   ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀   ▀▀▀▀ ▀    ▀▀▀▀            \                        
 █▀   ▀     ▒▒      ▀     ▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀  ▀     ▀   ▀▀    ▀▀           \                         
 █▀  ▀▀▒▒▒▒▒▀▄     ▀▀       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▓▒▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀      ▀   ▀▒▒▒▒▒▌▀            \                        
 █▀  ▀             ▀▀       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀     ▀   ▀                    \                     
 █▀   ▀    ▀▀       ▀█   ▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀  ▀ ▒  ▀▀    ▀    ▄▄              \                    
 ▒▒     ▒▒▀            ▀▀    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀    ▀▀        ▀▀▀                 \                   
                             ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█                   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                              ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                      ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄                          ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                         ▀▀▀▀▀▀▀▀▀▀▀▀     ▀▀                        ▒▒▒▒▒█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                          ▀▀                        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀▀▄    ▀▀▀▀▒    ▀ ▀▀▀▀     ▀▀ ▀▀     ▀▀ ▀▀   ▀▀▓▒▒▒▀  ▀▀▀▀▀▀ █▀▀▄   ▀▀▀▀▀▀        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀    ▀▀     ▒   ▀▀    ▀  ▀▀        ▀▀     ▀▀  ▀     ▀▀  ▀▀   █▀    ▀▀     ▀-      ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀    ▀▒▒▒▒▒▒▒   ▀▀    ▀  ▀▀        ▀▓     ▀▀  ▀     ▀▀  ▀▀   █▀    ▀▀▀▀▀▀▀▀       ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀    ▄▀         ▀▀    ▀   ▀     ▀  ▀▀     ▀▀  ▀     ▀▀  ▀▀   █▀    ▀▀             ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀      ▀▀▀▀▀    ▀▀    ▀    ▀▀▀▀▀     ▀▀▀▀▀    ▀     ▀▀   ▀▀▀ █▀      ▀▀▀▀▀        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                              ▓                     ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                            ▒▓▓▓▓                   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                           ▓▓▓▓▓▓▓                  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                          ▓▓▓▓▓▓▓▓▓  〰〰〰〰〰〰〰 ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▓▓▓▓▓▓▓▓▓▓▓▄               ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 █▀   ▀   ▀              ▒                     ▀▀▀     ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                    
 █▀   ▀                  ▀                     ▀      ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                   
 █▀   ▀   ▀   ▀ ▀▀▀▀▀  ▀▀▀▀▀   ▀▀▀▀▀    ▀ ▀▀ ▀▀▀▀▀   ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓      ▀▀▀▀▀▒    ▀▀▀▀▀                             
 █▀       ▀   ▀▀    ▀▀   ▀   ▀▀     ▀   ▀      ▀    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓   ▀     ▀▐ ▀▀     ▀▒                           
 █▀       ▀   ▀▀    ▀▀   ▀   ▀▀▀▀▀▀▀▀▀  ▀      ▀  ▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▀▀        ▀▀▀▀▀▀▀▀▀                           
 █▀       ▀   ▀▀    ▀▀   ▀   ▀▀         ▀      ▀ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▀     ▀▀ ▀▀                                  
 █▀       ▀   ▀▀    ▀▀   ▀▀▀  ▀▀▒▒▐▀▀   ▀      ▀▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▀▀  ▀▀   ▀▀▒▒▐▀▀                            
                                               ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                           
                                             █▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                          
                                            ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                         
                                           ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                        
                                          ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
                                          

Jeudi 25 et vendredi 26 juin 2026
Amphithéâtre de la MISHA — Strasbourg

Entrée libre
Retransmission en direct, lien disponible
sur wysiwyg.ch/symposium-code-interface


à propos

Le paradigme des interfaces WYSIWYG (What You See Is What You Get) a profondément marqué les pratiques du design graphique et de la publication depuis quarante ans. En parallèle, le paradigme du document structuré, fondé sur la programmation, a façonné des domaines comme la publication scientifique ou le Web.

Ces deux approches, souvent pensées séparément, connaissent aujourd’hui des formes d’hybridation inédites, portées par des designers graphiques qui articulent code, interface graphique WYSIWYG et documents structurés. Ces journées d’étude souhaite explorer ces zones d’intersection: comment et où se déploient-elles? Que puisent-elles dans chaque paradigme? Que laissent-elles de côté ou qu’inventent-elles de nouveau?

Cette évolution nous invite également à réinterroger l’histoire de ces paradigmes, généralement étudiés séparément, afin de comprendre comment ceux-ci ont déjà pu dialoguer ou, au contraire, comment ils se sont construits en opposition.


               ▀▀▀▀▀▀▀▀▀▀                                                                     
         ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                                               
       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀   -----------------------------                             
     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                               \                           
    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                          
  ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                         
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                        
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                               \                         
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▓▒▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                \                        
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                 \                     
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                  \                    
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                    \                   
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                      ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
          ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                           ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
              ▀▀▀▀▀▀▀▀▀▀▀▀                               ▒▒▒▒▒█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                   ▓                     ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                 ▒▓▓▓▓                   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                ▓▓▓▓▓▓▓                  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                               ▓▓▓▓▓▓▓▓▓  〰〰〰〰〰〰〰 ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                              ▓▓▓▓▓▓▓▓▓▓▓▄               ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                            ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                    
                           ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                   
                          ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                
                         ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                             
                       ▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                         
                      ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                             
                     ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                      
                    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                           
                  █▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                          
                 ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                         
                ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                        
               ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                        
                        
about (EN)

When Code Meets the Interface: Hybridizing Graphic Design Tools

The WYSIWYG paradigm (What You See Is What You Get) is well known to graphic designers. It sped up the adoption of computers in the profession and defined it for the last 40 years. This paradigm also became the de facto standard in mainstream layout tools and text editors (Word, Canva). In parallel, another paradigm has existed since the beginning of computers, that of structured documents, which is based on programming. However, this inherently textual practice has traditionally been far removed from graphic designers' know-how. It is nevertheless still largely in use today, in academic publishing (LaTeX), but also as the technical basis of the Web (HTML & CSS).

In recent years, more and more graphic designers have started adopting programming (creative coding, webdesign). This new tooling has allowed them to design outside of traditional desktop publishing software. Even more recently, from this community, new tools are being created in which both code and WYSIWYG interaction now coexist. Drawing from both paradigms, these new graphic design practices are not just juxtaposing code and graphical user interface, structured document and WYSIWYG: instead they question their limits and relevance. This symposium will explore these new hybrid ways of doing graphic design. How and where do they flourish? What do they draw from each paradigm? What do they leave out or invent anew? These topical practices also invite us to reexamine the history of these paradigms, generally studied separately, to understand how they might have learned from each other or if, instead, they might have developed in opposition.

French talks will be live-translated into English. A limited number of translation headsets will be available. Please contact us if you would like one during the symposium (contact@julie-blanc.fr, nmaudet@unistra.fr)


               ▀▀▀▀▀▀▀▀▀▀                                                                     
         ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                                               
       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀   -----------------------------                             
     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                               \                           
    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                          
  ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                         
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                              \                        
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                               \                         
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▓▒▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                \                        
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                 \                     
 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                  \                    
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                                    \                   
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                    ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                      ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
       ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
          ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀                           ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
              ▀▀▀▀▀▀▀▀▀▀▀▀                               ▒▒▒▒▒█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                                         ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                   ▓                     ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                 ▒▓▓▓▓                   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                                ▓▓▓▓▓▓▓                  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                               ▓▓▓▓▓▓▓▓▓  〰〰〰〰〰〰〰 ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                              ▓▓▓▓▓▓▓▓▓▓▓▄               ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                            ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                    
                           ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                   
                          ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                
                         ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                             
                       ▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                         
                      ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                             
                     ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                      
                    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                           
                  █▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                          
                 ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                         
                ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                        
               ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓                                                        
                        

programme

---------- JEUDI ----------

14h-14h30 Introduction par Julie Blanc et Nolwenn Maudet


*** Panel 1 ***
Antagonisme ou synergie: retours critiques sur l’histoire du WYSIWYG et du code (modération: Nolwenn Maudet)

14h30-15h Clémence Imbert
Apprendre à cliquer. Était-il si facile de débuter sur un logiciel de PAO dans les années 1980 ?

15h-15h30 Eric Schrijver
No longer afraid: the surprising love story of WYSIWYG and code

16h-16h30 Timothée Goguely & Arthur Pons
GUI | CGI | CLI : Interfacer le web et la ligne de commande

16h30-17h Camille Gobert
«Code» ou «Interface»: une histoire de formats


18h - Clôture de la journée


---------- VENDREDI ----------

9h Ouverture et acceuil


*** Panel 2 ***
Hors des logiciels, hybrider les chaînes de publication (modération Lucile Haute)

9h30-10h Yann Trividic
OutDesign, ou comment libérer les fichiers InDesign du giron d'Adobe

10h-10h30 Adrien Payet & Sarah Garcin
Autonomiser la création graphique avec des outils web

11h-11h30 Kevin Donnot
Du Web-to-print aux approches hybrides — exemples de publications et de leurs chaines d'outils


*** Panel 3 ***
Fabriquer les interfaces. Web et outils-sur-mesure (modération: Julie Blanc)

14h-14h30 Olivia Jack & Paula Haertel
Wobble Web

14h30-15h Arnaud Juracek & Stéphane Buellet
Concevoir des générateurs graphiques


*** Keynote ***

16h-17h30 Bert Bos & César Fernández Acebal
When Layout Meets the Web: The Long Road to CSS Grid


18h - Clôture de la journée


organisé par
Julie Blanc

Chercheuse post-doctorante à la HEAD Genève
Julie Blanc fait du design, du développement web et de la recherche. Docteure en ergonomie et en design (Université Paris 8 / EnsadLab), elle a consacré sa thèse aux transformations des pratiques des designers graphiques liées à l'introduction des technologies du web. Elle est co-fondatrice du Studio Variable, et poursuit actuellement un projet de recherche sur les interfaces WYSIWYG à la HEAD Genève.

Nolwenn Maudet

Maîtresse de conférences en design numérique à l'université de Strasbourg
Nolwenn Maudet est enseignante-chercheuse en  design numérique à l’université de Strasbourg, directrice du département design au sein de la  faculté des arts. Ses recherches portent sur les  multiples relations qui existent entre le design et  le numérique, notamment les manières dont les outils numériques ont façonné et façonnent encore les pratiques de design. Elle co-dirige le programme de  recherche "Milieux graphiques et numériques" au sein du laboratoire ACCRA et elle est co-fondatrice du  collectif de chercheur·euses "Limites Numériques" qui étudie les impacts environnementaux des  pratiques actuelles du design numérique.


Clémence Imbert

Chargée de cours HEAD-Genève
Clémence Imbert est enseignante à la HEAD-Genève et  historienne du design graphique. Ses recherches ont  porté sur les expositions de design graphique et sur les couvertures de livre. Elle dirige actuellement le projet de recherche "WYSIWYG. Une enquête sur  l’adoption des logiciels de création graphique, France-Suisse, 1980-aujourd’hui".


dans le cadre du projet wysiwyg.ch en collaboration avec le programme de recherche «milieux graphiques et numériques» du laboratoire ACCRA de l’université de Strasbourg


avec
Yann Trividic

Doctorant LISN (UPSaclay, CNRS, Inria), éditions Burn~Août
Yann Trividic est doctorant au  Laboratoire Interdisciplinaire des Sciences du Numériques (LISN), où il s’intéresse aux formes de collaboration dans l’édition de livres. Il est également membre des éditions Burn~Août, pour lesquelles il conçoit des publications ainsi que des logiciels libres destinés aux acteurices de l’édition indépendante, dans une démarche alliant réflexivité sur les pratiques éditoriales, technique et collectif.

Titre de la présentation: OutDesign, ou comment libérer les fichiers InDesign du giron d'Adobe


Timothée Goguely & Arthur Pons


Arthur Pons — Doctorant en sciences informatiques Université Claude-Bernard Lyon 1 Doctorant à Lyon 1
Arthur s'intéresse aux impacts socio-environnementaux du numérique depuis 2019. Pratiquant la culture Unix, il tente de la mobiliser pour limiter l'obsolescence logicielle. Attaché à l'idée de rendre les terminaux plus abordables pour tout le monde il expérimente des services numériques durables à Commown et sur le serveur communautaire bebou.

Timothée Goguely — Maître de conférences associé à mi-temps Université de Strasbourg Designer et développeur web spécialisé en écoconception et accessibilité numérique
Timothée s’intéresse aux pratiques et aux formes d’un numérique émancipateur et soutenable. Il enseigne à la Faculté des arts de l’Université de Strasbourg l’UI/UX design et les bases de l’HTML et du CSS, au sein de la Licence Design graphique et numérique et du Master Design Environnements numériques.

Titre de la présentation: GUI | CGI | CLI: interfacer le web et la ligne de commande


Eric Schrijver

Author, designer
Eric Schrijver (Amsterdam, 1984) is a designer, performer, and author. He lives and works in Brussels and edits the blog ‘I like tight pants and mathematics’. A former member of the Open Source Publishing collective, he has led numerous workshops and taught design and coding at the Graphic Design department of KABK in The Hague. His first book Copy This Book: an artist’s guide to copyright was published in 2018, followed by its collaborative French adaptation, Copiez ce livre, in 2023.

Title of the presentation: No longer afraid: the surprising love story of WYSIWYG and code.


Camille Gobert

Postdoctorant en interaction humain-machine Équipe ex)situ du LISN, Université Paris-Saclay/Inria
Camille Gobert est chercheur postdoctoral en interaction homme-machine à l'Université Paris-Saclay. Il travaille actuellement sur la conception d'une chaîne éditoriale collaborative et multi-formats. Avant cela, il a obtenu un doctorat en informatique de l'Université Paris-Saclay pour ses travaux sur l'interaction avec les langages informatiques, notamment concernant le fait de complémenter la représentation textuelle d'un fragment de langage avec d'autres représentations interactives.

Titre de la présentation: «Code» ou «Interface»: une histoire de formats


Adrien Payet & Sarah Garcin


Adrien Payet — Philosophie, design, code — Studio Variable (président co-fondateur)
Adrien Payet fait de la philosophie, du design et du développement web. Ancien membre du collectif Bam et du studio Praticable, il cofonde en 2025 le studio Variable avec la designer et chercheuse Julie Blanc, dédié au design d’interface et aux outils numériques, de la conception à la réalisation. Il coédite actuel-inactuel.fr, forme éditoriale web consacrée aux approches critiques des arts et des techniques. Après être passé par plusieurs établissements, il enseigne aujourd’hui la théorie du design à l’École Nationale Supérieure de Création Industrielle (ENSCI) et à l’École des Arts de la Sorbonne (Université Paris 1).
Sarah Garcin — Designer graphique et développeuse — L’Atelier des Chercheurs
Sarah Garcin est designer graphique, designer d’interaction et développeuse indépendante. Elle s’intéresse à la conception d’outils au service du design graphique, aux systèmes alternatifs de publication — notamment en web-to-print —, aux pratiques collaboratives d’écriture et aux approches de web frugal. Elle travaille au sein de plusieurs collectifs, dont l’Atelier des Chercheurs, g-u-i et p-node, et est à l’initiative de PrePostPrint avec Raphaël Bastide. À travers ces différentes collaborations, elle développe une recherche située à la croisée du design graphique, de la programmation et de l’édition, attentive aux conditions techniques, sociales et écologiques de production. Son travail s’attache à concevoir des outils ouverts favorisant l’autonomie des usagers et la mutualisation des savoir-faire. Il s’inscrit dans une réflexion plus large sur les pratiques collaboratives et les formes contemporaines de publication, entre expérimentation graphique, recherche collective et création numérique.

Titre de la présentation: Autonomiser la création graphique avec des outils web2print


Kévin Donnot

Designer graphique — E+K — Élise Gay & Kevin Donnot
Kévin Donnot est designer graphique et développeur. Il est cofondateur d’E+K – Élise Gay et Kévin Donnot, un atelier de design graphique spécialisé dans les projets éditoriaux imprimés et/ou numériques depuis 2011. Enseignant à la HEAR Strasbourg, il est associé à plusieurs projets de recherche en cours (DESIGRAPH, DESIGNSHS, CPJ Fashion Heritage) et a cofondé Back Office, une revue éditée par les Éditions B42 qui interroge les relations qu’entretiennent design graphique et pratiques numériques.

Titre de la présentation: Du Web-to-print aux approches hybrides — exemples de publications et de leurs chaines d'outils


Machines — Arnaud Juracek & Stéphane Buellet

Designers, artistes et développeurs — Machines
Machines est un studio de création à l’intersection de l’art, du design et des technologies. Nous fabriquons des systèmes visuels interactifs et narratifs. Nous inventons nos propres outils afin d’explorer de nouveaux paradigmes de création. Nous sommes spécialisés en direction artistique, création numérique, et en développement de systèmes génératifs.

Titre de la présentation: Concevoir des générateurs graphiques


Olivia Jack & Paula Haertel

Olivia Jack is a programmer and artist who works frequently with open-source software, cartography, live coding, and experimental interfaces. She is the creator of browser-based art tools including Hydra video synthesizer, Wobble Web, PIXELSYNTH, and LiveLab (peer2peer media router). Her live audiovisual sets explore algorithmic representations of unpredictable and chaotic systems, and writing software as a messy and ephemeral process. https://ojack.xyz/

Presentation title: Wobble Web


César Fernández Acebal

Lecturer Affiliation: University of Oviedo
Lecturer and researcher in software design and web standards, he was a member of the W3C CSS Working Group and a visiting researcher at ERCIM–W3C, collaborating with Bert Bos on extending CSS with advanced layout capabilities. He is co-editor of the Template Layout Module, a precursor to modern CSS Grid Layout. This work formed the basis of his PhD thesis and was presented at the World Wide Web Conference (Edinburgh, 2006) and later at the ACM Symposium on Document Engineering (Paris, 2012).

Presentation title: When Layout Meets the Web: The Long Road to CSS Grid


Bert Bos

Team Contact & Graphic Designer — W3C / ERCIM
Bert Bos a obtenu son doctorat à Groningue (Pays-Bas) sur un langage de prototypage destiné aux interfaces utilisateur graphiques. Il a ensuite développé un navigateur web destiné aux chercheurs en sciences humaines, avant de rejoindre le W3C en 1995. Il est co-inventeur du CSS et a créé et dirigé les travaux du W3C sur l'internationalisation (i18n). Après avoir travaillé sur le HTML et le XML, il a dirigé pendant de nombreuses années les travaux sur le CSS. Actuellement, il travaille notamment sur MathML at l'i18n, et il fait partie de l'équipe de communication du W3C.

Presentation title: When Layout Meets the Web: The Long Road to CSS Grid



institutions partenaires

HEAD Genève, ACCRA — Université de Strasbourg


colophon

Design et dèveloppement: Camille de Noray et Julie Blanc
Police de caractère: Fairfax par Rebecca G. Bettencourt
Tous les supports de communication imprimés et pdf sont composés en CSS.
Les illustrations sont produites à  'aide du convertisseur image to ASCII (Eurostandard).

                                   ▒▒▒▒▒                              
                             ▒░▌█▄▄▄▄▄▄▄▐                             
                        ▒░▌▄▄▄▄█▌▐░▒▒▌▄█▒                             
                     ▒▐▄▄▄█▌░▒     ▒█▄▌                               
                   ░█▄▄▌▒         ▐▄▄░                                
                 ░█▄█░          ▒▌▄█▒                                 
               ▒█▄█░           ▒▄▄▐                                   
             ▒█▄▄░            ▐▄▄░                                    
           ▒▌▄▄▐            ▒█▄█▒                                     
          ▐▄▄▌▒            ▒▄▄▐                                       
        ▒█▄█▒             ▐▄▄░                                        
       ▐▄▄░             ▒█▄█▒                ▒▒░▒                     
     ░▄▄▌▒             ░▄▄▐               ▒▌▄▄▄▄▄▌                    
    ▌▄▄░              ▐▄▄▒              ▒█▄▄▌▒ ▐▄▌                    
  ▒█▄▌▒             ▒▌▄█▒             ░█▄▄░   ▒▄▄▒                    
 ▒█▄▐              ▒▄▄▐             ░█▄█░    ▒█▄▐                     
 ▐█░              ▐▄▄░           ▒▐▄▄█▒      ▌▄▌                      
                ▒█▄▌▒          ▒█▄▄▌▒       ▐▄█▒                      
               ▒▄▄▐         ▒▐▄▄█▐         ▌▄█▒                       
              ░▄▄░       ▒▐▄▄▄▌▒         ▒█▄▌                         
             ▐▄█▒     ▒▌▄▄▄▌▒           ▒█▄▌                          
            ▒▄█▒  ▒▐█▄▄▄▌▒              █▄▐   ▒▒▒▒▒▒                  
            ▐▄▄▄▄▄▄▄█▐▒                ▒█▄▄▄▄▄▄▄▄▄▄▄░                 
             ▒▐▐░▒▒                      ▒▒▒▒▒▒▒▒▒░▄█                 
                                                  ▒█▄▐                
                                                   ▒█▄█░              
                                                     ░█▄▄▌░▒          
                                                       ▒▐█▄▄█░▒       
                                                          ▒░█▄▄▌▒     
                                                             ▒▐▄▄▌▒   
                                                               ▒▌▄█▒  
                                                                 ▐▄▄░