Back To Top
Garçon vue de face regard neutre et cheveux bruns en bataille

Beyond Tellerand, c'est quoi?

Un festival pour le Web

Salle de spectacle remplie de monde avec des murs rouge et un lustre chic
Salle de Beyond Tellerand à Düsseldorf, par Neon Moire

“Beyond Tellerand”, créé par Marc Thiele, est un événement consacré au web, au design et à la technologie. Il a lieu chaque année à Düsseldorf et à Berlin. Plein de personnalités y sont invitées pour faire découvrir, par une conférence, leurs astuces dans le domaine qui leur est propre, et montrer qu’on peut aller plus loin dans la création. On a toujours des choses à apprendre.

Düsseldorf 2025: conférence de Matthias Ott “Painting With the Web”

Dans cette prise de parole de plus ou moins 50 minutes, Matthias Ott nous parle d’HTML, de CSS, Javascript, il retrace un peu l’histoire du web. Pour lui, le web a du potentiel qu’on n’utilise pas encore assez. Alors que le web existe depuis “longtemps”, on utilise “des outils de conception statiques qui, souvent, ne reflètent pas la véritable nature et le potentiel du Web.” Il explique comment utiliser le web pour créer des designs qui sortent un peu du commun.

Matthias commence par comparer le processus de création d’une œuvre d’art par un peintre (Gerhard Richter) et le processus de création des ingénieurs/développeurs web. Pour lui, la manière dont ce peintre crée une toile est le processus par excellence. C’est un dialogue constant entre l’artiste et l’œuvre. Gerhard créé son œuvre sans savoir où ça va le mener, il ne sait pas du tout à quoi elle ressemblera à la fin. Matthias pense que cette façon de créer est un peu similaire à celle des designers web, mais il y a des grosses différences. On ne sait pas zoomer, scroller, sur une toile, contrairement aux écrans. Une deuxième différence avec le processus de Gerhard est le matériel avec lequel on créé. Un peintre est toujours en relation avec son matériel et créé de la matière avec. Pour Matthias, le développeur web a une “relation brisée” avec cette matière.

Matthias parle ensuite de CSS. C’est pour lui l’outil de conception le plus puissant pour le web, ce qui est un problème car si on a des sites super beaux, ils seront probablement mauvais pour les utilisateurs qui veulent que le site soit performant, rapide et simple. Matthias se pose une question: à quoi ressemblerait le web comme outil de conception/ design? Pour lui, le web est flexible et imprévisible et c’est une force car ça fait du web “le média le plus accessible et le plus robuste de tous.” Il parle ensuite de javascript, de fonctions trigonométriques, de la taille des polices, de CSS Grid, de Figma et de biens d’autres choses encore, avant de conclure sur l’idée que créer un site web et expérimenter les polices, couleurs, animations, etc, est une très bonne idée et que c’est le moment parfait pour en créer un car le monde a besoin de personnes pour préserver l’ouverture, l’indépendance et la diversité du web.

Matthias Ott, qui est-il?

Créer dans le web

Matthias Ott est un web designer indépendant et consultant en expérience utilisateur. Il enseigne aussi le prototypage d’interfaces à l’académie des Beaux-Arts et du Design Muthesius. En plus de ça, il anime des ateliers pour tous les designers. Pour lui, il est important de continuer à apprendre pour rester dans l’actualité de ce qui se fait dans le web. Dans ses conférences, il partage ses idées pour montrer comment on pourrait repenser le web. Il tient une newsletter “Own Your Web” qu’il met à jour toutes les 2 semaines. Son site web montre bien qu’il s’amuse quand il créé des sites. On y trouve des fonctionnalités inutiles mais amusantes, comme le fait de pouvoir ajouter des scintillement au site ou pouvoir distordre complètement l’ensemble de son site.

Homme aux cheveux bruns, chemise noir, qui à l'air d'expliquer quelque chose
Matthias Ott

Mon avis sur la conférence

Il était assez compliqué de suivre cette conférence, d’abord parce que je l’ai regardée en vidéo et pas en présentiel à Düsseldorf. Comme Matthias parle anglais, j’ai mis la piste audio de la vidéo en français et j’avais la transcription de son discours. Comme la voix a une voix de robot et que la conférence dure 50 minutes, j’ai trouvé le temps long. Il y a quand même quelques moments marquants:

Code css avec la propriété font-size, clamp
Un exemple de l'usage de la fonction "clamp"

Ici, d’après ce que j’ai compris, Matthias nous montre comment on peut changer la taille de police avec cette fonction en CSS, que je ne connaissais pas. Ca a l’air très pratique car ça permet de changer la taille de la fenêtre en changeant la taille de police de manière fluide. Je trouve ça vraiment bien parce que ça avait l’air compliqué à faire mais en fait, il ne faut qu’une seule ligne de CSS pour un gros changement dans le site.

Matthias nous montre aussi OKLCH, qui est un espace colorimétrique que je ne connaissais pas. Un des avantages de l’utiliser est qu’on peut créer des palettes plus vibrantes et plus accessibles car on a plus de contrôle sur la luminosité et le contraste de la couleur. OKLCH est assez récent donc on ne l’utilise pas encore trop mais vu les avantage que ce système propose, je pense qu’on pourrait l’utiliser de plus en plus.

Comparaison de trois dégradés de couleur allant du rose au bleu
Comparaison entre dégradé Oklch et les autres sytèmes colorimétriques