Utilisateur:DarkTitouan

                                                         @@@@@@@@@                                                          
                                                 @@%@@%%%%%%%%%%%%%%%%@%@@@                                                 
                                            @%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@                                            
             @%%%@@@                     @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@                                         
            %%%%%%%%%                 @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@                   @@@@               
           @%%%%%%%%%%             @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@              @%%%%%@              
           @%%%%%%%%%%%@         @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@          @@%%%%%%%@             
          @%%%%%%%%%%%%%@       %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@        %%%%%%%%%%@            
         @%%%%%%%%%%%%%%%@    @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@     @@%%%%%%%%%%%@@          
       @@%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@   @%%%%%%%%%%%%%%%@@@       
      @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%%%%%%%%%%%%%%%%%@     
      %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
     @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
      @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@     
      @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@      
        @@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@        
              @@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@              
                        %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@                        
                            @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@                            
                            @%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%@                            
      @@       @       @@    @%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%@    @       @       @@       
   @@@%@@@@ @@@%@@@ @@%%@@@@  @@@@  @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@  @@@  @@@%%@@@ @@@%@@@ @@@@%@@@    
    @%%%%@   @%%%@   @%%%@@      @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@      @%%%@   @%%%@   @@%%%@     
    @@ @@@   @@ @@   @@ @@@   @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%  @@@ @@   %@ %@   @@@ @@     
                            @%%%%%@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@%%%%@                            
                           @%%%%%@    @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@      @%%%%%@                           
                            @%%%%@        @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@         @%%%%@                            
                             @%%%@           @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@            %%%%%%@@            @@@@          
        @%%@@@            @@%@%%%%@             @%%%%%%%%%%%%%%%%%%%%%%%%%@@             @@%%%%%%%%%@@@@@@@@@%%%%%@@        
     @%%%%%%%%%%%%%%@@%@%%%%%%%%%%@                @%@%%%%%%%%%%%%%%%%%@@                %%%%%%%%%%%%%%%%%%%%%%%%%%%        
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@                   @@%%%%%%%%%%@%                   %%%%%%%%%%%%%%%%%%%%%%%%%%%@        
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@                   @%%%%%@@                   @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%@        
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@         @%%%%%%%%%%%%%@@        @@%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@        
      @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%        
       @%%%%%%%%%%%%%%%%%%%%%%%%@@ @@%%%%%%%%@@%%%%%%%%%%%%% @@@%%%%%%%%%%%%%@@@@%%%%%%@@       @@%%%%%%%%%%%%%%%%%%@       
       %%%%%%%%%%%%%%%%%%%%%%%@                @%%%%%%%%%%@  @@ @@%%%%%%%%%%@                     @@%%%%%%%%%%%%%%%%@       
       @%%%%%%%%%%%%%%%%%%@@                   %%%%%%%%%%%@ @%%@ @%%%%%%%%%%@                        @@%%%%%%%%%%%%%%@      
       @%%%%%%%%%%%%%%%%@@                     @%%%%%%%%%%%@%%%@@%%%%%%%%%%%@                          %%%%%%%%%%%%%%%      
       @%%%%%%%%%%%%%@@                          @%%%%%%%%%%%%%%%%%%%%%%%%@                              @%%%%%%%%%%%@      
        %%%%%%%%%%%@@                              @@%%%%%%%%%%%%%%%%%%%@                                  %@%%%%%%%@       
        @%%%%%%%%@@                                   @@@%%%%%%%%%@@                                            @@          
          @%@@@@                                           @@@@@@                                                           

Présentation

Je m’appel Titouan, dark Titouan ici car Titouan était déjà prit. Si vous voulez en apprendre un peu plus sur moi et ma pratique numérique c’est ici —-> http://work.designnumerique.be/titouan/

Work

Premier projet de l’année, une page web pour se présenter. Je suis pas très à l’aise à l’idée de parler de moi donc j’y avais pas mit beaucoup de texte, surtout des memes (certains trop edgys, ils sont mieux supprimés). C’était un retour au html ces j’étais totalement rouillé ma page ressemblait pas à grand chose. Je suis repassé dessus en fin de quadri, j’aime bien ce qu’elle dégage mtn : c’est un peu moche mais juste ce qu’il faut pour une bonne page web imo. Je trouve qu’elle incarne bien ma relation avec internet et avec le numérique.

html2print-moi cet article

Atelier autour du « web2print » terme désignant le fait d’imprimer des pages web. On a apprit à utiliser une libraire javascript: page.js pour automatiser nos mises en pages et faciliter leur impression. J’avais déjà fait un projet web2print l’année dernière mais sans utiliser cette librairie, c’était un peu plus galère mais j’avais bien aimé découvrir une nouvelle façon de voir l’édition. Ici on a chacun eu un article, le mien était court et ne m’inspirait pas trop. J’ai fait une mise en page simple reposant sur le contraste entre le violet et le blanc qui sont quasi équivalents sur les pages . Le web2print de l’année dernière était un projet éditorial très précis donc pour changer j’ai changer des paramètres à tâtons en conservant certaines de mes erreurs pour créer un effet bizarre. #élogedubeug Mon article est ici : http://work.designnumerique.be/titouan/article/module.html bien que la véritable mise en page n'apparaisse que quand on lance les paramètres d’impression.

Read me if you can

Le projet Read me if you can! était un exercice d’initiation au java script autour d’extraits du texte « éloge du beug ». Il nous étais confié des extraits du texte que l’on devait mettre en scène dans des pages web proposant à chaque fois des expériences de lectures interactives/immersives grace au Language de programmation Java script. J'ai eu du mal avec le js au début, ma première expérience est un cmc cmv modifié pour coller à mon idée, elle utiliser une font de pol peyroll un ancien de l'erg je crois c'est avec cette font que j'ai entendu parler de l'erg pour la première fois. Ma deuxième expérience s'inspire de la scène de la chambre forte de harry potter. Je me suis dit que le concept était simple a faire sur js mais aurais un bon rendu. J'ai rajouté des effets à chaque fois que j'arrivais a faire quelque chose, je suis plutôt content du résultat. Ma troisième expérience utilise quelques une de mes fonts préférés que j'ai accumulés avec le temps. Elles viennent toutes de dafont. Le prince d'animation est le même que ce que j'avais essayé de faire lors du workshop typotheque, je suis content d'avoir réussis à le faire marcher.

Publier la parole

Projet principal de ce quadri, j’ai eu beaucoup de mal à comprendre et m’approprier le sujet. Je documente ma galère ici —-> Mon projet: Parole_en_lumière