<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
  <title>Radical web design</title>
  <subtitle>Ressources, références, exemples et recherche au long cours sur l’hypothèse d’un webdesign radical.</subtitle>
  <link href="https://radicalweb.design/feed.xml" rel="self" />
  <link href="https://radicalweb.design/" />
  <updated>2026-10-27T00:00:00Z</updated>
  <id>https://radicalweb.design/</id>
  <author>
    <name>Julien Bidoret</name>
  </author>
  <entry>
    <title>☞ i feel so much shame ♡ and i will be back for more</title>
    <link href="https://ifeelsomuchsha.me/and-i-will-be-back-for-more/" />
    <updated>2026-10-27T00:00:00Z</updated>
    <id>https://ifeelsomuchsha.me/and-i-will-be-back-for-more/</id>
    <content type="html"><p>A web-based interactive narrative made fully with scanned Risograph prints.</p>
</content>
  </entry>
  <entry>
    <title>TILT</title>
    <link href="https://radicalweb.design/projets/tilt/" />
    <updated>2026-10-15T00:00:00Z</updated>
    <id>https://radicalweb.design/projets/tilt/</id>
    <content type="html"><p>Things I Learned Today, un protocole d’écriture quotidien et un exercice typographique.</p>
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;tilt&quot; tabindex=&quot;-1&quot;&gt;TILT&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#tilt&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “TILT”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Things I Learned Today&lt;/em&gt;, ou exprimé plus brièvement, TIL ; &lt;em&gt;Today I Learned&lt;/em&gt;.&lt;/p&gt;
&lt;div class=&quot;big&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;Un mètre est la distance parcourue par la lumière en 299 792 458&lt;sup&gt;e&lt;/sup&gt; de seconde. #TIL&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;le-projet&quot; tabindex=&quot;-1&quot;&gt;Le projet&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#le-projet&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Le projet”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Chaque jour, pendant les trente prochains jours, écrire au moins une phrase signalant quelque chose que vous aurez appris / ou compris ce même jour.&lt;/p&gt;
&lt;p&gt;Communément utilisé sur les résseaux sociaux comme mot-clé, l’abbréviation TIL – ici augmentée d’un T final – exprime à la fois une connaissance récemment découverte, mais aussi une révélation soudaine. Eurêka !&lt;/p&gt;
&lt;p&gt;Cet exercice à la fois léger et contraignant poursuit plusieurs objectifs.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Il s’agit à la fois de vous impliquer dans une routine technique : modifier une page web (un fichier HTML), l’afficher pour vérifier que tout va bien, vous relire et enfin la publier en ligne.&lt;/li&gt;
&lt;li&gt;Ainsi que vous inviter à la pratique du blog*, de l’exercice d’écriture quotidien, tout en vous donnant l’occasion d’une (mini…) réflexivité sur votre parcours d’apprenant·e. Cette pratique de l’écriture peut être minimaliste, fictionnelle, s’attacher à la banalité du quotidien ou à vos expériences métaphysiques, s’inscrire dans le genre de l’&lt;a href=&quot;https://nm.esad-pyrenees.fr/w/uncreative-writing&quot;&gt;&lt;em&gt;uncreative writing&lt;/em&gt;&lt;/a&gt;, parler de vos apprentissages scolaires ou de votre réalité extra-scolaire…&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;* Le terme &lt;em&gt;blog&lt;/em&gt; est issu de la contraction de &lt;em&gt;Web log&lt;/em&gt;. En anglais, &lt;em&gt;log&lt;/em&gt; signifie registre ou journal et s’utilise à la fois dans le milieu de la marine (le &lt;em&gt;log&lt;/em&gt; est alors le journal de bord qui permet de documenter les évènements de la navigation, la vitesse ou la direction du bâtiment) ou en informatique (le &lt;em&gt;log&lt;/em&gt; est un fichier qui contient la succession des évènements ou des problèmes survenus lors de l’exécution d’un programme).&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;comment-faire&quot; tabindex=&quot;-1&quot;&gt;Comment faire ?&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#comment-faire&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Comment faire ?”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Dans les &lt;a href=&quot;https://ateliers.esad-pyrenees.fr/web/archives&quot;&gt;archives de l’atelier web&lt;/a&gt;, sur le serveur de l’école, un dossier à votre nom a été créé. À l’intérieur se trouve un sous-dossier nommé &lt;code&gt;tilt&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Dans ce dossier vous devrez téléverser un fichier &lt;code&gt;index.html&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Au sein du document, chaque nouvelle entrée peut être ajoutée au dessus de la précédente :&lt;/p&gt;
&lt;pre class=&quot;language-html&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;article&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;til-24-09-2025&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;time&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;24/09/2025&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;time&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;Aujourd’hui j’ai appris à publier un fichier HTML.&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;article&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;article&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;til-23-09-2025&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;time&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;23/09/2025&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;time&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;Aujourd’hui j’ai appris à éditer un fichier HTML.&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;article&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Ajouter un attribut &lt;code&gt;class&lt;/code&gt; à chaque entrée permet de spécifier des caractéristiques graphiques et typographiques spécifiques :&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.til-23-09-2025&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt; &lt;span class=&quot;token property&quot;&gt;font-family&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; monospace&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;enjeux-graphiques&quot; tabindex=&quot;-1&quot;&gt;Enjeux graphiques&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#enjeux-graphiques&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Enjeux graphiques”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le traitement graphique et la mise en page de cette liste doit permettre de développer deux dimensions à la fois graphiques et techniques :&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;typographie&quot; tabindex=&quot;-1&quot;&gt;Typographie&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#typographie&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Typographie”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;La question typographique est au cœur du traitement de cette série de courts textes.&lt;/p&gt;
&lt;p&gt;Sur ce site, consultez les &lt;strong&gt;ressources&lt;/strong&gt; consacrées  au contenu &lt;a href=&quot;https://radicalweb.design/ressources/html/content/&quot;&gt;HTML&lt;/a&gt; et à la &lt;a href=&quot;https://radicalweb.design/ressources/css/bases/text/&quot;&gt;gestion du texte en CSS&lt;/a&gt;, aux &lt;a href=&quot;https://radicalweb.design/projets/tilt/webfonts/&quot;&gt;fontes web&lt;/a&gt; et aux &lt;a href=&quot;https://radicalweb.design/projets/tilt/variables/&quot;&gt;fontes variables&lt;/a&gt; ou même aux &lt;a href=&quot;https://radicalweb.design/projets/tilt/macromicro/#microtypographie&quot;&gt;fonctionnalités opentype&lt;/a&gt; pour le web.&lt;/p&gt;
&lt;p&gt;Consultez également les &lt;strong&gt;liens&lt;/strong&gt; vers des &lt;a href=&quot;https://radicalweb.design/projets/tilt/fonderies&quot;&gt;fonderies et distributeurs&lt;/a&gt; de caractères, des &lt;a href=&quot;https://radicalweb.design/projets/tilt/fonderies#sites-et-blogs&quot;&gt;sites, blogs et newsletters&lt;/a&gt;, voire les &lt;strong&gt;références&lt;/strong&gt; sur &lt;a href=&quot;https://radicalweb.design/projets/tilt/fonderies#typographie-a-lecran&quot;&gt;la typo à l’écran&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Appuyez-vous également sur les &lt;strong&gt;exemples&lt;/strong&gt; consacrés à la &lt;a href=&quot;https://radicalweb.design/exemples/#layout&quot;&gt;mise en page&lt;/a&gt; et à la &lt;a href=&quot;https://radicalweb.design/exemples/#typo&quot;&gt;gestion du texte&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;mise-en-page&quot; tabindex=&quot;-1&quot;&gt;Mise en page&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#mise-en-page&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Mise en page”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Par contraste avec les logiques de grille utilisées dans le projet &lt;a href=&quot;https://radicalweb.design/projets/index&quot;&gt;index&lt;/a&gt;, la mise en page pourra s’appuyer sur le module de mise en page &lt;code&gt;flex&lt;/code&gt; : &lt;a href=&quot;https://radicalweb.design/ressources/css/layout/flexbox/&quot;&gt;consultez la documentation&lt;/a&gt; et &lt;a href=&quot;https://radicalweb.design/exemples/#flex&quot;&gt;regardez les exemples&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;cultures-web&quot; tabindex=&quot;-1&quot;&gt;Cultures web&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/tilt/#cultures-web&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Cultures web”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Il existe un &lt;a href=&quot;https://www.reddit.com/r/todayilearned/&quot;&gt;subreddit&lt;/a&gt; consacré à TIL, de même qu’un &lt;a href=&quot;https://www.tumblr.com/todayilearned-til&quot;&gt;Tumblr&lt;/a&gt;. &lt;a href=&quot;https://knowyourmeme.com/memes/today-i-learned-til&quot;&gt;Knowyourmeme&lt;/a&gt; nous apprend que la première définition de l’accronyme fut postée sur Urban Dictionary par zBriGuy le 20 août 2009, usant du même example que la vitesse de la lumière évoquée ci-dessus.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Index</title>
    <link href="https://radicalweb.design/projets/index/" />
    <updated>2026-10-14T00:00:00Z</updated>
    <id>https://radicalweb.design/projets/index/</id>
    <content type="html"><p>Dans le monde digital, avec l’index, on choisit ce que l’on veut montrer.</p>
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;index&quot; tabindex=&quot;-1&quot;&gt;Index&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#index&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Index”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;figure&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/vxKzJHGhpQ-400.webp 400w, https://radicalweb.design/projets/index/vxKzJHGhpQ-720.webp 720w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/vxKzJHGhpQ-400.jpeg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;370&quot; srcset=&quot;https://radicalweb.design/projets/index/vxKzJHGhpQ-400.jpeg 400w, https://radicalweb.design/projets/index/vxKzJHGhpQ-720.jpeg 720w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;figcaption&gt;Capture d’écran d’une fenêtre de l’invite de commande de Microsoft Windows montrant une liste de répertoires.&lt;/figcaption&gt;&lt;/figure&gt;
&lt;div class=&quot;big&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;Large companies find HTML &amp;amp; CSS frustrating “at scale” because the web is a fundamentally anti-capitalist mashup art experiment, designed to give consumers all the power. […] More accurately a Library Science driven experiment, I suppose…&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;— Miriam Suzanne&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/index/#fn1&quot; id=&quot;fnref1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;Ce &lt;a href=&quot;https://web.archive.org/web/20220130195520/https://twitter.com/TerribleMia/status/1198706002419310592&quot;&gt;tweet&lt;/a&gt; de &lt;a href=&quot;https://www.miriamsuzanne.com/&quot;&gt;Miriam Suzanne&lt;/a&gt; signale deux notions fondamentales du web. Dans sa plus simple expression (le HTML et CSS), le web est un projet aux ambitions “&lt;a href=&quot;https://fr.wikipedia.org/wiki/Communalisme&quot;&gt;communalistes&lt;/a&gt;” mené par des bibliothécaires.&lt;/p&gt;
&lt;p&gt;Le Web est né comme un projet &lt;em&gt;vague mais excitant&lt;/em&gt;, de &lt;a href=&quot;https://www.w3.org/History/1989/proposal.html&quot;&gt;système de gestion de l’information&lt;/a&gt;. Le partage&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/index/#fn2&quot; id=&quot;fnref2&quot;&gt;[2]&lt;/a&gt;&lt;/sup&gt; et la mise en accessibilité de la connaissance y sont des principes fondamentaux.&lt;/p&gt;
&lt;p&gt;Pour &lt;a href=&quot;https://fr.wikipedia.org/wiki/Sciences_de_l%27information_et_des_biblioth%C3%A8ques&quot;&gt;Wikipédia&lt;/a&gt;, les « Sciences de l’information et des bibliothèques » ont pour objet de permettre « de retrouver l’information pertinente et éviter le chaos documentaire ». Les notions de classification et d’indexation en sont des moteurs centraux.&lt;/p&gt;
&lt;p&gt;Dans le contexte du web, la notion d’indexation est également centrale. L’index est à la fois la page par défaut d’un site (&lt;code&gt;index.html&lt;/code&gt;) et le cœur des moteurs de recherche qui &lt;em&gt;indexent&lt;/em&gt; le web afin de nous permettre d’accéder à son contenu.&lt;/p&gt;
&lt;p&gt;Tim Berners-Lee a créé le &lt;em&gt;Web&lt;/em&gt; (la toile) en 1989 ; quelques années après, des entreprises naissantes de l’écosystème numérique ont créé des moteurs de recherche utilisant des robots d’indexation qualifiés de « spiders » (les araignées).  Il y a une certaine ironie à se rappeler que les araignées utilisent leurs toiles pour capturer (puis dévorer) leurs proies.&lt;/p&gt;
&lt;p&gt;En 2026, l’efficacité de ces moteurs de recherche (et Google au premier plan, qui concentre 84% des recherches en France) est en train de s’effondrer. Depuis longtemps, de nombreux sites ne sont construits que pour optimiser leur positionnement dans les listes de résultats des moteurs (on qualifie ces approches de SEO, &lt;em&gt;Search engine optimization&lt;/em&gt;). Mais l’avènement de l’« IA » générative démultiplie le nombre de ces contenus, qui deviendront rapidement indécelables pour les quelques mécanismes de contrôle encore à l’œuvre. L’usage de l’IA générative par les moteurs, au delà des moments où il &lt;a href=&quot;https://www.theguardian.com/technology/2023/nov/23/does-australia-exist-bing-search-no-bluesky-mastodon&quot;&gt;prête à sourire&lt;/a&gt;, promet un pourrissement de nos capacités à rechercher de l’information via les grands moteurs&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/index/#fn3&quot; id=&quot;fnref3&quot;&gt;[3]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;Il semble donc être à la fois temps d’explorer l’usage de nouveaux moteurs (&lt;a href=&quot;https://noai.duckduckgo.com/&quot;&gt;DuckDuckGo&lt;/a&gt;, &lt;a href=&quot;https://www.startpage.com/fr/&quot;&gt;Startpage&lt;/a&gt;, &lt;a href=&quot;https://searx.space/&quot;&gt;SearX&lt;/a&gt; ; tous trois plus orientés sur la confidentialité des recherches que sur de nouvelles manières d’indexer l’information) et de dresser nos propres index. Le web nous invite à la fois à publier notre propre contenu, mais aussi à créer des liens vers d’autres contenus. À partager à la fois notre propre production et à organiser notre propre curation.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;le-projet&quot; tabindex=&quot;-1&quot;&gt;Le projet&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#le-projet&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Le projet”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Dans le contexte de ce projet, la notion d’&lt;em&gt;index&lt;/em&gt; résonne avec celle de &lt;em&gt;homepage&lt;/em&gt;, ou &lt;em&gt;page perso&lt;/em&gt;. Soit un lieu qui classifie, organise, structure, hiérarchise et partage vos intérêts, vos connaissances, vos références. Mais également un lieu à même de partager au monde ce que vous avez à dire.&lt;/p&gt;
&lt;p&gt;Avant même de penser à créer plusieurs pages&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/index/#fn4&quot; id=&quot;fnref4&quot;&gt;[4]&lt;/a&gt;&lt;/sup&gt;, de la simple liste non ordonnée à la grille ou même au tableau, les possibilités qu’offrent HTML et CSS pour structurer un ensemble d’éléments sont nombreuses.&lt;/p&gt;
&lt;p&gt;L’objectif est de créer votre propre page d’index sur le site des ateliers web. Elle sera accessible depuis les &lt;a href=&quot;https://ateliers.esad-pyrenees.fr/web/archives/2026-2027/2dgm/&quot;&gt;archives de l’atelier&lt;/a&gt;, dans le sous-dossier à votre nom.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;questions-importantes&quot; tabindex=&quot;-1&quot;&gt;Questions importantes&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#questions-importantes&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Questions importantes”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Pourquoi vous devriez créer votre propre site web ? &lt;a href=&quot;https://radicalweb.design/recherche/notes/creez-votre-site-web/&quot;&gt;Quelques réponses ici&lt;/a&gt;.&lt;br&gt;
Que mettre dans votre site web ? &lt;a href=&quot;https://radicalweb.design/recherche/notes/todolists/&quot;&gt;Quelques hypothèses là&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Dans un premier temps, l’enjeu peut être de partager votre univers culturel. Ce site pourra donc contenir une liste de « références » classées par thématique : dessin, graphisme, littérature, cinéma, musique…&lt;/p&gt;
&lt;p&gt;Dans un deuxième temps, un &lt;a href=&quot;https://radicalweb.design/projets/tilt/&quot;&gt;exercice d’écriture sous contrainte&lt;/a&gt; nous permettra d’explorer les enjeux d’un processus de publication et d’une écriture textuelle personnelle et singulière.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;quelques-exemples&quot; tabindex=&quot;-1&quot;&gt;Quelques exemples&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#quelques-exemples&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Quelques exemples”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://radicalweb.design/exemples/responsivegrid/&quot;&gt;Une grille responsive&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://radicalweb.design/exemples/layouts/&quot;&gt;Une liste scrollable&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://radicalweb.design/exemples/random-img/&quot;&gt;Un grand désordre&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://ateliers.esad-pyrenees.fr/stolon/design_manifestos&quot;&gt;Un tableau bien organisé&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://radicalweb.design/exemples/filtering/&quot;&gt;Un simple liste à filtrer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://radicalweb.design/exemples/dudes/&quot;&gt;Un liste plus complexe à filtrer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;quelques-index&quot; tabindex=&quot;-1&quot;&gt;Quelques index&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#quelques-index&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Quelques index”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;gridlist&quot;&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.webdesignmuseum.org/web-design-history/world-wide-web-virtual-library-1991&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/lEHAm3u8JU-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/lEHAm3u8JU-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
World Wide Web Virtual Library &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.webdesignmuseum.org/web-design-history/yahoo-1994&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/FxSovSEOpT-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/FxSovSEOpT-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Yet Another Hierarchical Officious Oracle&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.dmoz.co.uk/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/Llgx0THwE5-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/Llgx0THwE5-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
DMOZ &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://craigslist.org/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/g3ndBS3dWI-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/g3ndBS3dWI-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
craigslist&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://eatock.com/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/lzI6tGPbuM-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/lzI6tGPbuM-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Daniel Eatock &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.indexhibit.org/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/4ZfAp2yZMG-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/4ZfAp2yZMG-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Indexhibit &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://cyberfeminismindex.com&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/-3DZbBNiux-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/-3DZbBNiux-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Cyberfeminism Index &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://typical-organization.com/chapter-01/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/VxC9XGoZf5-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/VxC9XGoZf5-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Typical Organization for Standards &amp;amp; Order &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;http://lastbutnotliste.com/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/MLpOuGW-fE-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/MLpOuGW-fE-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Last but not Liste  &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.catalogtree.net/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/eH6RKzKz8A-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/eH6RKzKz8A-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Catalogtree&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://desordre.net/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/grilVYqgfV-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/grilVYqgfV-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Le Désordre&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://simplifier.neocities.org/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/Ns9-hU8xWq-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/Ns9-hU8xWq-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Simplifier &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://paolaristoldo.com/Unplanned-Pictures-index-1&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/i5lAZnU6bb-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/i5lAZnU6bb-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Paola Ristoldo &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;http://leeraewalsh.com/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/1ZnaNmiVEu-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/1ZnaNmiVEu-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Lee Rae Walsh &lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.julienlelievre.com/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/eVpZirDYD7-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/eVpZirDYD7-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Julien Lelièvre&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.thisisveryrude.com/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/9PhKUvYJIT-400.webp 400w, https://radicalweb.design/projets/index/9PhKUvYJIT-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/9PhKUvYJIT-400.jpeg&quot; alt=&quot;*&quot; width=&quot;800&quot; height=&quot;800&quot; srcset=&quot;https://radicalweb.design/projets/index/9PhKUvYJIT-400.jpeg 400w, https://radicalweb.design/projets/index/9PhKUvYJIT-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Shannon Lim&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.sourcetype.com/index/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/7dooanJrRL-300.webp 300w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/7dooanJrRL-300.jpeg&quot; alt=&quot;*&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/picture&gt;&lt;br&gt;
Sourcetype index&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;quelques-pages-perso&quot; tabindex=&quot;-1&quot;&gt;Quelques pages perso&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/index/#quelques-pages-perso&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Quelques pages perso”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;gridlist&quot;&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://ribo.zone/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/jhbOvmVXef-400.webp 400w, https://radicalweb.design/projets/index/jhbOvmVXef-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/jhbOvmVXef-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/jhbOvmVXef-400.jpeg 400w, https://radicalweb.design/projets/index/jhbOvmVXef-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://ribo.zone/&quot;&gt;(ribo.zone)&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://zeste.ee/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/AYhIt2lZnt-400.webp 400w, https://radicalweb.design/projets/index/AYhIt2lZnt-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/AYhIt2lZnt-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/AYhIt2lZnt-400.jpeg 400w, https://radicalweb.design/projets/index/AYhIt2lZnt-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://zeste.ee&quot;&gt;zeste.ee&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.aliceneron.eu/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/5D35nKOnvU-400.webp 400w, https://radicalweb.design/projets/index/5D35nKOnvU-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/5D35nKOnvU-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/5D35nKOnvU-400.jpeg 400w, https://radicalweb.design/projets/index/5D35nKOnvU-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://www.aliceneron.eu/&quot;&gt;aliceneron.eu&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://ungual.digital/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/UqHqiTevLQ-400.webp 400w, https://radicalweb.design/projets/index/UqHqiTevLQ-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/UqHqiTevLQ-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/UqHqiTevLQ-400.jpeg 400w, https://radicalweb.design/projets/index/UqHqiTevLQ-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://ungual.digital/&quot;&gt;ungual.digital&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://melonking.net/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/waiuSEdaA7-400.webp 400w, https://radicalweb.design/projets/index/waiuSEdaA7-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/waiuSEdaA7-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/waiuSEdaA7-400.jpeg 400w, https://radicalweb.design/projets/index/waiuSEdaA7-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://melonking.net/&quot;&gt;melonking.net&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://jujulove.eu/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/fv1_nEJZxP-400.webp 400w, https://radicalweb.design/projets/index/fv1_nEJZxP-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/fv1_nEJZxP-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/fv1_nEJZxP-400.jpeg 400w, https://radicalweb.design/projets/index/fv1_nEJZxP-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://jujulove.eu/&quot;&gt;jujulove.eu&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://martinlemaire.fr/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/LqDPHxJ0T7-400.webp 400w, https://radicalweb.design/projets/index/LqDPHxJ0T7-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/LqDPHxJ0T7-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/LqDPHxJ0T7-400.jpeg 400w, https://radicalweb.design/projets/index/LqDPHxJ0T7-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://martinlemaire.fr/&quot;&gt;martinlemaire.fr&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://girl-moss.neocities.org/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/Z9gav0G0x8-400.webp 400w, https://radicalweb.design/projets/index/Z9gav0G0x8-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/Z9gav0G0x8-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/Z9gav0G0x8-400.jpeg 400w, https://radicalweb.design/projets/index/Z9gav0G0x8-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://girl-moss.neocities.org/&quot;&gt;girl-moss.neocities.org&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://ribambelle.club/~zoutof/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/YZudZc_XC6-400.webp 400w, https://radicalweb.design/projets/index/YZudZc_XC6-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/YZudZc_XC6-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/YZudZc_XC6-400.jpeg 400w, https://radicalweb.design/projets/index/YZudZc_XC6-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://ribambelle.club/~zoutof/&quot;&gt;ribambelle.club/~zoutof&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://nicochilla.com/stuff&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/3iBvk0OV8S-400.webp 400w, https://radicalweb.design/projets/index/3iBvk0OV8S-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/3iBvk0OV8S-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/3iBvk0OV8S-400.jpeg 400w, https://radicalweb.design/projets/index/3iBvk0OV8S-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://nicochilla.com/stuff&quot;&gt;nicochilla.com/stuff&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://ita.toys/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/CVUoSnS_sn-400.webp 400w, https://radicalweb.design/projets/index/CVUoSnS_sn-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/CVUoSnS_sn-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/CVUoSnS_sn-400.jpeg 400w, https://radicalweb.design/projets/index/CVUoSnS_sn-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://ita.toys/&quot;&gt;ita.toys&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://adream.garden/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/4gDIu_pKpt-400.webp 400w, https://radicalweb.design/projets/index/4gDIu_pKpt-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/4gDIu_pKpt-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/4gDIu_pKpt-400.jpeg 400w, https://radicalweb.design/projets/index/4gDIu_pKpt-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://adream.garden/&quot;&gt;adream.garden&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://boutur.es/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/KTUkGPbXmL-400.webp 400w, https://radicalweb.design/projets/index/KTUkGPbXmL-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/KTUkGPbXmL-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/KTUkGPbXmL-400.jpeg 400w, https://radicalweb.design/projets/index/KTUkGPbXmL-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://boutur.es/&quot;&gt;boutur.es&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://welcometomyhomepage.net/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/bV9FhKssfD-400.webp 400w, https://radicalweb.design/projets/index/bV9FhKssfD-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/bV9FhKssfD-400.jpeg&quot; alt=&quot;alt text&quot; width=&quot;800&quot; height=&quot;466&quot; srcset=&quot;https://radicalweb.design/projets/index/bV9FhKssfD-400.jpeg 400w, https://radicalweb.design/projets/index/bV9FhKssfD-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;https://welcometomyhomepage.net/&quot;&gt;welcometomyhomepage.net&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;hr class=&quot;footnotes-sep&quot;&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn1&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Les grandes entreprises trouvent HTML &amp;amp; CSS frustrant dans son industrialisation parce que le web est fondamentalement une expérience artistique hybride et anticapitaliste, conçue pour donner tout le pouvoir aux consommateurs.  Ou plus exactement, une expérience menée par la science documentaliste, je suppose… &lt;a href=&quot;https://radicalweb.design/projets/index/#fnref1&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn2&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/index/rB_1xohoSo-400.webp 400w, https://radicalweb.design/projets/index/rB_1xohoSo-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/index/rB_1xohoSo-400.jpeg&quot; alt=&quot;Let’s share what we know&quot; title=&quot;Let’s share what we know, le premier logo du web&quot; width=&quot;800&quot; height=&quot;800&quot; srcset=&quot;https://radicalweb.design/projets/index/rB_1xohoSo-400.jpeg 400w, https://radicalweb.design/projets/index/rB_1xohoSo-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt; &lt;a href=&quot;https://radicalweb.design/projets/index/#fnref2&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn3&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Lire &lt;a href=&quot;https://affordance.framasoft.org/2023/10/du-web-semantique-au-web-synthetique/&quot;&gt;Du Web sémantique au Web synthétique&lt;/a&gt; par Olivier Ertschzeid. &lt;a href=&quot;https://radicalweb.design/projets/index/#fnref3&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn4&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Wikipédia, haut de lieu de la classification et de l’indexation contient &lt;a href=&quot;https://en.wikipedia.org/wiki/List_of_lists_of_lists&quot;&gt;une page de liste de listes de listes&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/index/#fnref4&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
  </entry>
  <entry>
    <title>☞ Les sites de Claude Closky</title>
    <link href="https://www.sittes.net/index/" />
    <updated>2026-10-05T00:00:00Z</updated>
    <id>https://www.sittes.net/index/</id>
    <content type="html"><p>Absurdes, drôles, improbables ou lunaires, les sites de Claude Closky (souvent avec Jean-Noël Lafargue)</p>
</content>
  </entry>
  <entry>
    <title>☞ Evan Roth - Timeline</title>
    <link href="https://www.evan-roth.com/timeline/" />
    <updated>2026-10-03T00:00:00Z</updated>
    <id>https://www.evan-roth.com/timeline/</id>
    <content type="html"><p>A scrolling timeline of Evan Roth’s shows, works, talks, and music from 2002 to 2025</p>
</content>
  </entry>
  <entry>
    <title>Learn to code vs Code to learn</title>
    <link href="https://radicalweb.design/projets/codetolearn/" />
    <updated>2026-10-01T00:00:00Z</updated>
    <id>https://radicalweb.design/projets/codetolearn/</id>
    <content type="html"><p>Des raisons qui nous poussent à aborder le code comme une pratique légitime et féconde en école d’art et de design</p>
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;learn-to-code-vs-code-to-learn&quot; tabindex=&quot;-1&quot;&gt;Learn to Code vs. Code to Learn&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#learn-to-code-vs-code-to-learn&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Learn to Code vs. Code to Learn”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le code créatif au delà de l’impératif économique&lt;/p&gt;
&lt;p&gt;Ce texte de Silvio Lorusso, écrit en 2022, est issu de &lt;a href=&quot;https://postdigitalgraphicdesign.com/&quot;&gt;&lt;em&gt;Graphic Design in the Post-Digital Age : A Survey of Practices Fuelled by Creative Coding&lt;/em&gt;&lt;/a&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn1&quot; id=&quot;fnref1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;, édité par Demian Conrad et Rob van Leijsen, publié par Onomatopee, la HEAD-Genève et Set Margins’.&lt;/p&gt;
&lt;p&gt;Le texte, publié en introduction de l’ouvrage en regard d’un autre texte de l’éditeur Demian Conrad, a également été publié sur &lt;a href=&quot;https://silviolorusso.com/publication/learn-to-code-vs-code-to-learn/&quot;&gt;le propre site de Silvio Lorusso&lt;/a&gt;. De sa version originale en anglais, on a tiré cette traduction parfois approximative, publiée ici avec l’accord de l’auteur&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn2&quot; id=&quot;fnref2&quot;&gt;[2]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;La lecture collective et séquentielle de ce texte permettra d’aborder les raisons fondamentales de l’enseignement du web design &lt;em&gt;par le code&lt;/em&gt; tel qu’il vous est proposé.&lt;/p&gt;
&lt;p&gt;On mettra parfois (✋) notre lecture en pause pour discuter et parfois expérimenter ce que des outils numériques – plus ou moins adroitement – agencés &lt;em&gt;par le code&lt;/em&gt; peuvent produire.&lt;/p&gt;
&lt;img src=&quot;https://radicalweb.design/projets/codetolearn/ctl.gif&quot; alt=&quot;Code to learn to code&quot;&gt;
&lt;p&gt;La pratique du code occupe une place singulière dans le domaine du design graphique. Bien qu’elle soit reconnue comme façonnant profondément notre environnement artificiel, son adoption effective au sein des écoles et des studios reste minoritaire, c’est le moins que l’on puisse dire. Par ailleurs, comme le montrent certains entretiens de cet ouvrage [Graphic Design in the Post-Digital Age], les designers graphiques ne sont pas toujours en mesure de percevoir les vertus computationnelles d’un projet, telles qu’un flux de travail élégant ou un processus génératif ingénieux&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn3&quot; id=&quot;fnref3&quot;&gt;[3]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;Je parle en connaissance de cause : en près de cinq années d’enseignement, j’ai surpris quelques étudiant·s en train de sous-traiter la partie programmation de leurs projets. Plusieurs d’entre elleux ont exprimé de la frustration ou un manque d’intérêt pour le code, souvent perçu comme la simple exécution technique d’une hypothèse créative. Malheureusement, une dimension liée au genre entre probablement également en jeu, sans doute en raison du sentiment d’éloignement intériorisé que ressentent les femmes vis-à-vis des disciplines dites STIM (science, technologie, ingénierie et mathématiques)&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn4&quot; id=&quot;fnref4&quot;&gt;[4]&lt;/a&gt;&lt;/sup&gt;. De fait, la plupart des étudiant·s qui me confient d’emblée que « le code, ce n’est pas leur tasse de thé » sont des femmes.&lt;/p&gt;
&lt;p&gt;Ceci dit, j’ai eu le plaisir de voir de nombreux projets complexes, fortement basés sur le code, réalisés par des femmes designers. Ces projets ne relevaient pas de l’hubris prométhéenne que le code suscite souvent, ni de l’étalage orgueilleux de la « puissance » de la programmation. Ils se concentraient plutôt sur les aspects socioculturels du code en tant que pratique rapprochant les individus des machines, et les reliant par leur intermédiaire. Nous y reviendrons plus loin.&lt;/p&gt;
&lt;p&gt;Cette pratique doit-elle relever du domaine du designer ? C’est une question qui suscite des débats vifs et récurrents depuis aussi longtemps que je m’en souvienne. Pour le dire simplement : les designers doivent-ils savoir programmer ? Pour certains praticiens éminents, la réponse est un « oui » catégorique. John Maeda est l’un d’eux. Sa position n’a rien d’étonnant, puisqu’il a créé le langage &lt;em&gt;Design by Numbers&lt;/em&gt; — le prédécesseur de &lt;em&gt;Processing&lt;/em&gt; [ ou de P5.js, NDT. ] — et qu’il peut être considéré comme un pionnier du design génératif. Selon Maeda, le design computationnel est utilise la matière même de tout ce qui implique le calcul, la détection (sensing) et l’actionnement (actuating). Selon lui, les designers utilisant l’informatique ne remplaceraient pas — du moins pas dans un avenir proche — les « designers classiques », mais s’attaqueraient simplement à des défis différents&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn5&quot; id=&quot;fnref5&quot;&gt;[5]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;Une autre position se veut plus pragmatique : certes, savoir coder est un atout — une compétence qui facilite le dialogue avec les développeurs —, mais dans la pratique, le domaine de prédilection des designers graphiques, &lt;em&gt;UI&lt;/em&gt; et même &lt;em&gt;UX&lt;/em&gt; reste le &lt;em&gt;wireframe&lt;/em&gt;, la maquette ou le prototype cliquable réalisés dans Illustrator ou (frissons garantis) Photoshop ; et plus récemment dans Figma, Sketch ou Invision, avec quelques incursions occasionnelles dans l’univers de CSS ou de SASS.&lt;/p&gt;
&lt;p&gt;Je ne cherche pas ici à proposer un énième point de vue sur cette &lt;em&gt;vexata quaestio&lt;/em&gt;, mais plutôt à prendre du recul sur les cadres de pensée que nous adoptons lorsque nous envisageons le code comme une pratique. J’espère mettre en lumière deux paradigmes qui s’influencent et se reconfigurent mutuellement. Je les désignerai sous les termes « Apprendre à coder » (&lt;em&gt;Learn to Code&lt;/em&gt;) et « Coder pour apprendre » (&lt;em&gt;Code to Learn&lt;/em&gt;).&lt;/p&gt;
&lt;p&gt;Une précision avant de commencer : dans cet essai, j’utilise les termes « codage », « programmation » ou « hacking » de manière interchangeable, car la distinction entre eux — ainsi que leur hiérarchie relative — est souvent floue et artificielle. Toutefois, comme je l’expliquerai, ils sont idéologiquement liés à ces paradigmes.&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;apprendre-a-coder&quot; tabindex=&quot;-1&quot;&gt;Apprendre à coder&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#apprendre-a-coder&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Apprendre à coder”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Au début de l’année 2019, un groupe d’utilisateurs de 4chan et de Twitter a commencé à se moquer de journalistes récemment licenciés de BuzzFeed et du Huffington Post, et à les harceler. Ces utilisateurs leur assénant qu’il était temps pour eux d’« apprendre à coder »&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn6&quot; id=&quot;fnref6&quot;&gt;[6]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;Le contexte : quelques années auparavant, les médias américains avaient mis en lumière une initiative visant à reconvertir des mineurs de charbon (dont les emplois avaient été supprimés) en développeurs. Méfiants à l’égard de la presse progressiste, des utilisateurs des réseaux sociaux ont diffusé le mème « Learn to Code » pour souligner l’élitisme inhérent à cette initiative et le deux poids, deux mesures qu’elle impliquait : il est acceptable de demander aux mineurs de se reconvertir, mais pas aux journalistes. Les premiers sont perçus comme une ressource humaine à réaffecter, les seconds comme des individus dotés d’une capacité d’agir.&lt;/p&gt;
&lt;p&gt;À vrai dire, un quiz publié en 2014 sur BuzzFeed [Site d’&lt;em&gt;infotainment&lt;/em&gt; états-unien. NDT.] abordait déjà, sur le ton de l’ironie, la question de l’injonction à « apprendre à coder »&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn7&quot; id=&quot;fnref7&quot;&gt;[7]&lt;/a&gt;&lt;/sup&gt;. Le principe était simple : il fallait répondre à quelques questions pour savoir si l’on devait, ou non, apprendre à coder. Reflétant l’humour absurde propre à BuzzFeed, les catégories incluaient « féministe », « Michael Bloomberg », « sans-abri » et, bien sûr, « designer ». La réponse du quiz pour cette dernière catégorie était qu’ils devaient eux aussi apprendre à coder, car c’est ce que préconisait &lt;em&gt;Fast Company&lt;/em&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn8&quot; id=&quot;fnref8&quot;&gt;[8]&lt;/a&gt;&lt;/sup&gt; [Magazine états-unien traitant de technologie, du futur du businnes ou du travail, mais aussi de design. NDT.].&lt;/p&gt;
&lt;p&gt;La blague reposait sur l’idée que tout le monde était tenu d’apprendre à coder — à l’exception de Barack Obama, alors trop occupé à exercer ses fonctions de président des États-Unis (mais pas trop pour dire aux étudiant·s de &lt;a href=&quot;https://obamawhitehouse.archives.gov/blog/2013/12/09/don-t-just-play-your-phone-program-it/&quot;&gt;programmer leurs téléphones plutôt que de simplement jouer avec&lt;/a&gt; [Ajout du lien. NDT.]).&lt;/p&gt;
&lt;p&gt;En 2021, l’impératif économique de formation et de reconversion n’a jamais été aussi fort. Après l’impact dramatique de la pandémie sur la situation économique des artistes, un certain scepticisme émerge à l’égard du travail « créatif », désormais perçu comme une rêverie improductive relevant d’un secteur totalement superflu. L’accent est désormais mis sur le travail acharné et l’efficacité. Une publicité mal perçue illustre bien ce sentiment : elle montre une danseuse étoile en train de nouer ses chaussons, accompagnée du slogan : « Le prochain emploi de Fatima pourrait être dans la cybersécurité (elle ne le sait tout simplement pas encore)&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn9&quot; id=&quot;fnref9&quot;&gt;[9]&lt;/a&gt;&lt;/sup&gt;. »&lt;/p&gt;
&lt;p&gt;L’idée fondamentale derrière l’injonction « Apprenez à coder » (&lt;em&gt;Learn to Code&lt;/em&gt;) est que la capacité à programmer constitue une nécessité historique pour les personnes occupant un emploi inutile ou obsolète, et qu’elles doivent se plier aux impératifs économiques du capitalisme. Cet asservissement est qualifié de « reconversion ». Lors d’un rassemblement en 2019, Joe Biden a déclaré avec condescendance à une foule de mineurs dont les postes avaient été supprimés : « N’importe qui capable de jeter du charbon dans une chaudière peut apprendre à programmer, bon sang ! » Personne n’a applaudi&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn10&quot; id=&quot;fnref10&quot;&gt;[10]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;p&gt;Il est peut-être utile, à ce stade, de rappeler brièvement la distinction entre « codeurs » et « programmeurs ». Si les programmeurs jouissent d’une expertise reconnue — et relativement ésotérique — assortie d’un salaire élevé, le codage est de plus en plus perçu comme une activité peu qualifiée. Le programmeur appartient à une profession, le codeur à une main-d’œuvre.&lt;/p&gt;
&lt;p&gt;Revenons au design. À l’heure actuelle, la perception publique des graphistes ne diffère guère de celle des journalistes&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn11&quot; id=&quot;fnref11&quot;&gt;[11]&lt;/a&gt;&lt;/sup&gt;. Ces deux métiers sont désormais considérés comme des professions qu’il serait bon d’automatiser une fois pour toutes. Des emplois destinés à devenir de simples boutons. Dans ce scénario, le codage apparaît comme une panacée professionnelle, liée à la rhétorique de l’obsolescence des compétences et de l’employabilité. Le codage devient une « compétence », au sens le plus réducteur du terme : un élément à ajouter à son CV, idéalement décliné en unités distinctes. HTML et CSS : bon niveau ; JavaScript : bases. L’ouvrage &lt;em&gt;Graphic Design Surveyed&lt;/em&gt; révèle que les étudiant·s américains et britanniques considèrent le codage comme la troisième compétence la plus utile à acquérir (après le réseautage et la génération d’idées)&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn12&quot; id=&quot;fnref12&quot;&gt;[12]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;En 2014, le théoricien allemand des médias Florian Cramer a analysé les différentes acceptions du terme « post-numérique ». L’une d’elles désignant « le désenchantement contemporain à l’égard des systèmes d’information numériques et des gadgets médiatiques ». &lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn13&quot; id=&quot;fnref13&quot;&gt;[13]&lt;/a&gt;&lt;/sup&gt; Le mème « Learn to Code » (Apprenez à coder) suggère que le désenchantement ne concerne pas seulement les outils du métier, mais le métier lui-même. Sous l’angle de la reconversion professionnelle, le code ne semble pas si émancipateur.&lt;/p&gt;
&lt;p&gt;Une autre conception du « post-numérique » avancée par Cramer a trait au regain d’intérêt pour les « vieux médias ». C’est peut-être un peu tiré par les cheveux, mais qu’y a-t-il de plus caractéristique des « vieux médias » — ou du XX&lt;sup&gt;e&lt;/sup&gt; siècle — que l’idée d’une main-d’œuvre à façonner pour le bien de la nation ? Certes, le discours « Learn to Code » laisse entendre que les emplois, les compétences et les aspirations ne s’inscrivent pas dans le vide. Toutefois, sous l’effet conjugué du désenchantement à l’égard du numérique et d’une rhétorique du travail héritée des vieux médias, la pratique du code apparaît comme une manifestation post-numérique du « réalisme capitaliste », contraignant graphistes, journalistes et mineurs de fond à affronter leur situation. Tous doivent se soumettre à des mises à jour obligatoires, tout comme les logiciels. La programmation elle-même échappe-t-elle à cette logique ? Il semblerait que non, car l’« Angelus Novus » de l’IA promet — ou menace, selon le point de vue — d’automatiser également le codeur&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn14&quot; id=&quot;fnref14&quot;&gt;[14]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;coder-pour-apprendre&quot; tabindex=&quot;-1&quot;&gt;Coder pour apprendre&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#coder-pour-apprendre&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Coder pour apprendre”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Ted Nelson a dit : « L’ordinateur est aussi inhumain que ce que nous en faisons&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn15&quot; id=&quot;fnref15&quot;&gt;[15]&lt;/a&gt;&lt;/sup&gt;. » Le fait que la pratique du code soit une activité cognitive ne le rend pas intrinsèquement humain. Il peut aussi devenir un exercice fastidieux, répétitif et industrialisé. C’est à cela que pourraient ressembler les emplois d’une main-d’œuvre dite « &lt;em&gt;new collar&lt;/em&gt; » (aux compétences techniques nouvelles), surtout si cette main-d’œuvre a été reconvertie de force&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn16&quot; id=&quot;fnref16&quot;&gt;[16]&lt;/a&gt;&lt;/sup&gt;. Qu’est-ce donc que la pratique du code, au-delà de l’impératif économique peu émancipateur d’« apprendre à coder » ? La pratique du code — qu’il s’agisse d’écrire du HTML et du CSS, de publier un bout  JavaScript sur GitHub Gist, de modifier un croquis Processing ou de publier un module Python — peut constituer non seulement le contenu d’un processus d’apprentissage, mais aussi son médium même.&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn17&quot; id=&quot;fnref17&quot;&gt;[17]&lt;/a&gt;&lt;/sup&gt; Il peut ainsi devenir un artisanat et une culture, ou mieux encore, un lieu de rencontre culturel. Qu’y trouverait-on ? Une communauté de pratique.&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;apprendre-avec-les-ordinateurs&quot; tabindex=&quot;-1&quot;&gt;Apprendre avec les ordinateurs&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#apprendre-avec-les-ordinateurs&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Apprendre avec les ordinateurs”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;À une époque où l’on parle beaucoup de la créativité des machines autonomes dotées d’IA, il est bon de reconsidérer la notion de symbiose homme-machine chère à Licklider&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn18&quot; id=&quot;fnref18&quot;&gt;[18]&lt;/a&gt;&lt;/sup&gt;. Lorsque vous codez, vous donnez à l’ordinateur l’instruction d’exécuter une tâche plus ou moins complexe, qui est ensuite immédiatement réalisée. Vous ne savez pas toujours à quoi vous attendre : le résultat peut vous émerveiller ou vous décevoir, vous permettant de réorienter, voire de redéfinir, votre objectif initial.&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn19&quot; id=&quot;fnref19&quot;&gt;[19]&lt;/a&gt;&lt;/sup&gt; Une partie de cette symbiose est intrinsèque au langage partagé par l’utilisateur et la machine : le code. La créativité se déploie à travers ce processus d’apprentissage micro-itératif : elle ne réside ni dans l’esprit ni dans la machine, mais plutôt dans le dialogue scripté et continu entre le sujet et ses extensions&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn20&quot; id=&quot;fnref20&quot;&gt;[20]&lt;/a&gt;&lt;/sup&gt;. L’ordinateur n’est que l’une de ces extensions, mais une extension particulièrement puissante puisqu’il est, pour reprendre le terme d’Alan Kay, un « métamédium », c’est-à-dire un médium capable de simuler tous les autres. À ce titre, l’ordinateur devrait être un objet malléable et transformable. Lorsqu’il perd cette malléabilité, l’ordinateur se fige dans un médium stable ; c’est peut-être plus efficace, mais aussi moins surprenant, moins « créatif ». On en fait plus, mais on apprend moins. Fondamentalement, la créativité est une question de temps. La majeure partie de notre activité quotidienne avec les ordinateurs passe par des logiciels certes rapides, mais figés. Nous utilisons l’ordinateur en « mode speedrun »&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn21&quot; id=&quot;fnref21&quot;&gt;[21]&lt;/a&gt;&lt;/sup&gt;. C’est là tout le paradoxe du code créatif : la dimension « code » est censée accélérer les choses, tandis que la dimension « créative » exige de la lenteur. Au regard des principes du &lt;em&gt;permacomputing&lt;/em&gt;, on pourrait dire que l’approche « Apprendre à coder » (&lt;em&gt;Learn to Code&lt;/em&gt;) est très « yang », alors que l’approche « Coder pour apprendre » (&lt;em&gt;Code to Learn&lt;/em&gt;) valorise également le « yin » : elle « accepte les aspects qui échappent au contrôle rationnel et à la compréhension. La rationalité est soutenue par l’intuition. La relation avec le système est davantage bidirectionnelle, privilégiant l’expérimentation et l’observation&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn22&quot; id=&quot;fnref22&quot;&gt;[22]&lt;/a&gt;&lt;/sup&gt;. »&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;apprendre-grace-aux-ordinateurs&quot; tabindex=&quot;-1&quot;&gt;Apprendre grâce aux ordinateurs&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#apprendre-grace-aux-ordinateurs&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Apprendre grâce aux ordinateurs”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;La pratique du code ne se résume pas à une relation entre un utilisateur et un ordinateur ; elle crée aussi des liens entre utilisateur⋅ices &lt;em&gt;à travers&lt;/em&gt; les ordinateurs. Les utilisateur⋅ices échangent des techniques — dans la vie réelle ou sur StackOverflow —, appréciant les solutions de chacun, utilisant le code comme prétexte pour passer du temps ensemble ou développant des outils en s’appuyant sur les travaux des autres&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn23&quot; id=&quot;fnref23&quot;&gt;[23]&lt;/a&gt;&lt;/sup&gt;. Ce processus repose sur la patience et l’écoute ; il a pour aboutissement le plaisir et un sentiment d’appartenance.&lt;/p&gt;
&lt;p&gt;Le code peut également être un pont nous reliant aux utilisateurs du passé. C’est ce qu’illustre l’exercice proposé par Ted Davis, consistant à recréer des œuvres informatiques pionnières&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn24&quot; id=&quot;fnref24&quot;&gt;[24]&lt;/a&gt;&lt;/sup&gt;, ou encore le projet &lt;em&gt;Re-Programmed Art&lt;/em&gt;, dans le cadre duquel des designers contemporains ont réinterprété des œuvres « analogiques » du collectif italien Gruppo T, actif dans les années 60&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn25&quot; id=&quot;fnref25&quot;&gt;[25]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;le-code-comme-un-artisanat&quot; tabindex=&quot;-1&quot;&gt;Le code comme un artisanat&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/codetolearn/#le-code-comme-un-artisanat&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Le code comme un artisanat”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Alors que l’approche « Apprendre à coder » (&lt;em&gt;Learn to Code&lt;/em&gt;) transforme le code en une compétence valorisable dans un CV, l’approche « Coder pour apprendre » (&lt;em&gt;Code to Learn&lt;/em&gt;) envisage le code comme un artisanat. Ma conception de l’artisanat est vaste : il s’agit, selon la définition de Sennett, d’« un travail bien fait »&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn26&quot; id=&quot;fnref26&quot;&gt;[26]&lt;/a&gt;&lt;/sup&gt;. Un métier d’art est un savoir-faire capable de stabiliser et de consolider l’identité de celui qui l’exerce. À une époque où les designers sont incités à constamment ornementer leur biographie de compétences stratégiques, l’artisanat constitue une activité réflexive : les objets façonnés et les outils utilisés reflètent leur créateur, qui, généralement, s’y reconnaît. Il en va de même pour le code. Comme l’explique Roberto Arista, créateur du cours « Python for Designers » :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;La programmation peut alors devenir un moyen de s’échapper [de l’enfermement des logiciels de PAO], de relier différents domaines et de reconstruire patiemment un atelier au sein même des outils qui avaient, de fait, détruit ces domaines&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fn27&quot; id=&quot;fnref27&quot;&gt;[27]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;L’artisan⋅e pénètre dans son atelier — qu’il soit physique ou numérique : un &lt;em&gt;hackerspace&lt;/em&gt; local, une configuration i3 personnalisée ou un CMS conçu sur mesure — et s’y sent chez elle⋅lui. C’est là qu’il code et apprend, apprend et code. C’est là qu’il peut oublier, du moins pour un temps et s’iel a de la chance, les pressions et les impératifs économiques du quotidien.&lt;/p&gt;
&lt;p&gt;Sans pour autant ignorer le discours anxiogène de l’approche « Apprendre à coder » — axé sur l’employabilité et l’obsolescence professionnelle —, l’approche « Coder pour apprendre » propose d’envisager la pratique du code pour elle-même, et non simplement comme une fatalité inéluctable. Choisir l’un ou l’autre de ces modèles au sein d’une école de design graphique revient également à définir la manière d’enseigner le code. Lorsque je parle du code en tant que tel, je ne le réduis pas à une simple accumulation de notions techniques (variables, boucles, etc.). C’est précisément là que réside la réduction instrumentale propre à la mentalité « Apprendre à coder ». Je l’entends plutôt dans un sens plus large : le code comme activité sociale et domaine culturel. C’est là toute l’essence de l’approche « Coder pour apprendre ».&lt;/p&gt;
&lt;p&gt;✋&lt;/p&gt;
&lt;p&gt;L’auteur tient à remercier Roel Roscam Abbing, Danny Van der Kleij, Raphaël Bastide, mara et sejo pour leurs précieux retours.&lt;/p&gt;
&lt;hr class=&quot;footnotes-sep&quot;&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn1&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/codetolearn/AhCQCFL84--400.webp 400w, https://radicalweb.design/projets/codetolearn/AhCQCFL84--800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/codetolearn/AhCQCFL84--400.jpeg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;1069&quot; srcset=&quot;https://radicalweb.design/projets/codetolearn/AhCQCFL84--400.jpeg 400w, https://radicalweb.design/projets/codetolearn/AhCQCFL84--800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt; &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref1&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn2&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Une &lt;a href=&quot;https://trcc.timrodenbroeker.de/silvio-lorusso/&quot;&gt;dicussion avec Tim Rodenbröker&lt;/a&gt; (d’où est extrait le gif ci-contre) permettra aux plus aventureux·ses d’aller plus loin dans les questions abordées dans ce texte. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref2&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn3&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Voir par exemple, l’interview de Sarah Garcin, pp. A.I 177. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref3&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn4&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Women_in_STEM&quot;&gt;wikipedia.org&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref4&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn5&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=JGGAitirfRY&quot;&gt;youtube.com&lt;/a&gt;. Voir aussi Liz Stinson, « John Maeda : If You Want to Survive in Design, You Better Learn to Code ». Wired, 2017 : &lt;a href=&quot;http://www.wired.com/2017/03/john-maeda-want-survive-design-better-learn-code&quot;&gt;wired.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref5&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn6&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;http://knowyourmeme.com/memes/learn-to-code&quot;&gt;knowyourmeme.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref6&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn7&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Katie Notopoulos, “Should You Learn To Code?” Buzzfeed, February, 10, 2014. &lt;a href=&quot;http://www.buzzfeednews.com/article/katienotopoulos/should-you-learn-to-code&quot;&gt;buzzfeednews.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref7&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn8&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Scott Sullivan, “Designers: Learn To Code! Here’s How To Start,” Fast Company, December 21, 2013: fastcompany.com. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref8&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn9&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;La publicité date en réalité de 2019 et s’inscrivait dans le cadre d’une campagne plus large. Sortie de son contexte en 2021, elle a été perçue comme ciblant spécifiquement les artistes. Au-delà de sa signification réelle, l’indignation qu’elle a suscitée met en lumière les tensions entourant le travail créatif et artistique. Voir &lt;a href=&quot;http://twitter.com/nick_pettigrew/status/1315597228367585281&quot;&gt;twitter.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref9&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn10&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;http://www.facebook.com/watch/?v=609396033141361&quot;&gt;facebook.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref10&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn11&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Voir Ellen Mercer, &lt;em&gt;FYI I’M A GRAPHIC DESIGNER&lt;/em&gt;, 2015: &lt;a href=&quot;http://www.youtube.com/watch?v=frBO8PkEQPA&quot;&gt;youtube.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref11&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn12&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;em&gt;Graphic Designers Surveyed&lt;/em&gt;, Lucienne Roberts, Nikandre Kopcke, Stefanie Posavec et al. ed., (London: GraphicDesign, 2015), 166-7. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref12&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn13&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;tiré par les cheveux, &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref13&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn14&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Voir &lt;a href=&quot;http://copilot.github.com&quot;&gt;copilot.github.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref14&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn15&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Ted Nelson, Computer Lib/Dream Machines, (Chicago: Hugo’s Book Service, 1974). &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref15&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn16&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;IBM a créé le terme de &lt;em&gt;New Collar&lt;/em&gt; dans le cadre d’un programme dédié à la création d’emplois dans la tech pour des personnes non diplômées. Voir &lt;a href=&quot;http://www.youtube.com/watch?v=JgEzrM8-ELM&quot;&gt;youtube.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref16&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn17&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Oui, écrire du HTML c’est aussi du code: “[…] Quand vous écrivez une page HTML, vous créez un modèle de données qui va être interprêté par le navigateur. C’est ça, la programmation.” &lt;em&gt;in&lt;/em&gt; Paul Ford, “&lt;em&gt;‘Real’ Programming is an Elitist Myth&lt;/em&gt;”, Wired, 2020. &lt;a href=&quot;http://www.wired.com/story/databases-coding-real-programming-myth&quot;&gt;wired.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref17&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn18&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;J. C. R. Licklider, “&lt;em&gt;Man-Computer Symbiosis&lt;/em&gt;”, in IRE Transactions on Human Factors in Electronics HFE-1, no. 1 (March 1960): 4–11. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref18&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn19&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Un exemple classique est ce programme BASIC concis : 10 PRINT CHR$(205.5+RND(1)); : GOTO 10. Essayez-le avec un émulateur ou un vrai Commodore 64 ;). &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref19&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn20&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;En fait, on peut même aller jusqu’à dire que l’esprit existe en tant que relation entre la cognition d’un sujet et les extensions qu’il utilise. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref20&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn21&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Silvio Lorusso, The User Condition, February 2021. Consulté en août 2021: theusercondition.computer. [Pour les partisan⋅es du &lt;em&gt;speedrun&lt;/em&gt; que heurterait l’analogie de Lorusso, lire &lt;a href=&quot;http://arthur.bebou.netlib.re/the-user-condition-speedrun-lorusso/index.html&quot;&gt;le texte d’Arthur Pons&lt;/a&gt;. NDT.] &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref21&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn22&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Ville-Matias “Viznut” Heikkilä, Permacomputing, 2020: &lt;a href=&quot;https://postdigitalgraphicdesign.com/introductionviznut.fi/texts-en/permacomputing.html&quot;&gt;viznut.fi&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref22&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn23&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Cela apparaît clairement, par exemple, avec les outils informatiques de Dinamo dédiés à la création de polices de caractères, p. A.F 133. Ou encore avec des collectifs féministes de serveurs comme &lt;a href=&quot;https://systerserver.net/&quot;&gt;systerserver&lt;/a&gt; et &lt;a href=&quot;https://www.anarchaserver.org/&quot;&gt;anarchaserver&lt;/a&gt; ; Mara, qui fait partie de leur groupe, m’explique : « Nous partageons des sessions de terminal avec tmux afin de pouvoir nous entraider pour les commandes et la configuration du serveur. Nous communiquons également fréquemment via une liste de diffusion pour partager des astuces, des suggestions ou signaler des problèmes. » &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref23&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn24&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Davis mentionne cet exercice dans son interview: p. A.D 93. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref24&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn25&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;em&gt;Re-Programmed Art&lt;/em&gt; est un projet mené de 2014 à 2015 par Serena Cangiano et Davide Fornari (aujourd’hui uniquement accessible via la &lt;em&gt;Wayback Machine&lt;/em&gt; sur &lt;a href=&quot;https://archive.org&quot;&gt;archive.org&lt;/a&gt;): &lt;a href=&quot;http://www.reprogrammed-art.cc&quot;&gt;reprogrammed-art.cc&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref25&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn26&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Richard Sennett, &lt;em&gt;The Craftsman&lt;/em&gt;, (London: Penguin Books, 2009). &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref26&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn27&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Roberto Arista, “&lt;em&gt;Interfaces Are a Solid Object&lt;/em&gt;”, Python for Designers, 2020: &lt;a href=&quot;https://pythonfordesigners.com&quot;&gt;pythonfordesigners.com&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/projets/codetolearn/#fnref27&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
  </entry>
  <entry>
    <title>Manifestes</title>
    <link href="https://radicalweb.design/recherche/notes/manifestos/" />
    <updated>2026-09-29T00:00:00Z</updated>
    <id>https://radicalweb.design/recherche/notes/manifestos/</id>
    <content type="html"><p>Manifestes utopiques, textes programmatiques, déclarations tonitruantes ou <em>pronun­ciamientos</em> souterrains… Le web regorge de textes sur ce qu’il est ou devrait être.</p>
&lt;p&gt;Depuis quelques années, le terme de &lt;em&gt;web revival&lt;/em&gt; [  on y revient plus loin ] rassemble des approches variées visant à réactiver les principes d’indépendance, de créativité et de convivialité d’un « web d’origine » – parfois largement fantasmé. Il se manifeste notamment par un intérêt affirmé pour la création de sites personnels « faits main », par le rejet des plateformes centralisées et le développement d’écosystèmes alternatifs à taille humaine.&lt;/p&gt;
&lt;p&gt;Ce mouvement, à la fois culturel, esthétique et pratique, s’est accompagné de la publication de nombreux textes manifestes, invitations à dépasser les frontières des jardins clos numériques, les plateformes des MAGAM&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fn1&quot; id=&quot;fnref1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt; ou les réseaux algorithmisés pour réinvestir les possibles ouverts par les fondations du web et explorer de nouvelles perspectives d’émancipation au sein (ou en marge) des écosystèmes numériques.&lt;/p&gt;
&lt;p&gt;La publication en français par B42, sous la direction de &lt;a href=&quot;https://www.loupcellard.com/&quot;&gt;Loup Cellard&lt;/a&gt;, de &lt;a href=&quot;https://editions-b42.com/produit/promesses-et-utopies/&quot;&gt;Promesses et utopies ; une anthologie des manifestes du web&lt;/a&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fn2&quot; id=&quot;fnref2&quot;&gt;[2]&lt;/a&gt;&lt;/sup&gt;, qui fait suite au &lt;a href=&quot;https://greyscalepress.com/books/manifestos-for-the-internet-age/&quot;&gt;&lt;em&gt;Manifestos for the Internet Age&lt;/em&gt;&lt;/a&gt; de Greyscale Press en 2016, m’invite à réunir dans cette note &lt;del&gt;de vieux marque-pages, brouillons et notes éparses&lt;/del&gt; un ensemble de liens hypertextes et de réflexions sur les filiations historiques que les manifestes du &lt;em&gt;web revival&lt;/em&gt; entretiennent avec les écrits fondateurs de la culture numérique réunis dans ces deux ouvrages, et qui en ont souvent constitué la matrice imaginaire.&lt;/p&gt;
&lt;p&gt;Ces manifestes, intitulés comme tels ou qui le sont devenus par la constance de leur circulation, dépassent les seuls enjeux du web pour l’inscrire plus largement dans les univers de la culture hacker, du logiciel libre, du cyberféminisme ou de la gouvernance d’internet. Ils sont les témoins d’utopies en suspens, d’évolutions idéologiques et de revendications politiques toujours actuelles qui, bien que confrontées à la désillusion certaine qu’a produit la marchandisation du web, l’avènement du capitalisme de surveillance ou l’avalanche du slop, doivent continuer à nous permettre d’explorer des alternatives désirables, en apprenant de leur naïveté ou en revivifiant leurs propositions.&lt;/p&gt;
&lt;p&gt;Note pour plus tard : on s’essaiera un jour à mieux croiser ces manifestes numériques avec &lt;a href=&quot;https://en.wikipedia.org/wiki/Art_manifesto&quot;&gt;ceux de l’art&lt;/a&gt; ou &lt;a href=&quot;https://designmanifestos.org/&quot;&gt;du design&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;matrice-imaginaire&quot; tabindex=&quot;-1&quot;&gt;Matrice imaginaire&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#matrice-imaginaire&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Matrice imaginaire”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Les textes listés ci-dessous ont contribué à construire (et légué au &lt;em&gt;web revival&lt;/em&gt;) plusieurs imaginaires fondamentaux :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;L’hypothèse d’un &lt;span class=&quot;territoire&quot;&gt;&lt;em&gt;territoire autonome&lt;/em&gt;&lt;/span&gt; conçoit le réseau comme un espace libre d’auto-organisation, affranchi de la tutelle des États et des grands monopoles.&lt;/li&gt;
&lt;li&gt;La pensée des &lt;span class=&quot;communs&quot;&gt;&lt;em&gt;communs&lt;/em&gt;&lt;/span&gt; ou du &lt;em&gt;hacking éthique&lt;/em&gt; affirme le partage inconditionnel du savoir et de l’information, invite à la curiosité pratique et intellectuelle et à la résistance aux jardins clos numériques.&lt;/li&gt;
&lt;li&gt;L’imaginaire (cyber)féministe de la &lt;span class=&quot;feminisme&quot;&gt;&lt;em&gt;déconstruction et du soin&lt;/em&gt;&lt;/span&gt; dénonce l’hégémonie technocratique et appellent de leurs vœux des infrastructures sûres, inclusives et émancipatrices. Il conteste et récuse les normes patriarcales, validistes ou oppressives inscrites dans les technologies.&lt;/li&gt;
&lt;li&gt;Enfin (?), une &lt;span class=&quot;poetry&quot;&gt;approche poétique&lt;/span&gt; et artistique, irrigue et féconde les perspectives esthétiques, à la fois sensibles et critiques.&lt;/li&gt;
&lt;/ul&gt;
&lt;section id=&quot;manifestos-timeline&quot;&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;chronologie-thematique-i&quot; tabindex=&quot;-1&quot;&gt;Chronologie thématique I&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#chronologie-thematique-i&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Chronologie thématique I”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Cette chronologie doit &lt;del&gt;beaucoup&lt;/del&gt;&lt;ins&gt;presque tout&lt;/ins&gt; aux ouvrages &lt;em&gt;Promesses et utopies&lt;/em&gt; et &lt;em&gt;Manifestos for the Internet Age&lt;/em&gt; cités plus haut.&lt;/p&gt;
  &lt;header class=&quot;timeline-header&quot;&gt;
      &lt;p class=&quot;territoire&quot;&gt;territoire&lt;/p&gt;
      &lt;p class=&quot;communs&quot;&gt;communs&lt;/p&gt;
      &lt;p class=&quot;feminisme&quot;&gt;féminisme&lt;/p&gt;
      &lt;p class=&quot;poetry&quot;&gt;poétique&lt;/p&gt;
  &lt;/header&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1974&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source territoire timeline-year-article&quot; id=&quot;computer-lib-dream-machines&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://archive.org/details/computer-lib-dream-machines&quot;&gt;Computer Lib/Dream Machines&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#computer-lib-dream-machines&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;span class=&quot;authors&quot;&gt;Ted Nelson&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Ordinateurs personnels, compréhension de l’informatique, apprentissage et curiosité, vulgarisation.&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://archive.org/details/computer-lib-dream-machines&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1985&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;manifeste-gnu&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.gnu.org/gnu/manifesto.html&quot;&gt;Manifeste Gnu&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#gnu-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Gnu manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Richard Stallman&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Éthique Hacker &amp;amp; Code Libre&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Partage, coopération, refus du secret commercial, fondation de l’éthique du logiciel libre et des communs.&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.gnu.org/gnu/manifesto.html&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://www.gnu.org/gnu/manifesto.fr.html&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1986&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;la-conscience-d-un-hacker&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;http://www.phrack.org/archives/issues/7/3.txt&quot;&gt;La Conscience d’un hacker&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#the-conscience-of-a-hacker&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;The Conscience of a Hacker&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;The Mentor&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Éthique Hacker &amp;amp; Code Libre&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Soif de connaissance, hacking=curiosité, égalité intellectuelle au delà des apparences&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;http://www.phrack.org/archives/issues/7/3.txt&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://framablog.org/2013/01/15/manifeste-du-hacker-aaron-swartz/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1987&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source poetry timeline-year-article&quot; id=&quot;manifeste-pour-des-medias-instables&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://v2.nl/articles/manifesto-for-the-unstable-media/&quot;&gt;Manifeste pour des médias instables&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#manifesto-for-the-unstable-media&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Manifesto for the Unstable Media&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;V2_Organisation&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Esthétique Critique &amp;amp; Art&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Instabilité, médias électroniques, résistance aux formats figés&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://v2.nl/articles/manifesto-for-the-unstable-media/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1991&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;manifeste-cyberfeministe-pour-le-xxie-siecle&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://vnsmatrix.net/projects/the-cyberfeminist-manifesto-for-the-21st-century&quot;&gt;Manifeste cyberféministe pour le XXIe siècle&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#a-cyberfeminist-manifesto-for-the-21st-century&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A Cyberfeminist Manifesto for the 21st Century&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;VNS Matrix&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Cyberféminisme &amp;amp; Inclusivité&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Subversion féministe de la technologie, poétique subversive du corps&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://vnsmatrix.net/projects/the-cyberfeminist-manifesto-for-the-21st-century&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1996&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source territoire timeline-year-article&quot; id=&quot;declaration-d-independance-du-cyberespace&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.eff.org/cyberspace-independence&quot;&gt;Déclaration d’indépendance du cyberespace&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#a-declaration-of-the-independence-of-cyberspace&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A Declaration of the Independence of Cyberspace&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;John Perry Barlow&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Éthique Hacker &amp;amp; Cyberespace&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Autonomie du virtuel, rejet de la souveraineté des gouvernements&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.eff.org/cyberspace-independence&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://editions-hache.com/essais/barlow/barlow2.html&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;1997&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;100-antitheses-sur-le-cyberfeminisme&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://obn.org/obn/reading_room/manifestos/html/anti.html&quot;&gt;100 antithèses sur le cyberféminisme&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#100-anti-theses-cyberfeminism-is-not&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;100 anti-theses. cyberfeminism is not ...&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Old Boys Network&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Cyberféminisme &amp;amp; Inclusivité&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Définition négative et plurielle (« Le cyberféminisme n’est pas… »)&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://obn.org/obn/reading_room/manifestos/html/anti.html&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;manifeste-du-web-independant&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.uzine.net/article60.html&quot;&gt;Manifeste du Web indépendant&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#manifeste-du-web-independant&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;span class=&quot;authors&quot;&gt;Le minirézo&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Éthique Hacker &amp;amp; Web Indépendant&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Web artisanal, auto-édition, refus du web commercial&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.uzine.net/article60.html&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2000&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;le-code-fait-loi&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.harvardmagazine.com/2000/01/code-is-law-html&quot;&gt;Le code fait loi&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#code-is-law&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Code is Law&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Lawrence Lessig&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Code and Other Laws of Cyberspace&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Démonstration de la régulation politique par l’architecture logicielle.&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.harvardmagazine.com/2000/01/code-is-law-html&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://framablog.org/2010/05/22/code-is-law-lessig/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2004&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;un-manifeste-hacker&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://hackermanifesto.org/en/english/&quot;&gt;Un manifeste hacker&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#hacker-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Hacker Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;McKenzie Wark&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Classe hacker contre classe vectorialiste, libération de l’information&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://hackermanifesto.org/en/english/&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://hackermanifesto.org/fr/francais/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2008&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;manifeste-de-la-guerilla-pour-le-libre-acces&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://archive.org/details/GuerillaOpenAccessManifesto&quot;&gt;Manifeste de la guérilla pour le libre accès&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#guerilla-open-access-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Guerilla Open Access Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Aaron Swartz&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Libération de la connaissance scientifique, désobéissance civile numérique&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://archive.org/details/GuerillaOpenAccessManifesto&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://framablog.org/2013/01/14/manifeste-guerilla-libre-acces-aaron-swartz/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source territoire timeline-year-article&quot; id=&quot;le-b-a-ba-des-medias-tactiques&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.tacticalmediafiles.net/articles/3160/The-ABC-of-Tactical-Media;jsessionid=33657D7786489DF93B9048273D1DE16F&quot;&gt;Le b.a.-ba des médias tactiques&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#the-abc-of-tactical-media&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;The ABC of Tactical Media&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;David Garcia, Geert Lovink&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;médias tactiques, DIY, quick and dirty, mobilité et hybridité, avènement de l’amateur·ice&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.tacticalmediafiles.net/articles/3160/The-ABC-of-Tactical-Media;jsessionid=33657D7786489DF93B9048273D1DE16F&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2010&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source poetry timeline-year-article&quot; id=&quot;manifeste-des-etudes-du-glitch&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://beyondresolution.info/Glitch-Studies-Manifesto&quot;&gt;Manifeste des études du glitch&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#glitch-studies-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Glitch Studies Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Rosa Menkman&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Esthétique Critique &amp;amp; Glitch&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Appropriation de l’erreur, éloge du bug, étude de la technique comme révélatrice des idéologies&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://beyondresolution.info/Glitch-Studies-Manifesto&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source eco timeline-year-article&quot; id=&quot;le-manifeste-du-slow-media&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://en.slow-media.net/manifesto&quot;&gt;Le manifeste du Slow Media&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#the-slow-media-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;The Slow Media Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Sabria David, Joerg Blumtritt, Benedikt Koehler&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Ralentir le rythme du flux, invitation à l’attention prolongée&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://en.slow-media.net/manifesto&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;http://owni.fr/2010/08/04/le-manifeste-des-slow-media-traduction-fr/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2011&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;le-manifeste-de-l-ingenieur-critique&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://criticalengineering.org/en&quot;&gt;Le manifeste de l’ingénieur critique&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#the-critical-engineering-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;The critical engineering manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Julian Oliver, Gordan Savičić, Danja Vasiliev&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Ingénierie critique, dépendance technologique, méfiance envers l’UX, hacking social&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://criticalengineering.org/en&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://criticalengineering.org/fr&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2012&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source territoire timeline-year-article&quot; id=&quot;nous-les-enfants-du-web&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://dziennikbaltycki.pl/pisarz-piotr-czerski-my-dzieci-sieci/ar/506821&quot;&gt;Nous, les enfants du Web&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#we-the-web-kids&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;We, the Web Kids&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Piotr Czerski&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Internet comme milieu naturel, le web comme espace de partage libre&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://dziennikbaltycki.pl/pisarz-piotr-czerski-my-dzieci-sieci/ar/506821&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://framablog.org/2012/02/25/nous-enfants-du-web/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2013&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;principes-de-l-indieweb&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://indieweb.org/principles&quot;&gt;Principes de l’IndieWeb&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#indieweb-principles&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;IndieWeb principles&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Collectif&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Éthique Hacker &amp;amp; Web Indépendant&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Indépendance des données, propriété de ses contenus en ligne&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://indieweb.org/principles&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;charte-des-droits-des-utilisateurs-d-ordinateurs&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;http://userrights.contemporary-home-computing.org/&quot;&gt;Charte des droits des utilisateurs d’ordinateurs&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#we-computer-users-demand-the-right-to&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;We, Computer Users, demand the right to…&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Olia Lialina&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Droit à la souveraineté sur son matériel, refus des systèmes fermés&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;http://userrights.contemporary-home-computing.org/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2014&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source poetry timeline-year-article&quot; id=&quot;balconisme-un-manifeste&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.artpapers.org/balconism/&quot;&gt;Balconisme, un manifeste&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#balconism-a-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Balconism, a manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Constant Dullaart&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Esthétique Critique &amp;amp; Art&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Le balcon comme métaphore de l’exposition publique en ligne&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.artpapers.org/balconism/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source poetry timeline-year-article&quot; id=&quot;manifeste-cybertwee&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://cybertwee.net/the_manifesto/&quot;&gt;Manifeste Cybertwee&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#cybertwee-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Cybertwee Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Gabriella Hileman et al.&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Esthétique Critique &amp;amp; Art&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Esthétique &lt;em&gt;cute&lt;/em&gt;, douceur, réappropriation féminine de la tech&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://cybertwee.net/the_manifesto/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2015&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;xenofeminisme-une-politique-de-l-alienation&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://laboriacuboniks.net/manifesto/xenofeminism-a-politics-for-alienation/&quot;&gt;Xenoféminisme. Une politique de l&amp;#39;aliénation&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#xenofeminism-a-politics-for-alienation&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Xenofeminism. A Politics for Alienation&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Laboria Cuboniks&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Universalisme intersectionnel, technologie et émancipation, &lt;em&gt;gender hacking&lt;/em&gt;, abolitionnisme de genre, race ou classe&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://laboriacuboniks.net/manifesto/xenofeminism-a-politics-for-alienation/&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://laboriacuboniks.net/manifesto/xenofeminisme-une-politique-de-lalienation/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2018&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source territoire timeline-year-article&quot; id=&quot;l-organisation-apres-les-medias-sociaux&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.minorcompositions.info/organization-after-social-media/&quot;&gt;L’organisation après les médias sociaux&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#organization-after-social-media&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Organization after Social Media&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Geert Lovink, Ned Rossiter&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Réseaux organisés contre réseaux sociaux passifs&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.minorcompositions.info/organization-after-social-media/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;manifeste-transcode&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://chelsea.technology/writing/transcode-manifesto.html&quot;&gt;Manifeste transcode&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#transcode-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Transcode Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Chelsea Thompto&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Cyberféminisme &amp;amp; Inclusivité&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Transgressions de genre, codage comme pratique d’émancipation trans*&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://chelsea.technology/writing/transcode-manifesto.html&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2022&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;une-liste-de-souhaits-pour-des-serveurs-trans-feministes&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://archive2.bakonline.org/?p=41797&quot;&gt;Une liste de souhaits pour des serveurs trans*féministes&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#a-wishlist-for-trans-feminist-servers&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A Wishlist for Trans*feminist Servers&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Collectif BAK&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Cyberféminisme &amp;amp; Infrastructures&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Serveurs communautaires, infrastructures fondées sur le soin&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://archive2.bakonline.org/?p=41797&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source feminisme timeline-year-article&quot; id=&quot;manifeste-pour-des-reseaux-sociaux-sex-positifs&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://sexpositivesocialmedia.org/en&quot;&gt;Manifeste pour des réseaux sociaux sex-positifs&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#manifesto-for-sex-positive-social-media&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Manifesto for Sex Positive Social Media&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Zahra Stardust et al.&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
        &lt;!--&lt;p&gt;Cyberféminisme &amp;amp; Inclusivité&lt;/p&gt;--&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Réseaux sociaux sex-positifs, lutte contre la censure algorithmique&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://sexpositivesocialmedia.org/en&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;manifesto_source communs timeline-year-article&quot; id=&quot;un-manifeste-global-pour-des-conditions-plus-equitables-des-travailleurs-de-plateformes-numeriques&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://fairwork.oii.ox.ac.uk/en/fw/engage/manifesto-fairer-platform-work/&quot;&gt;Un manifeste global pour des conditions plus équitables des travailleurs de plateformes numériques&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#a-global-manifesto-for-fairer-platform-work&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A Global Manifesto for Fairer Platform Work&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;FairWork&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Conditions de travail équitables pour les livreurs et travailleurs du clic&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://fairwork.oii.ox.ac.uk/en/fw/engage/manifesto-fairer-platform-work/&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://fairwork.oii.ox.ac.uk/wp-content/uploads/sites/11/2023/02/ILO-Manifesto-FR-.pdf&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;declarations-dindependances-revivifiantes&quot; tabindex=&quot;-1&quot;&gt;Déclarations d’indépendances révivifiantes&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#declarations-dindependances-revivifiantes&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Déclarations d’indépendances révivifiantes”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;La diversité des approches visant à la revivification du web est immmense. Aucun terme commun et actuel ne peut les englober sans risquer de les circonscrire dans des limites dont certaines seraient exclues. Le terme de &lt;em&gt;web revival&lt;/em&gt; possède une connotation singulière – définie &lt;a href=&quot;https://web.archive.org/web/20231120170237/https://libre.town/thoughts/entry_7.xhtml&quot;&gt;ici&lt;/a&gt; ou &lt;a href=&quot;https://wiki.melonland.net/web_revival&quot;&gt;là&lt;/a&gt; –, que ces lignes se proposent d’explorer et de dépasser pour qualifier de manière diffuse un vaste ensemble d’initiatives.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;principes&quot; tabindex=&quot;-1&quot;&gt;Principes&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#principes&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Principes”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;em&gt;web revival&lt;/em&gt; formule une critique radicale de la culture commerciale dominante sur Internet (les plateformes centralisées, le profilage marchand, la surveillance de masse, la monétisation obsessionnelle et l’utilisation prédatrice des données). Il rejette explicitement les technologies de spéculation illusoires comme les cryptomonnaies, les NFT, le « web3 », l’IA générative ainsi que la réduction de l’utilisateur·ice à un·e consommateur·ice confiné·e dans des interfaces rigides et standardisées.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Les citoyens du web méritent plus de respect que d’être cantonnés dans des boîtes, limités à 280 caractères, étudiés et marketés. Le &lt;em&gt;web revival&lt;/em&gt; cherche à construire un sens du mystère, de l’humour, de l’humilité et de l’optimisme dans la technologie&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fn3&quot; id=&quot;fnref3&quot;&gt;[3]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Si les manifestes listés ci-dessus furent souvent rédigés par des figures institutionnelles, des théoriciens, des artistes ou des hacktivistes pour mener des combats macro-politiques (liberté du logiciel, souveraineté du cyberespace, lutte contre le capitalisme cognitif), une large majorité des manifestes&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fn4&quot; id=&quot;fnref4&quot;&gt;[4]&lt;/a&gt;&lt;/sup&gt; du &lt;em&gt;web revival&lt;/em&gt; opère une translation vers des luttes micro-politiques et intimes.&lt;/p&gt;
&lt;!--
Les enjeux des maanifestes historiques se traduisent. 
Les droits du code et le logiciel Libre → souveraineté de la page personnelle
L’indépendance politique du numérique → éloge de la lenteur, du soin voire de la laideur
Combat contre la propriété intellectuelle → réappropriation artisanale (HTML/CSS)
Égalité de genre &amp; Cyberféminisme → création de petites communautés autonomes
--&gt;
&lt;p&gt;Dans son article introductif, Melonking inscrit le terme dans la lignée du &lt;em&gt;Folk Revival&lt;/em&gt; américain et européen du milieu du XXe siècle. Alors que le &lt;em&gt;Folk Revival&lt;/em&gt; affirmait des valeurs d’humanité, de chaleur, de créativité artisanale et d’égalité face à l’industrialisation et à la mécanisation galopante des sociétés, le &lt;em&gt;web revival&lt;/em&gt; réactive ces mêmes exigences face à la numérisation massive, à l’uniformisation et à la marchandisation de nos existences contemporaines. Un peu comme un &lt;em&gt;Arts and crafts online&lt;/em&gt; ?&lt;/p&gt;
&lt;p&gt;Il ne consiste pas (pas seulement…) en une rétro-manie nostalgique ni en une reconstitution stérile d’un web révolu mais s’efforce de réactiver l’esprit d’ouverture, de curiosité et d’une certaine forme d’optimisme. La vision documentaliste universelle de Tim Berners-Lee croisée au chaos créatif des communautés Geocities.&lt;/p&gt;
&lt;p&gt;En introduction de la page &lt;a href=&quot;https://wiki.melonland.net/web_revival&quot;&gt;The Web Revival&lt;/a&gt;, Melonking affirme des principes communs aux enthousiastes du &lt;em&gt;web revival&lt;/em&gt; :&lt;/p&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;La créativité avant tout — la plupart considèrent que la capacité à designer, décorer et taguer des espaces numériques est essentielle et puissante&lt;/li&gt;
&lt;li&gt;L’internet est fun — iels souhaitent que le web soit un terrain de jeu où l’on peut explorer et s’amuser librement&lt;/li&gt;
&lt;li&gt;Les entreprises, c’est ennuyeux — iels en ont assez de la monétisation, de l’abus des données et des violations incessantes de la confiance inhérentes à la culture d’entreprise&lt;/li&gt;
&lt;li&gt;Le web est convivial — toustes estiment que le web devrait être convivial et solidaire ; faire preuve de bienveillance est un acte radical&lt;/li&gt;
&lt;li&gt;Le droit à la réparation  — iels accordent de l’importance à la liberté de fabriquer, de casser et de réparer leurs objets ; le bricolage est une forme de débat et de protestation&lt;/li&gt;
&lt;li&gt;Un seul World Wide web – iels veulent un savoir libre et ouvert ainsi qu’une connectivité mondiale, sans barrières payantes, sans bulles ni frontières&lt;/li&gt;
&lt;li&gt;Un effort chaotique – iels estiment que la valeur naît du temps et des efforts consacrés à des projets qu’ils aiment, sans autre raison que l’amour&lt;/li&gt;
&lt;li&gt;Non au web3 – pour la plupart, les cryptomonnaies, les NFT, les IA entraînées de manière inéquitable et les technologies à la mode sont indésirables et ringardes&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;!--

Les galeries d’art sont souvent réduites au modèle du *white cube*. Les réseaux sociaux (Facebook, X/Twitter, Instagram, LinkedIn) ont d’une certaine manière transposé cette boîte blanche en imposant des gabarits uniformes où l’usagèr·e ne fournit que le « contenu » brut sans pouvoir toucher à la structure.

À l’inverse, fabriquer son site web personnel réintroduit l’architecture et le design comme modes d’expression à part entière. La typologie des sites du _web revival_ s’incarne dans des composants emblématiques :

- Landing Page &amp; Home Page : écrans d’accueil célébrant l’arrivée du visiteur, véritables pièces de séjour (*living room*) numériques.
- Livre d’or (*Guestbook*) : espace où les visiteurs laissent des mots doux, restaurant l’interaction humaine directe sans boutons de *likes*.
- Page de liens (*Links Page*), Badges (88x31 px) et Blinkies : pratique de recommandation mutuelle visant à tisser la toile de site en site hors des moteurs de recherche.
- webrings (Anneaux du web) &amp; Shrines (Sanctuaires) : clubs de sites interconnectés et micro-pages passionnées dédiées à un sujet, une œuvre ou un passe-temps.
- Structures en Frames / iFrames : choix de mises en page artisanales en _frames_ HTML.


###  2021, dx.bearblog | *Make Boring websites* | [Lien bearblog](https://dx.bearblog.dev/make-boring-websites/) | 5. _web revival_ &amp; Micro-Manifestes 
| Éloge de la simplicité HTML/CSS, légèreté contre la lourdeur JS |
###  2022, CJ The X | *What Is To Be Done? Return To web 1.5* | [Lien CJTheX](https://www.cjthex.com/what-is-to-be-done/) | 5. _web revival_ &amp; Micro-Manifestes 
| Reconstitution d’un web 1.5 chaleureux, humain et décentralisé |
###  2022, Brad Frost | *Death to Bullshit* | [Lien DeathToBullshit](https://deathtobullshit.com/) | 5. _web revival_ &amp; Micro-Manifestes 
| Refus du contenu poubelle, des popups et des pièges à clics |
###  2022, melonking | *Melon’s Manifesto* | [Lien MelonLand](https://melonking.net/thoughts/manifesto.html) | 5. _web revival_ &amp; Micro-Manifestes 
| Création de mondes virtuels personnels, refus de la monétisation [8, 11]. |
###  2022, Justin Jackson | *I’m a fucking webmaster* | [Lien JustinJackson](https://justinjackson.ca/webmaster/) | 5. _web revival_ &amp; Micro-Manifestes 
| Réappropriation du titre de *webmaster*, fierté de la page faite main |
###  2023, axlraimi | *PLEASE, BE UGLY* | [Lien Neocities](https://web.archive.org/web/20250111184653/https://axlraimi.neocities.org/manifesto) | 5. _web revival_ &amp; Micro-Manifestes 
| Éloge de la laideur expressive, rejet de la beauté corporative plate |
###  2023, Evergreen | *Every website is a Shrine* | [Lien Itsevergreen](https://itsevergreen.rip/manifesto/) | 5. _web revival_ &amp; Micro-Manifestes 
| Le site comme sanctuaire personnel, espace de dévotion créative |
### 2015, J. R. Carpenter | ** | [Lien ](https://luckysoap.com/statements/handmadeweb.html)

--&gt;
&lt;p&gt;La cartographie hypertexte établie par Kristoffer Tjalve et Elliott Cost dans &lt;a href=&quot;https://diagram.website/&quot;&gt;diagram.website&lt;/a&gt; témoigne de la richesse extraordinaire du paysage du web alternatif. Loin d’être un mouvement homogène, le &lt;em&gt;web revival&lt;/em&gt; s’incarne dans une multitude de sous-mouvements, de protocoles et de pratiques créatives :&lt;/p&gt;
&lt;iframe style=&quot;width:100%; max-width: none; aspect-ratio: 16/9&quot; src=&quot;https://diagram.website/&quot;&gt;&lt;/iframe&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h4 id=&quot;echelles-alternatives-minimalisme-et-sobriete-technique&quot; tabindex=&quot;-1&quot;&gt;Échelles alternatives, minimalisme et &lt;span class=&quot;eco&quot;&gt;sobriété&lt;/span&gt; technique&lt;/h4&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#echelles-alternatives-minimalisme-et-sobriete-technique&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Échelles alternatives, minimalisme et sobriété technique”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;em&gt;Small web&lt;/em&gt;, &lt;em&gt;Smolnet&lt;/em&gt; ou les &lt;em&gt;Tiny internets&lt;/em&gt; revendiquent des réseaux à taille humaine privilégiant des formats ultra-légers et des architectures distribuées. Les clubs 1kB / 250KB / 1MB constituent des annuanires de  sites ultra-légers , ne dépassant pas quelques kilo-octets pour lutter contre l’obésité logicielle (&lt;em&gt;bloatware&lt;/em&gt;).  Gemini ou le P2P web sont des protocoles de communication simplifiés s’affranchissant de la lourdeur du protocole HTTP/HTML, conçus pour empêcher une exploitation commerciale. Les &lt;em&gt;Low Techs&lt;/em&gt; et le &lt;em&gt;permacomputing&lt;/em&gt; travaillent à une informatique soutenable en luttant contre l’obsolescence, le gigantisme, la connectivité permanente.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h4 id=&quot;artisanat-numerique-poesie-et-espaces-personnels&quot; tabindex=&quot;-1&quot;&gt;&lt;span class=&quot;craft&quot;&gt;Artisanat&lt;/span&gt; numérique, poésie et espaces personnels&lt;/h4&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#artisanat-numerique-poesie-et-espaces-personnels&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Artisanat numérique, poésie et espaces personnels”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;em&gt;Handmade web&lt;/em&gt; ou le &lt;em&gt;vernacular web&lt;/em&gt; revendiquent un web « fait à la main », s’appropriant l’imperfection ou les esthétiques vernaculaires des débuts. Les &lt;em&gt;Digital Gardens&lt;/em&gt; sont des sites conçus comme des espaces de pensée évolutifs où les idées poussent lentement, à l’inverse du flux constant des réseaux. Les &lt;em&gt;web shrines&lt;/em&gt; sont des micro-sites dédiés à célébrer des sujets de niche, des œuvres ou des souvenirs personnels. Le &lt;em&gt;Poetic web&lt;/em&gt;, &lt;em&gt;Folder Poetry&lt;/em&gt; ou &lt;em&gt;URL Poetry&lt;/em&gt; expérimentent la structure même du code, des dossiers ou des liens hypertexte comme matériau poétique. &lt;em&gt;Silly/Useless Software&lt;/em&gt; ou &lt;em&gt;TinyTools&lt;/em&gt; proposent des outils et des approches irrévérencieuses et libres des technologies.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h4 id=&quot;convivialite-soin-et-infrastructures-communautaires&quot; tabindex=&quot;-1&quot;&gt;&lt;span class=&quot;convivial&quot;&gt;Convivialité&lt;/span&gt;, soin et infrastructures communautaires&lt;/h4&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#convivialite-soin-et-infrastructures-communautaires&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Convivialité, soin et infrastructures communautaires”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Les &lt;em&gt;Cozy web&lt;/em&gt;, &lt;em&gt;Tender web&lt;/em&gt;, &lt;em&gt;Quiet web&lt;/em&gt; ou &lt;em&gt;Slow web&lt;/em&gt; prônent la lenteur, la discrétion, l’asynchronisme et l’auto-défense douce contre le bruit médiatique. Les &lt;em&gt;webrings&lt;/em&gt; créent des cercles de navigation reliant les sites indépendants entre eux, par affinité élective. &lt;em&gt;Networks of Care&lt;/em&gt; et &lt;em&gt;Feminist Servers&lt;/em&gt; pensent des infrastructures d’hébergement auto-gérées et conviviales fondées sur l’entraide et le soin.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h4 id=&quot;espaces-de-jeu-folkloriques-voire-mystiques&quot; tabindex=&quot;-1&quot;&gt;Espaces de &lt;span class=&quot;fun&quot;&gt;jeu&lt;/span&gt;, folkloriques voire mystiques&lt;/h4&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#espaces-de-jeu-folkloriques-voire-mystiques&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Espaces de jeu, folkloriques voire mystiques”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Whimsical web&lt;/em&gt;, &lt;em&gt;Weird Wide web&lt;/em&gt;, &lt;em&gt;Useless web&lt;/em&gt; créent des sites ludiques, poétiques, absurdes et joyeusement inutiles réintroduisant le jeu et le bizarre en ligne. &lt;em&gt;Digital Folklore&lt;/em&gt;, par la grâce d’Olia Lialina et de ses disciples,  conserve la mémoire populaire du web (screensavers, ASCII art, GIFs animés). &lt;em&gt;Technomancy&lt;/em&gt;, &lt;em&gt;Esoteric Codes&lt;/em&gt; ou &lt;em&gt;Cyber Witches&lt;/em&gt; se réapproprient les technologies de l’information dans une perspective mystique, rituelle ou ésotérique.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;chronologie-thematique-ii&quot; tabindex=&quot;-1&quot;&gt;Chronologie thématique II&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/manifestos/#chronologie-thematique-ii&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Chronologie thématique II”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;La plupart des liens ci-dessous ne sont pas à proprement parler des « manifestes » et sont trop récents pour l’être devenu malgré eux. C’est l’importance de leur circulation dans les espaces contemporains de réflexion sur la revivification du web qui les distingue.&lt;/p&gt;
&lt;section id=&quot;web-manifestos-timeline&quot;&gt;
  &lt;header class=&quot;timeline-header&quot;&gt;
      &lt;p class=&quot;eco&quot;&gt;sobriété&lt;/p&gt;
      &lt;p class=&quot;craft&quot;&gt;artisanat&lt;/p&gt;
      &lt;p class=&quot;convivial&quot;&gt;convivialité&lt;/p&gt;
      &lt;p class=&quot;fun&quot;&gt;fun&lt;/p&gt;
  &lt;/header&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2013&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source fun timeline-year-article&quot; id=&quot;revival-redonner-du-fun-au-web&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://blog.neocities.org/blog/2013/05/28/making-the-web-fun-again&quot;&gt;Redonner du fun au Web&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-making-the-web-fun-again&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Making the Web Fun Again&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Kyle Drake&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;NeoCities, web créatif, consommation vs création, anonymat&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://blog.neocities.org/blog/2013/05/28/making-the-web-fun-again&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2016&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source craft timeline-year-article&quot; id=&quot;revival-un-web-fait-main&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://luckysoap.com/statements/handmadeweb.html&quot;&gt;Un web fait-main&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-a-handmade-web&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A Handmade Web&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;J. R. Carpenter&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Fait main, engagement du corps, lenteur et humilité comme résistance, le web comme un zine&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://luckysoap.com/statements/handmadeweb.html&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source convivial timeline-year-article&quot; id=&quot;revival-web-design-resilient&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://resilientwebdesign.com/&quot;&gt;Web design résilient&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-resilient-web-design&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Resilient Web design&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Jeremy Keith&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Amélioration progressive, accessibilité, résilience et robustesse, le web comme médium&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://resilientwebdesign.com/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2018&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source eco timeline-year-article&quot; id=&quot;revival-pour-un-web-frugal&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://solar.lowtechmagazine.com/2018/09/how-to-build-a-low-tech-website/&quot;&gt;Pour un Web frugal ?&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-how-to-build-a-low-tech-website&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;How to Build a Low-tech Website?&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Kris De Decker, Roel Roscam Abbing, Marie Otsuka&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Web frugal, basse technologie, serveur solaire, hors ligne&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://solar.lowtechmagazine.com/2018/09/how-to-build-a-low-tech-website/&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://framablog.org/2019/01/24/pour-un-web-frugal/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source craft timeline-year-article&quot; id=&quot;revival-mon-site-web-est-une-maison-mobile-au-bord-d-un-fleuve-de-savoir-et-le-votre-que-pourrait-il-etre&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://thecreativeindependent.com/essays/laurel-schwulst-my-website-is-a-shifting-house-next-to-a-river-of-knowledge-what-could-yours-be/&quot;&gt;Mon site web est une maison mobile au bord d’un fleuve de savoir. Et le vôtre, que pourrait-il être ?&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-my-website-is-a-shifting-house-next-to-a-river-of-knowledge-what-could-yours-be&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;My website is a shifting house next to a river of knowledge. What could yours be?&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Laurel Schwulst&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Métaphores approximatives, web personnel, inachèvement et éphémère&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://thecreativeindependent.com/essays/laurel-schwulst-my-website-is-a-shifting-house-next-to-a-river-of-knowledge-what-could-yours-be/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2019&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source convivial timeline-year-article&quot; id=&quot;revival-un-contrat-pour-le-web&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://contractfortheweb.org/&quot;&gt;Un contrat pour le web&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-contract-for-the-web&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Contract for the Web&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Tim Berners-Lee, World Wide Web Foundation&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Gouvernance du web, accessibilité et universalité, respect des droits fondamentaux, bullshit&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://contractfortheweb.org/&quot;&gt;url&lt;/a&gt; – &lt;a href=&quot;https://contractfortheweb.org/fr/&quot;&gt;version fr&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source eco timeline-year-article&quot; id=&quot;revival-manifeste-pour-un-web-durable&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://www.sustainablewebmanifesto.com/&quot;&gt;Manifeste pour un Web durable&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-sustainable-web-manifesto&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;Sustainable Web Manifesto&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Tom Greenwood et al.&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;empreinte écologique du numérique, sobriété / efficacité, accessibilité et données ouvertes, design honnête&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://www.sustainablewebmanifesto.com/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2020&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source eco timeline-year-article&quot; id=&quot;revival-small-web&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://ar.al/2020/08/07/what-is-the-small-web/&quot;&gt;Small Web&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-small-web&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;span class=&quot;authors&quot;&gt;Aral Balkan&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;&lt;em&gt;Small Web&lt;/em&gt; vs &lt;em&gt;Big Web&lt;/em&gt;, capitalisme de surveillance, propriété des données et souveraineté personnelles, décentralisation&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://ar.al/2020/08/07/what-is-the-small-web/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2022&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source convivial timeline-year-article&quot; id=&quot;revival-notre-internet-mini-internets-01&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://spencer.place/posts/our-internet/&quot;&gt;Notre internet [mini internets 01]&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-our-internet-tiny-internets-01&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;our internet [tiny internets 01]&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Spencer Chang&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Internet communautaire vs individualisme des réseaux, chez-soi numérique, jardins numériques partagés&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://spencer.place/posts/our-internet/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2023&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source craft timeline-year-article&quot; id=&quot;revival-un-site-web-est-un-monde&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://web.archive.org/web/20230210224650/https://chias.website/manifesto/&quot;&gt;Un site web est un monde&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-a-website-is-a-world&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;A website is a world&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Chia Amisola&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Manifeste pour un art spécifique au web&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://web.archive.org/web/20230210224650/https://chias.website/manifesto/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2024&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source craft timeline-year-article&quot; id=&quot;revival-vous-devriez-avoir-un-site-web&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://nora.zone/manifesto.html&quot;&gt;Vous devriez avoir un site web&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-you-should-have-a-website&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;You should have a website&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Nora Reed&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Web fait main, page perso, contrôle de sa parole et maîtrise de l’écriture de soi&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://nora.zone/manifesto.html&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;section class=&quot;timeline-year&quot;&gt;
  &lt;h2&gt;2026&lt;/h2&gt;
    &lt;div class=&quot;timeline-year-content&quot;&gt;
      &lt;article class=&quot;web_manifesto_source fun timeline-year-article&quot; id=&quot;revival-l-internet-etait-fun&quot;&gt;
        &lt;header&gt;
          &lt;h3&gt;&lt;a href=&quot;https://kwon.nyc/internet/&quot;&gt;L’internet était* fun&lt;/a&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#revival-the-internet-used-to-be-fun&quot; class=&quot;timeline-hash&quot;&gt; &lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class=&quot;meta&quot;&gt;
            &lt;em class=&quot;title_vo&quot;&gt;The internet used to be* fun&lt;/em&gt;
            &lt;span class=&quot;authors&quot;&gt;Rachel Kwon&lt;/span&gt;
          &lt;/p&gt;
        &lt;/header&gt;
        &lt;div class=&quot;details&quot;&gt;
          &lt;div class=&quot;introduction&quot;&gt;&lt;p&gt;Rabbit hole, *il l’est toujours&lt;/p&gt;
&lt;/div&gt;
        &lt;p class=&quot;sources&quot;&gt;&lt;a href=&quot;https://kwon.nyc/internet/&quot;&gt;url&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;p class=&quot;wip&quot;&gt;&lt;em&gt;To be continued…&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;L’ampleur et la diversité du &lt;em&gt;web revival&lt;/em&gt; montre que l’histoire du web n’est pas une trajectoire linéaire à sens unique vers la centralisation techno-fasciste. En s’appropriant plus ou moins consciemment l’héritage politique et éthique de quarante ans de manifestes numériques, les praticienn·es du &lt;em&gt;web revival&lt;/em&gt; mutent la critique en pratique. Chaque site personnel créé à la main, chaque nouveau &lt;em&gt;webring&lt;/em&gt; et chaque jardin numérique patiemment cultivé constitue un acte de résistance poétique et politique, réaffirmant qu’au sein – ou en marge – des internets peuvent se dessiner des espaces ouverts, chaleureux, bienveillants, surprenants, amicaux et humains.&lt;/p&gt;
&lt;hr class=&quot;footnotes-sep&quot;&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn1&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Meta, Amazon, Google, Apple, Microsoft &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fnref1&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn2&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/recherche/notes/manifestos/7hjohYqGWF-400.webp 400w, https://radicalweb.design/recherche/notes/manifestos/7hjohYqGWF-505.webp 505w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/recherche/notes/manifestos/7hjohYqGWF-400.jpeg&quot; alt=&quot;Couverture du livre&quot; title=&quot;Couverture ornée d’un magnifique sticker irridescent&quot; width=&quot;505&quot; height=&quot;789&quot; srcset=&quot;https://radicalweb.design/recherche/notes/manifestos/7hjohYqGWF-400.jpeg 400w, https://radicalweb.design/recherche/notes/manifestos/7hjohYqGWF-505.jpeg 505w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fnref2&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn3&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Daniel Murray &lt;em&gt;aka&lt;/em&gt; Melonking, &lt;a href=&quot;https://thoughts.melonking.net/guides/introduction-to-the-web-revival-1-what-is-the-web-revival&quot;&gt;&lt;em&gt;Intro to the &lt;em&gt;web revival&lt;/em&gt; #1: What is the web Revival?&lt;/em&gt;&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fnref3&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn4&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Une sélection de ces textes manifestes est établie sur &lt;a href=&quot;https://wiki.melonland.net/manifestos&quot;&gt;wiki.melonland.net&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#fnref4&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
  </entry>
  <entry>
    <title>☞ (we)bsite</title>
    <link href="https://we-b.site/" />
    <updated>2026-09-29T00:00:00Z</updated>
    <id>https://we-b.site/</id>
    <content type="html"><p>Une collection de rêves de ce que pourrait être Internet.</p>
</content>
  </entry>
  <entry>
    <title>Magnifiques manifestes</title>
    <link href="https://radicalweb.design/projets/magnifiques-manifestes/" />
    <updated>2026-09-01T00:00:00Z</updated>
    <id>https://radicalweb.design/projets/magnifiques-manifestes/</id>
    <content type="html"><p>Dans le monde digital, avec l’index, on choisit ce que l’on veut montrer.</p>
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;magnifiques-manifestes&quot; tabindex=&quot;-1&quot;&gt;Magnifiques manifestes&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#magnifiques-manifestes&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Magnifiques manifestes”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Ce projet s’appuie sur la publication en français par B42, sous la direction de &lt;a href=&quot;https://www.loupcellard.com/&quot;&gt;Loup Cellard&lt;/a&gt;, de &lt;a href=&quot;https://editions-b42.com/produit/promesses-et-utopies/&quot;&gt;Promesses et utopies ; une anthologie des manifestes du web&lt;/a&gt;, qui fait suite au &lt;a href=&quot;https://greyscalepress.com/books/manifestos-for-the-internet-age/&quot;&gt;&lt;em&gt;Manifestos for the Internet Age&lt;/em&gt;&lt;/a&gt; de Greyscale Press en 2016.&lt;/p&gt;
&lt;figure&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/projets/magnifiques-manifestes/m9neQu82T--400.webp 400w, https://radicalweb.design/projets/magnifiques-manifestes/m9neQu82T--800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/projets/magnifiques-manifestes/m9neQu82T--400.jpeg&quot; alt=&quot;Couverture du livre&quot; width=&quot;800&quot; height=&quot;533&quot; srcset=&quot;https://radicalweb.design/projets/magnifiques-manifestes/m9neQu82T--400.jpeg 400w, https://radicalweb.design/projets/magnifiques-manifestes/m9neQu82T--800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;figcaption&gt;Couverture ornée d’un magnifique sticker irridescent&lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;La parution de l’ouvrage de Loup Cellard a conduit à l’essai de synthèse panoramique proposé dans la note intitulée &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos&quot;&gt;&lt;em&gt;Manifestes&lt;/em&gt;&lt;/a&gt; dans la section « &lt;em&gt;recherche&lt;/em&gt; » de ce site. C’est à partir de cette introduction et de ce contenu qu’on se propose de travailler.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;reedition-collective&quot; tabindex=&quot;-1&quot;&gt;Ré/édition collective&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#reedition-collective&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Ré/édition collective”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le projet consite en l’édition &lt;em&gt;web + print&lt;/em&gt; d’un recueil constitué d’une sélection de ces textes manifestes.&lt;/p&gt;
&lt;p&gt;Dans sa dimension imprimée, la publication sera mise en dialogue collectivement : choix du format, de la reliure, du (ou des) papier(s), de la méthode d’impression… Dans sa dimension web, les choix collectifs n’auront lieu qu’à l’échelle de la page d’accueil du projet et des principes de la navigation entre les textes. Si la diversité des textes invite volontiers à une diversité des approches graphiques, on s’attachera à lier les singularités dans un cadre commun.&lt;/p&gt;
&lt;p&gt;Chacun·e des étudiant·es impliqué·e produira un site web dont la forme visuelle traduira les enjeux thématiques et politiques d’un texte sélectionné au sein du corpus présenté dans l’une des &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#chronologie-thematique-i&quot;&gt;deux&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/manifestos/#chronologie-thematique-ii&quot;&gt;&lt;em&gt;timelines&lt;/em&gt;&lt;/a&gt; de la note &lt;em&gt;Manifestes&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Ce site pourra être constitué d’une seule page ou d’un grand nombre, explorer une approche minimaliste ou maximaliste, rester purement typographique ou se voir augmenté d’images (motifs, photos, mèmes, dessins…), engager de l’interactivité, de la 3D, de la vidéo ou du motion design – en restant cohérent avec les spécificités du média : le &lt;a href=&quot;http://localhost:8081/recherche/links/#the-web-s-grain&quot;&gt;&lt;em&gt;grain du web&lt;/em&gt;&lt;/a&gt; – ou rien de tout cela.&lt;/p&gt;
&lt;p&gt;Notabene: une part important de ces textes est en anglais. On pourra les éditer tels quels, ou choisir de les traduire – avec l’aide de votre outil de traduction préféré et le support de vos enseignante·es.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;etapes&quot; tabindex=&quot;-1&quot;&gt;Étapes&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#etapes&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Étapes”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;Choisir un texte, &lt;a href=&quot;https://pad.esad-pyrenees.club/p/magnifiques-manifestes&quot;&gt;sans se marcher sur les pieds&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Envisager une approche graphique singulière&lt;/li&gt;
&lt;li&gt;Engager des recherches typographiques et iconographiques&lt;/li&gt;
&lt;li&gt;Structurer le contenu en HTML&lt;/li&gt;
&lt;li&gt;Devenir stylé·e en CSS&lt;/li&gt;
&lt;li&gt;Découvrir le &lt;em&gt;responsive web design&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;Devenir ultra-stylé·e en CSS&lt;/li&gt;
&lt;li&gt;Découvrir le monde merveilleux du &lt;em&gt;web to print&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;Devenir hyper-stylé·e en CSS print&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#fn1&quot; id=&quot;fnref1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;Publier ce site en ligne&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#fn2&quot; id=&quot;fnref2&quot;&gt;[2]&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;Imprimer et façonner l’édition collective&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;approche&quot; tabindex=&quot;-1&quot;&gt;Approche&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#approche&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Approche”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;L’approche privilégiée sera volontiers exploratoire. Si la composition d’un texte lisible et accessible fait partie des enjeux fondamentaux du web, les principes du &lt;em&gt;web revival&lt;/em&gt; nous invitent à dépasser les systématismes de la publication web normalisée pour inventer (ou réinventer) des formes textuelles et visuelles vivantes et singulières pour le web.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;ressources-et-references&quot; tabindex=&quot;-1&quot;&gt;Ressources et références&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#ressources-et-references&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Ressources et références”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Cette proposition de travail s’inscrit dans la longue ligne de propositions faites à travers les projets &lt;a href=&quot;https://radicalweb.design/projets/textedit/&quot;&gt;Text edit&lt;/a&gt;, &lt;a href=&quot;https://radicalweb.design/projets/micromedia/&quot;&gt;Micromédia&lt;/a&gt;, &lt;a href=&quot;https://radicalweb.design/projets/micromedia-personalhomepage/&quot;&gt;PHP&lt;/a&gt;, &lt;a href=&quot;https://radicalweb.design/projets/micromedia-samizdat/&quot;&gt;Samizdat&lt;/a&gt;, &lt;a href=&quot;https://radicalweb.design/projets/micromedia-thisisfine/&quot;&gt;This is fine&lt;/a&gt;, voire &lt;a href=&quot;https://radicalweb.design/projets/plurivers/&quot;&gt;Plurivers&lt;/a&gt; ; soit dans l’espace exploré par &lt;a href=&quot;https://radicalweb.design/ressources/ctrl-alt-print/ailleurs/&quot;&gt;PrePostPrint&lt;/a&gt;. On gagnera à parcourir ces propositions.&lt;/p&gt;
&lt;p&gt;Seront abordées spécifiquement des approches techniques et culturelles liées au &lt;a href=&quot;https://radicalweb.design/ressources/css/layout/rwd/&quot;&gt;Responsive web design&lt;/a&gt; et au &lt;a href=&quot;https://radicalweb.design/ressources/ctrl-alt-print/&quot;&gt;&lt;em&gt;web to print&lt;/em&gt;&lt;/a&gt;. De &lt;a href=&quot;https://radicalweb.design/exemples/&quot;&gt;nombreux&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/ressources/ctrl-alt-print/pagedjs/&quot;&gt;exemples&lt;/a&gt; permettront de s’approprier ces techniques.&lt;/p&gt;
&lt;p&gt;De manière facultative (pour celleux qui le souhaitent), on pourra organiser des temps dédiés à la découverte de &lt;a href=&quot;https://radicalweb.design/ressources/js/&quot;&gt;JavaScript&lt;/a&gt;, voire &lt;a href=&quot;https://radicalweb.design/ressources/php&quot;&gt;PHP&lt;/a&gt;, &lt;a href=&quot;https://radicalweb.design/ressources/python&quot;&gt;Python&lt;/a&gt; ou la &lt;a href=&quot;https://radicalweb.design/ressources/cli/&quot;&gt;ligne de commande&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Chaque session consacrera un temps court à l’exposé du travail d’un·e designer web, d’une approche spécifique du &lt;em&gt;web revival&lt;/em&gt;, d’un fait historique ou d’une actualité du numérique.&lt;/p&gt;
&lt;p&gt;Outre les temps de dialogue collectif autour des enjeux graphiques communs et les moments de présentation culturelle et technique, le travail de chacun·e sera suivi de manière individuelle.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;calendrier&quot; tabindex=&quot;-1&quot;&gt;Calendrier&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#calendrier&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Calendrier”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Date&lt;/th&gt;
&lt;th&gt;Programme&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;01/10&lt;/td&gt;
&lt;td&gt;Lancement du projet&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;08/10&lt;/td&gt;
&lt;td&gt;&lt;del&gt;Typographie à l’écran&lt;/del&gt; &lt;ins&gt;journée d’étude accès)s(&lt;/ins&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;15/10&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Suivi &amp;amp; travail individuel/collectif&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;22/10&lt;/td&gt;
&lt;td&gt;RWD, du mobile à l’écran&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;29/10&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Suivi &amp;amp; travail individuel/collectif&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;05/11&lt;/td&gt;
&lt;td&gt;W2P, de l’écran au papier&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;12/11&lt;/td&gt;
&lt;td&gt;W2P, de l’écran au papier&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;19/11&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Suivi &amp;amp; travail individuel/collectif&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;26/11&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Suivi &amp;amp; travail individuel/collectif&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;03/12&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Suivi &amp;amp; travail individuel/collectif&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;10/12&lt;/td&gt;
&lt;td&gt;→ Publication en ligne&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;17/12&lt;/td&gt;
&lt;td&gt;→ Impression et façonnage&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;script type=&quot;module&quot;&gt;
  import { playhtml } from &quot;https://unpkg.com/playhtml&quot;;
  playhtml.init({
    cursors: {
      enabled: true,
      cursorStyle: &quot;default&quot;,
    }
  });
&lt;/script&gt;&lt;hr class=&quot;footnotes-sep&quot;&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn1&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;En réalisant si besoin une version spécifique du HTML &lt;a href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#fnref1&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn2&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;On abordera alors la question matérielle du web. &lt;a href=&quot;https://radicalweb.design/projets/magnifiques-manifestes/#fnref2&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
  </entry>
  <entry>
    <title>☞ The History of editing and publishing in web browsers</title>
    <link href="https://techno-barje.fr/post/2023/10/20/history-of-edition-and-publishing-in-web-browsers/" />
    <updated>2026-07-21T00:00:00Z</updated>
    <id>https://techno-barje.fr/post/2023/10/20/history-of-edition-and-publishing-in-web-browsers/</id>
    <content type="html"><p>Une chronologie des capacités d’édition et de publication des navigateurs web.</p>
</content>
  </entry>
  <entry>
    <title>☞ The HTML review</title>
    <link href="https://thehtml.review/" />
    <updated>2026-06-25T00:00:00Z</updated>
    <id>https://thehtml.review/</id>
    <content type="html"><p>The HTML Review is an annual journal of literature made to exist on the web.</p>
</content>
  </entry>
  <entry>
    <title>☞ Manifeste du Web indépendant</title>
    <link href="https://www.uzine.net/article60.html" />
    <updated>2026-06-20T00:00:00Z</updated>
    <id>https://www.uzine.net/article60.html</id>
    <content type="html"><p>Manifeste fondateur du web indépendant français, conscient des enjeux de merdification du web dès le XX<sup>e</sup> siècle</p>
</content>
  </entry>
  <entry>
    <title>☞ event.preventDefault();</title>
    <link href="https://event.preventdefault.net/" />
    <updated>2026-06-20T00:00:00Z</updated>
    <id>https://event.preventdefault.net/</id>
    <content type="html"><p>Maximilian Kiepe traverse dans ce site/article de nombreux enjeux évoqués ici. Il conclue avec une revue de sites, exemplaires de différentes approches du web design.</p>
</content>
  </entry>
  <entry>
    <title>☞ alive internet theory</title>
    <link href="https://alivetheory.net/" />
    <updated>2026-05-20T00:00:00Z</updated>
    <id>https://alivetheory.net/</id>
    <content type="html"><p>A séance with the Internet, told through tens of millions of digital media files from the Internet Archive.</p>
</content>
  </entry>
  <entry>
    <title>Une visite du web</title>
    <link href="https://radicalweb.design/recherche/visite/" />
    <updated>2026-05-16T00:00:00Z</updated>
    <id>https://radicalweb.design/recherche/visite/</id>
    <content type="html"><p>Une sélection de liens fascinants, hasardeux, étranges, incroyables pour prouver à qui veut bien le croire combien le web est cool.</p>
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;une-visite-du-web&quot; tabindex=&quot;-1&quot;&gt;Une visite du web&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#une-visite-du-web&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Une visite du web”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;112026&quot; tabindex=&quot;-1&quot;&gt;11/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#112026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “11/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Formes du numérique propose un &lt;a href=&quot;https://cis.cnrs.fr/formes-du-numerique/#2026-27&quot;&gt;cycle de conférences sur la typographie&lt;/a&gt;, accessible en ligne sur inscription et y invite Thomas Huot-Marchand et Morgane Pierson :), Nicolas Taffin :D, Étienne Mineur :/, Camille Circlude et Ludi Loiseau &amp;lt;3.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;09-102026&quot; tabindex=&quot;-1&quot;&gt;&lt;del&gt;09&lt;/del&gt; &lt;ins&gt;10&lt;/ins&gt;/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#09-102026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “09 10/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;En couleurs, avec &lt;a href=&quot;https://sanzo-wada.dmbk.io/&quot;&gt;Wada Sanzō&lt;/a&gt;. En musique. &lt;a href=&quot;https://vimeo.com/18506715?fl=pl&amp;amp;fe=vl&quot;&gt;Flammes&lt;/a&gt;, un film sans IA de Annelaure Daffis &amp;amp; Léo Marchand. &lt;a href=&quot;https://cocanha.bandcamp.com/album/flame-folcl-re&quot;&gt;Flame Folclòre&lt;/a&gt;, un album de Cocanha.&lt;/p&gt;
&lt;p&gt;Typo. &lt;a href=&quot;https://formagari.com/typefaces/scenery&quot;&gt;Scenery&lt;/a&gt; est un caractère (presque) sans-serif de Lucas Le Bihan publié par &lt;a href=&quot;https://formagari.com/&quot;&gt;Formagari&lt;/a&gt;. Lucas est par ailleurs fondateur de &lt;a href=&quot;https://fonderiebretagne.fr/&quot;&gt;Bretagne&lt;/a&gt;. Voici &lt;a href=&quot;https://thesecrettype.garden/&quot;&gt;la clé&lt;/a&gt; pour le &lt;em&gt;Secret Type Garden&lt;/em&gt; de la talentueuse Céline Hurka, réalisé en collaboration avec le &lt;a href=&quot;https://radicalweb.design/recherche/visite/&quot;&gt;studio pointer&lt;/a&gt;, par ailleurs responsables de &lt;a href=&quot;https://variablelab.pointer.click/&quot;&gt;variablelab.pointer.click&lt;/a&gt; et &lt;a href=&quot;https://variabletime.pointer.click/&quot;&gt;variabletime.pointer.click&lt;/a&gt;. Un dernier caractère pour la route ? &lt;a href=&quot;https://eliashanzer.com/edition/&quot;&gt;Edition&lt;/a&gt;, un caractère monoline d’Elias Hanzer. &lt;a href=&quot;https://text.plain-form.com/#plain-text-4&quot;&gt;Plain Text #4&lt;/a&gt; est en prévente sur le site de &lt;a href=&quot;https://plain-form.com/&quot;&gt;Plain Form&lt;/a&gt;. 13&lt;sup&gt;e&lt;/sup&gt; session de &lt;a href=&quot;https://www.youtube.com/live/-cXalvoAyr0&quot;&gt;Fonts and Faces&lt;/a&gt; à la Fonderie de l’image. Si vous souhaitez écrire l’arménien ou le géorgien, le puissant &lt;a href=&quot;https://www.typetogether.com/blog/introducing-rezak-armenian-and-rezak-georgian&quot;&gt;Rezak d’Anya Danilova&lt;/a&gt; s’est doté d’une extension caucasienne.&lt;/p&gt;
&lt;p&gt;Puisque l’heure est à la grève, au blocus, aux garde à vue, aux comparutions immédiates et aux couvre-feux, quelques réflexions. Sur &lt;a href=&quot;https://lundi.am/Fallait-pas-confisquer-les-dimanches-de-poche&quot;&gt;#lézécrans&lt;/a&gt; et &lt;a href=&quot;https://affordance.framasoft.org/2026/10/reseaux-sociaux-et-mouvements-sociaux-des-lycees-a-lelysee/&quot;&gt;#lérézosocio&lt;/a&gt;, sur &lt;a href=&quot;https://www.acrimed.org/Nous-ne-voulons-pas-de-ce-journalisme&quot;&gt;#lémédias&lt;/a&gt; ou sur &lt;a href=&quot;https://blog.mondediplo.net/orientations-2498&quot;&gt;#laviolence&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Joachim, qui a suivi très sérieusement l’affaire (🙏), nous parle d’&lt;a href=&quot;https://fourbi.eu/billet/2026-09-09-autistici-inventati-une-lecon-a-tirer&quot;&gt;Autistici / Inventati&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://moth-in-relay.net/&quot;&gt;Suivre un papillon&lt;/a&gt; à travers le réseau (un projet de Shaheer Tarar, aussi responsable de &lt;a href=&quot;https://rgb.garden/magcd/pixel-parser/&quot;&gt;Pixel Parser&lt;/a&gt;). Une &lt;a href=&quot;https://reporterre.net/Finie-l-Afrique-riquiqui-cette-carte-du-monde-s-emancipe-des-representations-coloniales&quot;&gt;autre carte&lt;/a&gt; du monde est possible (plein d’autres cartes sont possibles).&lt;/p&gt;
&lt;p&gt;Dans le 5&lt;sup&gt;e&lt;/sup&gt; épisode de &lt;a href=&quot;https://pa.oo8.be/&quot;&gt;position: absolue&lt;/a&gt;, le (radio) zine des résistances numériques et des réseaux poétiques dans lequel Raphaël Bastide s’entretient avec &lt;a href=&quot;https://hyperbate.fr/dernier/&quot;&gt;Jean-Noël Lafargue&lt;/a&gt;, est présenté un projet de Kevin Bewersdorf, &lt;a href=&quot;https://www.kevinbewersdorf.org/websites/completegifs/treasurehall/index.html&quot;&gt;Treasure Hall of the Mysterious Monk&lt;/a&gt;. &lt;a href=&quot;https://onecanvasmanyhands.com/&quot;&gt;Une toile, plusieurs mains&lt;/a&gt;. &lt;a href=&quot;https://yesno.wtf/&quot;&gt;Oui ? ou non ?&lt;/a&gt; &lt;a href=&quot;https://ojack.xyz/&quot;&gt;Olivia Jack&lt;/a&gt; est, avec &lt;a href=&quot;https://paulahaertel.com/&quot;&gt;Paula Härtel&lt;/a&gt;, la créatrice de &lt;a href=&quot;https://wwwobble.org/&quot;&gt;wwwobble&lt;/a&gt;, un outil très fun pour créer des pages web. &lt;a href=&quot;https://boutur.es/&quot;&gt;Boutur.es&lt;/a&gt; est un site formidable issu de &lt;a href=&quot;https://ribambelle.club/&quot;&gt;ribambelle.club&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;072026&quot; tabindex=&quot;-1&quot;&gt;07/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#072026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “07/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://www.radiofrance.fr/franceculture/podcasts/serie-la-revolution-numerique&quot;&gt;La révolution numérique&lt;/a&gt; est une remarquable série de Juliette Devaux pour Radio France, des premiè·res pionnièr·es à l’émergence de l’IA, en passant par les premiers ordinateurs, l’invention d’internet ou du web.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;From the dot matrix printer EPSON MX-80, the &lt;a href=&quot;https://mw.rat.bz/MX-80/&quot;&gt;EPSON MX-80 Fonts&lt;/a&gt;&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.rural-lemedia.fr/2026/05/18/editer-en-ruralite/&quot;&gt;Éditer en ruralité&lt;/a&gt;, un entretien avec Baptiste Fluzin.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;062026&quot; tabindex=&quot;-1&quot;&gt;06/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#062026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “06/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Ne pas confondre les &lt;a href=&quot;https://www.typographicposters.com/pierre-jeanneau&quot;&gt;posters typographiques&lt;/a&gt; de Pierre Jeanneau et &lt;a href=&quot;https://www.jauneauvallance.com/&quot;&gt;les livres&lt;/a&gt; d’Alice Jauneau.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://playhtml.fun/&quot;&gt;playhtml&lt;/a&gt; est une bibliothèque open-source pour concevoir des expériences collectives en ligne, qui permet d’« augmenter » les éléments HTML pour leur donner la capacité d’être utilisés collectivement.&lt;/p&gt;
&lt;p&gt;Sur &lt;a href=&quot;http://problemata.org/fr/articles/3648&quot;&gt;Problemata&lt;/a&gt;, Thierry Chancogne poursuit son exploration de l’histoire du graphisme avant la modernité.&lt;/p&gt;
&lt;p&gt;Les artistes-auteur·ices seront bientôt tenu·es d’émettre des factures électroniques (&lt;a href=&quot;https://petitions.assemblee-nationale.fr/initiatives/i-5174&quot;&gt;à moins que…&lt;/a&gt;). Le &lt;a href=&quot;https://leguidedelartiste.com/facturation-electronique-artistes-auteurs/&quot;&gt;Guide de l’artiste&lt;/a&gt; a produit un article assez complet à ce sujet.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.fonts.xyz/&quot;&gt;fonts.xyz&lt;/a&gt; est une plateforme indépendante de diffusion de caractères typographiques créée par &lt;a href=&quot;https://www.nan.xyz/&quot;&gt;NaN&lt;/a&gt;. Grâce à Ariel Martin Perez et sa &lt;a href=&quot;https://arielmartinperez.com/pages/2026asciiarttutorial.html&quot;&gt;merveilleuse introduction à l’ASCII art&lt;/a&gt; je découvre les &lt;a href=&quot;https://ascii.grkt.com/&quot;&gt;images minimalistes&lt;/a&gt; de  mouse &lt;code&gt;&amp;lt;3S&lt;/code&gt;. &lt;a href=&quot;https://wiki.wordsoftype.com/&quot;&gt;Words of Type&lt;/a&gt; est une encyclopédie des termes typographiques initiée par Lisa Huang (on en a déjà parlé ici-même !).&lt;/p&gt;
&lt;p&gt;Un guide (en anglais) pour &lt;a href=&quot;https://github.com/Idnan/bash-guide&quot;&gt;tout savoir sur la ligne de commande&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;04052026&quot; tabindex=&quot;-1&quot;&gt;&lt;del&gt;04&lt;/del&gt;&lt;ins&gt;05&lt;/ins&gt;/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#04052026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “0405/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;a href=&quot;https://laboratoire-graphique.fr/&quot;&gt;laboratoire graphique&lt;/a&gt; de Jacques Bertin est une recherche sur la patrimonialisation et l’étude des cultures visuelles des sciences sociales et du design graphique, des années 1950 à l’âge des humanités numériques. &lt;a href=&quot;https://silviolorusso.com/publication/learn-to-code-vs-code-to-learn/&quot;&gt;Coding to Learn&lt;/a&gt; (en anglais) est un essai de Silvio Lorusso paru dans &lt;a href=&quot;https://www.postdigitalgraphicdesign.com/&quot;&gt;Graphic Design in the Post-Digital Age&lt;/a&gt; signalant combien « coder pour apprendre » est tout aussi important (voir bien davantage) qu’« apprendre à coder ».&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://raphaelbastide.com/carecore/&quot;&gt;Carecore&lt;/a&gt; est un nouveau merveilleux projet de net-art de Raphaël Bastide ; plantez des graines, prenez soin des fleurs. Raphaël Bastide a également initié un podcast qui résonne singulièrement avec les hypothèses abordées ici, &lt;a href=&quot;https://pa.oo8.be/&quot;&gt;Position absolue&lt;/a&gt;, un (radio) zine des résistances numériques et des réseaux poétiques.  &lt;a href=&quot;https://tetrageddon.com/&quot;&gt;Tetrageddon&lt;/a&gt; est « probablement le jeu “qui n’en est pas un” le plus bizarre et le plus torturé que vous ayez jamais vu », une lettre d’amour au web du passé. Évidemment, il vient d’alienmelon /Nathalie Lawhead. Puisque vous êtes ici, allez expérimenter &lt;a href=&quot;https://tetrageddon.com/meanderware/&quot;&gt;Meanderware&lt;/a&gt;, un essai visuel, poétique et jouable à propos du cyberespace. Par hasard ou par bonheur, on y apprendra qu’on peut héberger un site sur une &lt;a href=&quot;https://bogdanthegeek.github.io/blog/projects/vapeserver/&quot;&gt;cigarette électronique usagée&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Un &lt;a href=&quot;https://www.youtube.com/watch?v=_hIwNEifBGw&amp;amp;t=13s&quot;&gt;panorama du web-to-print&lt;/a&gt; avec Julie Blanc et Lucile Haute. L’intégralité des épisodes de « &lt;a href=&quot;https://peertube.gargantia.fr/w/p/7R4aS66iFvGgeEwMpceNLQ&quot;&gt;La vie secrète des machines&lt;/a&gt; » (un &lt;em&gt;C’est pas sorcier&lt;/em&gt; de la fin des années 80) est en ligne. Un &lt;a href=&quot;https://www.youtube.com/watch?v=2AnbYNudAyM&quot;&gt;karaokascii&lt;/a&gt; en plongée dans l’esthétique de la démoscène avec Razor1911.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://sinceyouarrived.world/taken&quot;&gt;Taken.&lt;/a&gt; est une démonstration assez complète et convaincante de ce qu’on « donne » à un site lorsqu’on le visite. Depuis le 8 mai, Instagram a &lt;a href=&quot;https://www.macrumors.com/2026/05/05/psa-instagram-encrypted-messaging-ends-may-8/&quot;&gt;désactivé le « chiffrage de bout en bout »&lt;/a&gt; des messages privés (qui ne le sont donc plus) et Google installe sans votre consentement, et sans doute à votre insu, un modèle d’IA de 4 Go à l’intérieur de votre navigateur Chrome. Pour résister à ça, et expérimenter la puissance de RSS, &lt;a href=&quot;https://byedoom.com/&quot;&gt;ByeDoom&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Sur Gallica, une sélection de &lt;a href=&quot;https://gallica.bnf.fr/selections/fr/html/typographie&quot;&gt;ressources liées à la typographie&lt;/a&gt;. Le caractère libre &lt;a href=&quot;https://fonts.luuse.io/hershey-arkdes/&quot;&gt;Hershey-ArkDes&lt;/a&gt; créé par Luuse (avec &lt;a href=&quot;https://marjoriebne.com/&quot;&gt;Marjorie Biauné&lt;/a&gt; au specimen web  + print) a été utilisé par la &lt;a href=&quot;https://sfpc.study/&quot;&gt;School for Poetic Computation&lt;/a&gt;. L’université de Cambridge a numérisé pour vous les &lt;a href=&quot;https://cudl.lib.cam.ac.uk/collections/baskervillepunches/1&quot;&gt;poinçons de Baskerville&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://blackzinefair.org/&quot;&gt;Black Zine Fair&lt;/a&gt; est un festival new-yorkais de publications indépendantes co-fondé par &lt;a href=&quot;https://netabomani.com/&quot;&gt;Neta Bomani&lt;/a&gt; (dont le site est composé en OldFrench Regular, un autre caractère Made in Luuse)&lt;/p&gt;
&lt;p&gt;En utilisant l’IA générative, vous acceptez que les modèles aient été entraînés à partir de données volées, vous acceptez que ces données aient été annotées par des travailleurs exploités, vous acceptez les coûts environnementaux liés aux centres de données qui font fonctionner ces modèles, vous acceptez de sous-traiter certaines de vos compétences à une entreprise, vous acceptez que ces entreprises n’aient pas de modèle économique viable, vous acceptez de donner plus de pouvoir aux géants de la tech et à leur vision du monde, vous acceptez de donner plus de pouvoir aux États-Unis, vous reconnaissez que tous ces efforts auraient pu &lt;a href=&quot;https://smallsheds.garden/blog/2026/on-the-acceptance-of-genai/&quot;&gt;être consacrés à autre chose&lt;/a&gt;. Vous pouvez aussi devenir &lt;a href=&quot;https://sboots.ca/2026/03/11/generative-ai-vegetarianism/&quot;&gt;végétarien de l’IA&lt;/a&gt; et récuser l‘hypothèse que l’IA est « &lt;a href=&quot;https://www.terrestres.org/2025/06/28/chatgpt-cest-juste-un-outil/&quot;&gt;juste un outil&lt;/a&gt; ». On peut aussi essayer de comprendre en quoi &lt;a href=&quot;https://tante.cc/2026/04/21/ai-as-a-fascist-artifact/&quot;&gt;l’IA est un artefact fasciste&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Testez votre capacité à &lt;a href=&quot;https://www.keithcirkel.co.uk/whats-my-jnd/&quot;&gt;discerner les couleurs&lt;/a&gt; et inspirez vous des &lt;a href=&quot;https://archive.org/details/hypercard_obliquestrategies&quot;&gt;stratégies obliques&lt;/a&gt; de Brian Eno en Hypercard dans un émulateur Macintosh Plus.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;032026&quot; tabindex=&quot;-1&quot;&gt;03/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#032026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “03/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://error417.expectation.fail/13scoresagainsttechfascism/&quot;&gt;&lt;em&gt;13 Scores Against Tech Fascism&lt;/em&gt;&lt;/a&gt; est une exposition collective en ligne dont les projets explorent des formes immédiates, poétiques et humoristiques de résistance, de refus et de subversion qui s’opposent au fascisme technologique.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;022026&quot; tabindex=&quot;-1&quot;&gt;02/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#022026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “02/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://www.hustwit.com/rams/&quot;&gt;Rams&lt;/a&gt; est un documentaire consacré à Dieter Rams, l’un des designers les plus influents de notre époque, et une réflexion sur le consumérisme, la durabilité et l’avenir du design. &lt;a href=&quot;https://www.instagram.com/skyseeef/&quot;&gt;Skyseeef&lt;/a&gt; est le blase de Youssef Oubahou, dont le travail fut présenté lors de l’exposition &lt;a href=&quot;https://www.imarabe.org/fr/arabofuturs-science-fiction-et-nouveaux-imaginaires-arabofuturs-science-fiction-and-new-imaginaries&quot;&gt;Arabofuturs&lt;/a&gt; à l’IMA. &lt;em&gt;Johnny Got His Gun&lt;/em&gt; est un roman et un film antimilitariste publié en 1939.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://borddoeuvres.com&quot;&gt;Bord d’œuvres&lt;/a&gt; est une encyclopédie qui réunit des films qui se font référence les uns aux autres, par ricochets. C’est un projet du &lt;a href=&quot;https://studiodouble.fr&quot;&gt;Studio Double&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Suite au visionnage du documentaire &lt;a href=&quot;https://www.graphicmeans.com/&quot;&gt;Graphic Means&lt;/a&gt;, le cours de cultures numériques a évoqué le &lt;a href=&quot;https://jester.grifi.fr/&quot;&gt;Jester&lt;/a&gt; et le &lt;a href=&quot;https://plain-form.com/typefaces/michaux&quot;&gt;Michaux&lt;/a&gt; de Benjamin Dumond ; &lt;a href=&quot;https://frerejones.com/&quot;&gt;Tobias Frere-Jones&lt;/a&gt;, dessinateur de nombreux et célèbres caractères typographiques (Gotham, Interstate, Archer…) ; &lt;a href=&quot;https://www.aprilgreiman.com/&quot;&gt;April Greiman&lt;/a&gt;, grande dame du graphisme postmoderne ; les fabuleux magazines d’&lt;a href=&quot;https://www.emigre.com/Magazine&quot;&gt;Emigre&lt;/a&gt; ; Toulouse-Lautrec et la &lt;a href=&quot;https://fr.wikipedia.org/wiki/Chromolithographie&quot;&gt;chromolithographie&lt;/a&gt; ; &lt;a href=&quot;https://designreviewed.com/ken-garland/&quot;&gt;Ken Garland&lt;/a&gt; et le manifeste &lt;a href=&quot;http://www.designishistory.com/1960/first-things-first/&quot;&gt;First Things First&lt;/a&gt; ; la &lt;a href=&quot;https://www.manhattanrarebooks.com/pictures/2635_4.jpg?v=1670442971&quot;&gt;lettre ouverte aux hobbyistes&lt;/a&gt; de Bill Gates ; &lt;a href=&quot;https://fontsinuse.com/foundry/124/letraset&quot;&gt;Letraset&lt;/a&gt; et ses caractères transfert ; Aldus, puis Adobe, &lt;a href=&quot;https://en.wikipedia.org/wiki/Aldus_PageMaker&quot;&gt;PageMaker&lt;/a&gt; ; le travail de Nolwen Maudet sur les &lt;a href=&quot;https://journal.dampress.org/issues/systemes-logiques-graphies-materialites/une-breve-histoire-des-templates-entre-autonomisation-et-controle-des-graphistes-amateurs&quot;&gt;templates&lt;/a&gt; ; le &lt;a href=&quot;https://www.citedudesign.com/archives/fr/editions/260712-le-vertige-du-funambule&quot;&gt;vertige du funambule&lt;/a&gt; d’Annick Lantenois et on a terminé avec &lt;a href=&quot;https://nightphilosophy.github.io/avocado/&quot;&gt;Avocado Ibuprofen Paint&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.archiviograficaitaliana.com/&quot;&gt;Archivio Grafica Italiana&lt;/a&gt; est une archive en ligne consacrée au patrimoine italien du graphisme – AG Fronzoni, Massimo Vignelli, etc. – dont on peut seulement regretter que la sélection invisibilise largement les femmes…&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://lizz.website/&quot;&gt;Lizz Thabet&lt;/a&gt; est une artiste et programmeuse passionnée par les réseaux internet artisanaux et le partage des compétences technologiques – c’est vous dire si ça place ici est évidente.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://hlnet.neocities.org/il-verse/&quot;&gt;IL-VERSE&lt;/a&gt; est un éditeur expérimental de poésie visuelle et de typographie créé par &lt;a href=&quot;https://hlnet.neocities.org/&quot;&gt;Heikki Lotvonen&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Le rachat d’Affinity par Canva vous déplaît ? Peut-être est-il temps de donner une nouvelle chance à &lt;a href=&quot;https://www.scribus.net/&quot;&gt;Scribus&lt;/a&gt; en vous appuyant sur le merveilleux &lt;a href=&quot;https://bardelli.fr/Scribus-en-pratique&quot;&gt;tuto d’Antoine Bardelli&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Une &lt;a href=&quot;https://www.youtube.com/watch?v=o0JvgIohYt4&quot;&gt;vidéo de Sylvqin&lt;/a&gt; sur le C.L.O.D.O., Comité Liquidant ou Détournant les Ordinateurs. &lt;em&gt;Introducing&lt;/em&gt; &lt;a href=&quot;https://www.abbyhaddican.com/times-new-resistance&quot;&gt;&lt;em&gt;Times New Resistance&lt;/em&gt;&lt;/a&gt;, un caractère basé sur Times New Roman qui autocorrige les autocrates (pour le contexte, lire le &lt;a href=&quot;https://polylogue.org/tempete-dans-un-verre-de-cristal/&quot;&gt;billet de Nicolas Taffin&lt;/a&gt; concernant l’abandon par le département d’État des États-Unis de la police Calibri pour revenir au Times New Roman).&lt;/p&gt;
&lt;!-- 
Snap dom
Toomuchtype.com
Gdwithgd.com
Gabriel Drozdov.  --&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;012026&quot; tabindex=&quot;-1&quot;&gt;01/2026&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#012026&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “01/2026”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Un manuel japonais pour dessiner &lt;a href=&quot;https://publicdomainreview.org/collection/hamonshu-a-japanese-book-of-wave-and-ripple-designs-1903/&quot;&gt;des vagues et des nuages&lt;/a&gt;. Depuis &lt;a href=&quot;https://modal-media.com&quot;&gt;Modal&lt;/a&gt;, on peut découvrir le webdocumentaire &lt;a href=&quot;https://www.familhas.org/&quot;&gt;Familhas&lt;/a&gt; qui donne la parole à des acteur·ices de la scène musicale trad, ou un &lt;a href=&quot;https://modal-media.com/cocanha-que-son-auros/&quot;&gt;clip sauvage&lt;/a&gt; de Cocanha qui prouve à qui veut bien le voir combien cette scène est vivante et actuelle.&lt;/p&gt;
&lt;p&gt;Un loong article (passionnant, drôle, vénère) de Pauline Harmange sur pourquoi &lt;a href=&quot;https://mail.paulineharmange.fr/archive/ia-probleme/&quot;&gt;l’IA est un problème, et pas celui que vous croyez&lt;/a&gt;. et un autre, à peine moins long et un brin plus académique, &lt;a href=&quot;https://www.culturesvisuelles.org/champs-de-recherche/epistemologie-des-images-et-du-design-graphique/enseigner-le-design-graphique-a-l-universite/competences-designer-graphique-1&quot;&gt;Les compétences du designer graphique I : la controverse anglo-saxonne postmoderne des années 1990 à 2000&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Puisqu’on est dans une semaine de workshops à l’école, les sites de &lt;a href=&quot;https://ateliermcclane.com/&quot;&gt;l’atelier McClane&lt;/a&gt;, &lt;a href=&quot;https://felixfarjas.com/&quot;&gt;Félix Farjas&lt;/a&gt;, &lt;a href=&quot;https://marinmartinie.blogspot.com/&quot;&gt;Marin Martinie&lt;/a&gt;, &lt;a href=&quot;http://www.guillaumemartial.fr/&quot;&gt;Guillaume Martial&lt;/a&gt;, &lt;a href=&quot;https://clubcollecte.fr&quot;&gt;Damien Bauza&lt;/a&gt;, &lt;a href=&quot;https://bastiencosson.net/&quot;&gt;Bastien Cosson&lt;/a&gt;, et bien sûr ceux de Doriane : &lt;a href=&quot;https://ungual.digital&quot;&gt;ungual.digital&lt;/a&gt;, &lt;a href=&quot;https://osp.kitchen/&quot;&gt;Open Source Publishing&lt;/a&gt;, &lt;a href=&quot;https://declarations.style/&quot;&gt;declarations.style&lt;/a&gt;, &lt;a href=&quot;https://plotterstation.osp.kitchen/&quot;&gt;Plotter station&lt;/a&gt;, &lt;a href=&quot;https://practices.tools/&quot;&gt;practices.tools&lt;/a&gt; ou &lt;a href=&quot;https://howspot.ungual.digital/&quot;&gt;HowSpot&lt;/a&gt;…&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://video.lqdn.fr/w/f9PFNJMtPXQCtJzcBHnVsK&quot;&gt;La fascisation est-elle inscrite dans le code ?&lt;/a&gt;, une question posée à Mathilde Saliou et Pablo Rauzy par La Quadrature du Net (sur leur &lt;a href=&quot;https://video.lqdn.fr/&quot;&gt;chaîne Peertube&lt;/a&gt;) – Mathilde Saliou qu’on peut lire dans sa newsletter, &lt;a href=&quot;https://technoculture.kessel.media/&quot;&gt;Technoculture&lt;/a&gt; ou dans son dernier essai, &lt;a href=&quot;https://editionslesperegrines.fr/fr/books/lenvers-de-la-tech&quot;&gt;L’envers de la tech, Ce que le numérique fait au monde&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/inchkev/file-gallery?tab=readme-ov-file&quot;&gt;file.gallery&lt;/a&gt; est un générateur de site statique pour MacOS, cousin de &lt;a href=&quot;https://kevin.garden/&quot;&gt;kevin.garden&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Plus bas dans cette page, on avait parlé d’&lt;a href=&quot;https://retinart.net/graphic-design/secret-law-of-page-harmony/&quot;&gt;empagement&lt;/a&gt; (l’art et la manière de déterminer la zone de texte dans la page d’un livre). Alain Hurtig, maquettiste typographe, en parlait déjà &lt;a href=&quot;https://www.alain.les-hurtig.org/varia/empagement.html&quot;&gt;il y a longtemps&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://blog.whoz.me/non-classe/mastodon-nest-pas-un-reseau-social/&quot;&gt;Mastodon n’est pas un réseau social&lt;/a&gt;. &lt;a href=&quot;https://www.arte.tv/digitalproductions/wednesdays/&quot;&gt;Wednesdays&lt;/a&gt; est une narration interactive toute en finesse sur la thématique de l’inceste et des violences sur mineurs.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;122025&quot; tabindex=&quot;-1&quot;&gt;12/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#122025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “12/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://www.dayroselane.com/hydrants&quot;&gt;The Hydrant Directory&lt;/a&gt; répertorie des bouches à incendie peintes de Portland à New-York. &lt;a href=&quot;https://not-a-doom-scroll.neocities.org/&quot;&gt;Not a doom scroll&lt;/a&gt; est un Neocities de compilation moitié &lt;em&gt;shitpost&lt;/em&gt;, moitié &lt;em&gt;punchlines&lt;/em&gt;, moitié Twitter des temps anciens.&lt;/p&gt;
&lt;p&gt;Pendant cinq ans le Fotomuseum Winterthur et The Photographers’ Gallery ont organisé &lt;a href=&quot;https://www.screenwalks.com/&quot;&gt;Screen Walks&lt;/a&gt;, une série de &lt;em&gt;live-streamings&lt;/em&gt; d’artistes, de conservateurs ou de chercheurs qui « explore l’évolution du rôle de l’image photographique dans ses formes numériques et en réseau ». Screen Walks s’arrête, mais&lt;br&gt;
l’exploration se poursuit à travers &lt;a href=&quot;https://www.permanentbeta.network/&quot;&gt;Permanent Beta&lt;/a&gt; et &lt;a href=&quot;https://unthinking.photography/&quot;&gt;Unthinking Photography&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Grâce à Martin (&lt;a href=&quot;https://absolument-tout.net/&quot;&gt;Absolument tout&lt;/a&gt;) je découvre les &lt;a href=&quot;https://www.larrysultan.com/gallery/swimmers/&quot;&gt;photographies de nageurs&lt;/a&gt; de Larry Sultan.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;112025&quot; tabindex=&quot;-1&quot;&gt;11/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#112025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “11/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;De nombreux outils graphiques ont été proposés lors du workshop mené par &lt;a href=&quot;https://www.delyo.be&quot;&gt;Delyo Dobrev&lt;/a&gt; avec le &lt;a href=&quot;https://nm.esad-pyrenees.fr&quot;&gt;pôle Nouveaux médias&lt;/a&gt; : &lt;a href=&quot;https://kidpix.app/&quot;&gt;kidpix&lt;/a&gt; est un outil de dessin &lt;em&gt;paint-like&lt;/em&gt; à haut niveau de fun ; &lt;a href=&quot;https://hlnet.neocities.org/ascii-automata/&quot;&gt;ascii automata&lt;/a&gt; est un outil de dessin automatique en ascii du formidable &lt;a href=&quot;https://heikkilotvonen.com/&quot;&gt;Heikki Lotvonen&lt;/a&gt; ; &lt;a href=&quot;https://doodad.dev/dither-me-this/&quot;&gt;Dither me this&lt;/a&gt;, le bien-nommé, permet d’effectuer du &lt;em&gt;dithering&lt;/em&gt; (tramage) selon plein de paramètres, avec des presets malins ; &lt;a href=&quot;https://pal.constraint.systems/&quot;&gt;Pal&lt;/a&gt; est un outil de colorisation d’image en huit couleurs par &lt;a href=&quot;https://grantcuster.com/&quot;&gt;Grant Custer&lt;/a&gt; ; &lt;a href=&quot;https://nightphilosophy.github.io/avocado/&quot;&gt;Avocado Ibuprofen Paint&lt;/a&gt; est un autre outil de dessin &lt;em&gt;paint-like&lt;/em&gt; en noir et blanc ; &lt;a href=&quot;https://beyondloom.com/tools/ditherpaint.html&quot;&gt;Ditherpaint&lt;/a&gt; est encore un autre outil de dessin &lt;em&gt;paint-like&lt;/em&gt; en noir et blanc, à base de trames ; &lt;a href=&quot;https://www.tooooools.app/&quot;&gt;tooooools&lt;/a&gt; est un ensemble d’outils de manipulation d’image réunis dans une même interface. Enfin, &lt;a href=&quot;https://coollab-art.com/&quot;&gt;Coollab&lt;/a&gt; (&lt;em&gt;Generative visuals for everyone&lt;/em&gt;), s’est doté d’un nouveau site web, et est plus cool que jamais.&lt;/p&gt;
&lt;p&gt;Dans le même workshop, on se sera plongé dans la matrice technofasciste de l’IA, en absorbant de nombreuses ressources et références. On en reparlera ici bientôt…&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;102025&quot; tabindex=&quot;-1&quot;&gt;10/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#102025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “10/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://aresluna.org/the-day-return-became-enter/&quot;&gt;Un jour, Retour est devenu Entrée&lt;/a&gt;, l’histoire d’une touche méconnue de nos claviers, par Marcin Wichary, également hauteur d’une enquête sur un caractère typographique que nous connaissons tous·tes, le &lt;a href=&quot;https://aresluna.org/the-hardest-working-font-in-manhattan/&quot;&gt;Gorton&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://speakingvolumes.space&quot;&gt;Spealking Volumes&lt;/a&gt; est le projet de recherche de &lt;a href=&quot;https://www.lorainefurter.net&quot;&gt;Loraine Furter&lt;/a&gt; sur les pratiques d’édition (livres d’artistes, pamphlets d’activistes, flyers et ephemeras) menées dans une approche féministe intersectionnelle. &lt;a href=&quot;https://www.enfrancaisaupluriel.fr/&quot;&gt;En françaiS au pluriel&lt;/a&gt; est un projet de Myriam Suchet, rendu possible par &lt;a href=&quot;https://figureslibres.cc/&quot;&gt;Figures libres&lt;/a&gt;, qui explore les nombreuses saveurs des langues françaises.&lt;/p&gt;
&lt;p&gt;Sourcetype propose un &lt;a href=&quot;https://www.sourcetype.com/index/&quot;&gt;index&lt;/a&gt; des choses qui les intéressent, et c’est très intéressant.&lt;/p&gt;
&lt;p&gt;L’univers visuel de &lt;a href=&quot;https://romi.link/&quot;&gt;Romina Malta&lt;/a&gt; ! Les &lt;a href=&quot;https://weird-web.studiodev.xyz/&quot;&gt;expériences web&lt;/a&gt; de &lt;a href=&quot;https://amrie.studiodev.xyz/&quot;&gt;Marie Malarme&lt;/a&gt; lors du &lt;a href=&quot;https://weirdweboctober.website/&quot;&gt;Weird Web October&lt;/a&gt; de 2024. Le portfolio de &lt;a href=&quot;https://dda-auvergnerhonealpes.org/fr/artistes/jonas-delaborde/oeuvres&quot;&gt;Jonas Delaborde&lt;/a&gt;, éditeur avec Hendrik Hegray du fanzine culte NAZI KNIFE, lui-même participant du &lt;a href=&quot;https://nnjzz.tumblr.com/&quot;&gt;Non_Jazz&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Un tuto pour &lt;a href=&quot;https://vladar.bearblog.dev/creating-fonts-with-inkscape-and-fontforge/&quot;&gt;créer des caractèrs typographiques&lt;/a&gt; avec Inkscape et FontForge. [Dezoomify-rs] est un utilitaire pour télécharger des images haute définition depuis, par exemple, &lt;a href=&quot;https://artsandculture.google.com&quot;&gt;Google Arts and Culture&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Une playlist &lt;a href=&quot;https://beatcaffeine.com/100-best-jazz-funk-songs/&quot;&gt;jazz funk&lt;/a&gt;, les &lt;a href=&quot;https://www.door.link/&quot;&gt;mixtapes&lt;/a&gt; de Romina Malta et toujours &lt;a href=&quot;https://ambiancejeune.com/&quot;&gt;ambiance jeune&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;092025&quot; tabindex=&quot;-1&quot;&gt;09/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#092025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “09/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le bonjour à &lt;a href=&quot;https://www.lasociete.xyz/&quot;&gt;Julien I&lt;/a&gt;, s’il passe par ici. &lt;a href=&quot;https://sightlessscribbles.com/writing/nonfiction/20250626/&quot;&gt;De l’hostilité architecturale des poignées de porte&lt;/a&gt; est un très beau texte sur l’accessibilité, mais ce soir &lt;a href=&quot;https://www.youtube.com/watch?app=desktop&amp;amp;v=mjdssddnBXc&quot;&gt;il faut que je me couche tôt&lt;/a&gt; parce que ça ne peut plus durer (autofilmage de Pierrick Sorin).&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://adelfaure.net/&quot;&gt;Adel Faure&lt;/a&gt; (avec &lt;a href=&quot;https://hlnet.neocities.org/&quot;&gt;Heikki Lotvonen&lt;/a&gt;, le génial créateur de &lt;a href=&quot;https://glyphdrawing.club/&quot;&gt;Glyph Drawing Club&lt;/a&gt;, un éditeur web de fontes modulaires) travaille à l’établissement d’un catalogue de formes anciennes de « l’art en mode texte » dont l’URL sera bientôt communiquée [edit : &lt;a href=&quot;https://garden-of-flowers.heikkilotvonen.com/&quot;&gt;la voilà&lt;/a&gt;]. &lt;a href=&quot;https://lagalerie-cac-noisylesec.fr/agency/&quot;&gt;Agency&lt;/a&gt; est un jeu de plateau, une vidéo et une performance, créées par Chloé Serre en collaboration avec &lt;a href=&quot;https://www.tomcazin.com/&quot;&gt;Tom Cazin&lt;/a&gt;. Julien, Adel, Chloé et Tom étaient présent·es lors des 73&lt;sup&gt;e&lt;/sup&gt; &lt;a href=&quot;https://delure.org/&quot;&gt;Rencontres de Lure&lt;/a&gt; que Julie Blanc a &lt;a href=&quot;https://mastodon.design/tags/RecontresDeLure&quot;&gt;chroniqué en direct&lt;/a&gt; sur Mastodon — c’est vous dire si l’endroit est bien fréquenté.&lt;/p&gt;
&lt;p&gt;Plus lyrique encore que les &lt;a href=&quot;https://archive.org/details/brautigan-60-edited&quot;&gt;machines pleines de grâce&lt;/a&gt; de Richard Brautigan, &lt;a href=&quot;https://www.youtube.com/watch?v=vqaBabhYEa8&quot;&gt;Datalove&lt;/a&gt; chanté par Jérémie Zimmermann et la Parisienne Libérée. Voir aussi &lt;a href=&quot;https://datalove.me/&quot;&gt;datalove.me&lt;/a&gt;. &lt;a href=&quot;https://jeanjacquesperrey.com/&quot;&gt;Jean-Jacques Perrey&lt;/a&gt; est un musicien électronique français né en 1929, connu notamment pour son usage virtuose de l’&lt;a href=&quot;https://ondioline.com/&quot;&gt;Ondioline&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://sharealike.dailleurs.net/&quot;&gt;Share alike&lt;/a&gt; est une série documentaire qui va à la rencontre d’artistes qui utilisent les licences libres pour leurs créations. Timothée Goguely et Delyo Dobrev ont publié un &lt;a href=&quot;https://timothee.goguely.com/bienvenue-dans-le-fedivers/&quot;&gt;guide du Fédivers&lt;/a&gt; en &lt;em&gt;web to print&lt;/em&gt;. En vidéo, une série de capsules pour parfaire vos connaissances théoriques et scientifiques sur &lt;a href=&quot;https://www.epfl.ch/about/equality/fr/langage-inclusif/outils/capsules/&quot;&gt;le langage inclusif&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Pour quelle raison voudrait-on créer un site web ? C’est &lt;a href=&quot;https://daverupert.com/2025/09/why-would-anybody-start-a-website/&quot;&gt;la question que se pose Dave Rupert&lt;/a&gt; (en). Quelques réponses : « &lt;em&gt;si vous avez des idées qui ne tiennent pas en 280~500 caractères ? Un site web. Si vous réalisez des vidéos de plus de deux minutes qui ne sont pas en portrait ? Un site web. Si vous faites des images plus grandes que 1280×720 ? Un site web. Vous organisez un événement et devez en communiquer les détails, mais tout le monde n’a pas de compte Facebook ? Un site web. Vous voulez échapper au jeu de la popularité algorithmique ? Un site web (avec RSS). Vous voulez participer au mouvement “&lt;a href=&quot;https://freedium.cfd/https://uxdesign.cc/rewilding-your-attention-d518ede18855&quot;&gt;ré-ensauvager votre attention&lt;/a&gt;” ? Un site web (avec RSS). Vous voulez être propriétaire de votre contenu ? Un site web. Vous voulez être anticapitaliste ? Un site web (avec RSS). Vous voulez aussi être capitaliste, je suppose ? Un site web (avec un paywall). Vous voulez être anonyme ? Un site web. Vous voulez “&lt;a href=&quot;https://academia-lab.com/enciclopedia/world-wide-web/&quot;&gt;partager ce que vous savez&lt;/a&gt;” ? Un site web.&lt;/em&gt; ». Radicalweb.design devrait pouvoir vous aider dans cette entreprise, mais si vous préférez cliquer sur des boutons, n’hésitez pas à jouer avec &lt;a href=&quot;https://wwwobble.org/&quot;&gt;wwwobble&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Ailleurs, on &lt;a href=&quot;https://goedmaken.org/index.php/2025/09/04/the-sad-funeral-of-the-sparkles-emoji/&quot;&gt;célèbre les funérailles de ✨&lt;/a&gt; et on se pose la question du &lt;a href=&quot;https://bonpote.com/intelligence-artificielle-le-vrai-cout-environnemental-de-la-course-a-lia/&quot;&gt;vrai coût environnemental de la course à l’IA&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;062025&quot; tabindex=&quot;-1&quot;&gt;06/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#062025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “06/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://calculatingempires.net/&quot;&gt;Calculating Empires&lt;/a&gt;, impressionnante visualisation d’une chronologie des liens entre technologie et pouvoir depuis le XI&lt;sup&gt;e&lt;/sup&gt; siècle.&lt;/p&gt;
&lt;p&gt;Des images du designer &lt;a href=&quot;https://paolobarbieri.info/&quot;&gt;Paolo Barbieri&lt;/a&gt;, du studio suisse &lt;a href=&quot;https://maximage.biz/projects&quot;&gt;Maximage&lt;/a&gt;, des tapisseries de &lt;a href=&quot;https://www.artnet.com/artists/silvia-heyden/&quot;&gt;Silvia Heyden&lt;/a&gt; ou encore de &lt;a href=&quot;https://www.tumblr.com/toomanydesign&quot;&gt;toomanydesign&lt;/a&gt; sur Tumblr. Enfin, pour saluer notre jury de DNSEP, découvrir le travail de &lt;a href=&quot;https://maudguerche.com/&quot;&gt;Maud Guerche&lt;/a&gt; et &lt;a href=&quot;http://keyvane.fr/&quot;&gt;Keyvane Alinaghi&lt;/a&gt; – on regrette que ne soit pas plus visible celui de &lt;a href=&quot;https://www.arp-is-arp.com/&quot;&gt;Dimitri Charrel&lt;/a&gt; ou &lt;a href=&quot;http://camilledesingly.free.fr/&quot;&gt;Camille de Singly&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://fmhy.net/&quot;&gt;Freemediaheckyeah&lt;/a&gt;, auto proclamé « &lt;em&gt;the largest collection of free stuff on the internet!&lt;/em&gt; ».&lt;/p&gt;
&lt;p&gt;Plus simple d’accès que les articles d’&lt;a href=&quot;https://www.wheresyoured.at/&quot;&gt;Ed Zitron&lt;/a&gt;, moins long que les remarquable recensions d’Hubert Guillaud &lt;a href=&quot;https://danslesalgorithmes.net/&quot;&gt;dans les algorithmes&lt;/a&gt;, cette &lt;a href=&quot;https://mastodon.social/@antoine_marchalot/114518217273070729&quot;&gt;bande dessinée&lt;/a&gt; d’Antoine Marchalot sur l’IA.&lt;/p&gt;
&lt;p&gt;Comment candidater à la présidence des États-Unis quand on est femme, gouine, poète et pauvre  ? C’est ce qu’on apprend en lisant &lt;a href=&quot;https://pantherepremiere.org/texte/je-veux-une-gouine-pour-president/&quot;&gt;l’histoire d’Eileen Myles&lt;/a&gt; sur Panthère première.&lt;/p&gt;
&lt;p&gt;Vasilis van Gemert a &lt;a href=&quot;https://vimeo.com/1095857099&quot;&gt;présenté ses folles horloges web&lt;/a&gt; lors de &lt;a href=&quot;https://letterspace.amsterdam/&quot;&gt;letterspace.amterdam&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;052025&quot; tabindex=&quot;-1&quot;&gt;05/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#052025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “05/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le travail de &lt;a href=&quot;https://lenaweber.com/&quot;&gt;Lena Weber&lt;/a&gt;, designer graphique et &lt;em&gt;creative coder&lt;/em&gt; à Berlin, dont un caractère typographique est publié par la fonderie &lt;a href=&quot;https://www.monomodular.de/index.html&quot;&gt;Mono Modular&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Blast se demande : &lt;a href=&quot;https://www.blast-info.fr/emissions/2025/publicite-est-ce-que-ca-marche-vraiment-77vbLfufT9WAPIoSGCNtiA&quot;&gt;La publicité : est-ce que ça marche vraiment ?&lt;/a&gt;, et nous raconte &lt;a href=&quot;https://www.blast-info.fr/emissions/2025/pourquoi-notre-desir-de-nouveaute-est-une-fabrication-du-capitalisme-oGBCKh4YRTKhDAlZPqMVZQ&quot;&gt;pourquoi notre désir de nouveauté est une fabrication du capitalisme&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.foldnfly.com/#/1-1-1-1-1-1-1-1-2-1&quot;&gt;Fold’NFly&lt;/a&gt; est un répertoire de modèles d’avions en papier.&lt;/p&gt;
&lt;p&gt;Kelmscott mono est un caractère typographique &lt;em&gt;blackletter&lt;/em&gt; (Fraktur, « gothique ») monospace, dédié à l’écriture du code – ce en quoi il permet d’écrire des invocations maléfiques en javascript, le language du diable. Luciole, le &lt;a href=&quot;https://luciole-vision.com/fr/&quot;&gt;caractère hyperlisible&lt;/a&gt; de &lt;a href=&quot;https://typographies.fr/&quot;&gt;typographies.fr&lt;/a&gt; s’augmente d’une version dédiée aux mathématiques. Et une &lt;a href=&quot;https://typo.social/@robstenson/113947300088930348&quot;&gt;vidéo typographique&lt;/a&gt; générée en python avec Coldtype.&lt;/p&gt;
&lt;p&gt;Ivan Murit, auteur de &lt;a href=&quot;http://ivan-murit.fr/project.php?w=texturing&quot;&gt;Texturing&lt;/a&gt;, a développé &lt;a href=&quot;https://ivan-murit.fr/project.php?side=art&amp;amp;w=livingpath&quot;&gt;LivingPath&lt;/a&gt;, un outil pour fluidifier les formes typographiques  (licence GNU GPL).&lt;/p&gt;
&lt;p&gt;Pour éclairer notre lanterne sur les questions d’immigration, il faut écouter François Héran ; ses leçons &lt;a href=&quot;https://www.college-de-france.fr/fr/agenda/lecon-inaugurale/migrations-et-societes/migrations-et-societes&quot;&gt;inaugurale&lt;/a&gt; et &lt;a href=&quot;https://www.college-de-france.fr/fr/agenda/lecon-de-cloture/face-immigration-le-savant-et-le-politique/face-immigration-le-savant-et-le-politique&quot;&gt;de clôture&lt;/a&gt; au sein de la chaire Migrations et sociétés du Collège de France sont remarquables d’intelligence et de clarté.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://vimeo.com/397009297&quot;&gt;Internet ou la Révolution du partage&lt;/a&gt; est la version courte du documentaire de Philippe Borrel, &lt;em&gt;La bataille du Libre&lt;/em&gt; (2018), consacré aux tensions du monde numérique, aux luttes entre puissances émancipatrices des communs et économies de l’attention, de la surveillance et du contrôle.&lt;/p&gt;
&lt;p&gt;Nouvelle remarquable chronique de Thibault Prévost sur le &lt;em&gt;slop&lt;/em&gt;, &lt;a href=&quot;https://www.arretsurimages.net/chroniques/clic-gauche/slop-lia-et-lere-du-grand-nimporte-quoi&quot;&gt;l’IA et l’ère du grand n’importe quoi&lt;/a&gt;. Limites Numériques a publié depuis quelques mois son enquête sur &lt;a href=&quot;https://limitesnumeriques.fr/travaux-productions/ai-forcing&quot;&gt;Comment les entreprises de la tech nous forcent à utiliser l’IA&lt;/a&gt;. Ailleurs, on nous rappelle que l’objectif des entreprises qui gèrent les IA est de 1) nous amener à utiliser l’IA jusqu’au point où 2) nous soyons dépendants de l’IA, puis 3) supprimer tout accès à l’IA et 4) accorder le privilège d’utilisation uniquement à ceux qui paient une redevance mensuelle, 5) qui augmentera périodiquement, 6) alors que le service deviendra de plus en plus mauvais. &lt;a href=&quot;https://mastodon.social/@courtcan/114510187145932176&quot;&gt;Emmerdification de l’emmerdification&lt;/a&gt;. Illustration : Adobe augmente les tarifs de sa Creative suite de &lt;a href=&quot;https://www.theverge.com/news/670241/adobe-ai-creative-cloud-all-apps-pro-increase&quot;&gt;120 $ par an&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://switching.software/&quot;&gt;Switching.software&lt;/a&gt; est une liste de logiciels alternatifs.&lt;/p&gt;
&lt;p&gt;Un (long) article d’&lt;a href=&quot;https://affordance.framasoft.org/2025/05/effets-tiktok-mineurs-audition-assemblee-nationale/&quot;&gt;Olivier Ertscheid&lt;/a&gt; qui revient sur son  audition à l’assemblée nationale à propos des effets de Tiktok sur les mineurs. Le 58&lt;sup&gt;e&lt;/sup&gt; épisode des Couilles sur la table se consacre à &lt;a href=&quot;https://www.binge.audio/podcast/les-couilles-sur-la-table/des-ordis-des-souris-et-des-hommes&quot;&gt;Des ordis, des souris et des hommes&lt;/a&gt; pour signaler l’immense intérêt que nous avons toustes à ce que le champ de l’informatique devienne moins genré.&lt;/p&gt;
&lt;p&gt;Certain⋅es trouvent &lt;a href=&quot;https://sykorax.fr/lieu/&quot;&gt;des mots pour parler de Gaza&lt;/a&gt;. D’autres nous donnent &lt;a href=&quot;https://soutenirpalestine.wordpress.com/&quot;&gt;des moyens d’agir&lt;/a&gt; 🇵🇸.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;042025&quot; tabindex=&quot;-1&quot;&gt;04/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#042025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “04/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Il faut &lt;a href=&quot;https://deborderbollore.fr/&quot;&gt;déborder Bolloré&lt;/a&gt;. D’ailleurs, RYBN &lt;a href=&quot;https://whoisbn.rybn.org/fr/&quot;&gt;a publié une app&lt;/a&gt; pour détecter à partir de son code barre tout livre qui appartiendrait à la galaxie fascistoïde. Et le Monde diplomatique (avec Agone et &lt;a href=&quot;https://lvsl.fr/&quot;&gt;Le vent se lève&lt;/a&gt;), &lt;a href=&quot;https://www.monde-diplomatique.fr/cartes/edition-qui-possede-quoi&quot;&gt;une carte de qui possède quoi&lt;/a&gt; dans le monde de l’édition française.&lt;/p&gt;
&lt;p&gt;Ce que les luddites peuvent nous apprendre sur la résistance à un avenir automatisé, une &lt;a href=&quot;https://thenib.com/im-a-luddite/&quot;&gt;bande dessinée de Tom Humberstone&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Un &lt;a href=&quot;https://imherefor.me/&quot;&gt;site qui ne peut accueillir qu’un⋅e seul⋅e visiteur⋅euse&lt;/a&gt; à la fois. &lt;a href=&quot;https://alttextselfies.net/&quot;&gt;Alt Text Selfies&lt;/a&gt; est un exercice d’écriture de &lt;em&gt;texte alternatif&lt;/em&gt; prend une pratique bien connue - le selfie - et l’aborde sous l’angle du handicap.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://blogs.mediapart.fr/amelie-hart/blog/090425/enseignement-et-ia-la-consommation-contre-l-emancipation&quot;&gt;&lt;em&gt;Enseignement et IA : la consommation contre l’émancipation&lt;/em&gt;&lt;/a&gt;, un article d’Amélie Hart pour ne pas renoncer par fatalisme à la propagande de l’IA et son monde. Thibault Prévost publie « Les prophètes de l’IA », dont Hubert Guillaud se fait l’écho dans le &lt;a href=&quot;https://framablog.org/2025/03/23/y-aura-t-il-une-alternative-au-technofascisme/&quot;&gt;Framablog&lt;/a&gt;. Ailleurs, on dresse des listes d’&lt;a href=&quot;https://codeberg.org/wimvanderbauwhede/low-carbon-computing/src/branch/master/anti-AI-tools.md&quot;&gt;outils pour combattre&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Dans &lt;a href=&quot;https://absolument-tout.net/les-impressions-experimentales/&quot;&gt;Absolument tout&lt;/a&gt;, la newsletter de Martin, un retour sur PPPirates!, le dernier évènement organisé par PrePostPrint à Paris.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;032025&quot; tabindex=&quot;-1&quot;&gt;03/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#032025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “03/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Il faut plonger dans les signes, arpenter l’Unicode, sauter à pieds joints par dessus les symboles : avec &lt;a href=&quot;https://design-brouhaha.com/&quot;&gt;Loïc Marleix&lt;/a&gt; et son exploration contemporaine du &lt;a href=&quot;https://lovers-communication-system.com/fr&quot;&gt;&lt;em&gt;Lovers Communication System&lt;/em&gt;&lt;/a&gt; ou avec &lt;a href=&quot;https://societyofsigns.com/&quot;&gt;Society of Signs&lt;/a&gt;. Parcourez une &lt;a href=&quot;https://int10h.org/oldschool-pc-fonts/fontlist/&quot;&gt;folle liste&lt;/a&gt; de caractères typographiques issus de l’histoire des ordinateurs.&lt;/p&gt;
&lt;p&gt;Visitez le &lt;a href=&quot;https://archief.ntr.nl/tuinderlusten/en.html#&quot;&gt;Jardin des délices&lt;/a&gt;. Codez en &lt;a href=&quot;https://dtinth.github.io/comic-mono-font/&quot;&gt;Comic &lt;s&gt;Sans&lt;/s&gt; Mono&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://litterature-jeunesse-libre.fr/&quot;&gt;1 600 livres jeunesse&lt;/a&gt; du domaine public ou proposés sous licence libre. La &lt;a href=&quot;https://digital.lib.uiowa.edu/hevelin?search_api_fulltext=&amp;amp;sort_order=ASC&amp;amp;not_type=&amp;amp;is_type=&amp;amp;search_api_fulltext_1=&amp;amp;display=grid&amp;amp;sort_by=title&amp;amp;items_per_page=100&quot;&gt;collection de fanzines&lt;/a&gt; de James L. “Rusty” Hevelin, publiée par l’Université d’Iowa.&lt;/p&gt;
&lt;p&gt;Le &lt;a href=&quot;https://www.bureauromanseban.fr/informations&quot;&gt;bureau Roman Seban&lt;/a&gt; est un studio de design graphique.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://txt.fyi/about.html&quot;&gt;txt.fyi&lt;/a&gt; est le digne successeur du défunt txti.es, un service de publication textuel immédiat, sans pub et sans tracking.&lt;/p&gt;
&lt;p&gt;Si vous voyez un poisson, &lt;a href=&quot;https://visdeurbel.nl/en/&quot;&gt;pressez la sonnette&lt;/a&gt; pour lui.&lt;/p&gt;
&lt;p&gt;À la demande générale, &lt;a href=&quot;https://github.com/yt-dlp/yt-dlp&quot;&gt;yt-dlp&lt;/a&gt; est un formidable outil en ligne de commande pour télécharger des vidéos depuis Youtube, Dailymotion, Vimeo, Arte… Par exemple, &lt;a href=&quot;https://www.youtube.com/watch?v=hrl7hrZdmp8&quot;&gt;l’histoire d’Os Cangaceiros&lt;/a&gt;, avec Alèssi Dell’Umbria chez lundimatin.&lt;/p&gt;
&lt;p&gt;À la demande de [absolument personne], le tube de Jean-Michel Jarre, &lt;a href=&quot;https://dittytoy.net/ditty/24373308b4&quot;&gt;Oxygene&lt;/a&gt; réalisé en 17 Ko de javascript.&lt;/p&gt;
&lt;p&gt;Pour quitter Google Photos, essayer &lt;a href=&quot;https://ente.io/&quot;&gt;ente&lt;/a&gt;. Pour quitter Premiere Pro, essayer &lt;a href=&quot;https://www.mifi.no/losslesscut/&quot;&gt;Losslesscut&lt;/a&gt;, &lt;a href=&quot;https://jliljebl.github.io/flowblade/index.html&quot;&gt;Flowblade&lt;/a&gt; si vous êtes sur Linux ou &lt;a href=&quot;https://kdenlive.org/fr/download-fr/&quot;&gt;kdenlive&lt;/a&gt; pour tous les systèmes.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;022025&quot; tabindex=&quot;-1&quot;&gt;02/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#022025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “02/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://zkm.de/de/2025/02/choose-your-filter&quot;&gt;Choose your filter&lt;/a&gt;, une exposition à Karlsruhe sur l’art dans les navigateurs depuis les débuts du World Wide Web.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://doodad.dev/dither-me-this/&quot;&gt;Dither me this&lt;/a&gt; est une webapp qui permet de tramer des images, &lt;em&gt;the old school way&lt;/em&gt;. En poursuivant les explorations de trames organiques (stochaster, Texturing), on croise les principes de &lt;a href=&quot;https://bbtgnn.github.io/reaction-diffusion-playground-master/&quot;&gt;réaction–diffusion&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.welcometomyhomepage.net/&quot;&gt;Welcome to my Homepage&lt;/a&gt; est une résidence en ligne organisée depuis 2014 par le Museum Of Human Achievement d’Austin. En fouillant les archives, on trouve des &lt;a href=&quot;https://militantbitch.neocities.org/&quot;&gt;projets&lt;/a&gt; &lt;a href=&quot;https://ifeelsomuchsha.me/&quot;&gt;merveilleux&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://podcast.ausha.co/graphic-matter&quot;&gt;Graphic matter&lt;/a&gt; est un podcast consacré à la scène graphique contemporaine française et européenne. Une courte série sur Arte, &lt;a href=&quot;https://www.arte.tv/fr/videos/RC-023635/femmes-sous-algorithmes/&quot;&gt;Femmes sous algorithme&lt;/a&gt; explore les injonctions spécifiques que reçoivent les femmes sur Youtube. Toujours en vidéo, sur france.tv, &lt;a href=&quot;https://www.france.tv/documentaires/documentaires-societe/6888928-les-sacrifies-de-l-ia.html&quot;&gt;Les sacrifiés de l’IA&lt;/a&gt; avec des choix visuels contestables mais un propos important ; en parallèle, les &lt;a href=&quot;https://www.youtube.com/@designshs/videos&quot;&gt;conférences&lt;/a&gt; proposées à Rennes par Anne-Lyse Renon et l’équipe de l’ESAAB. Enfin, &lt;a href=&quot;https://www.graphicmeans.com/about&quot;&gt;Graphic Means&lt;/a&gt;, un documentaire de Briar Levit sur les techniques du design graphique avant l’avènement des outils informatiques.&lt;/p&gt;
&lt;p&gt;Le studio de design de Tereza et Vit Ruller, &lt;a href=&quot;https://www.therodina.com/&quot;&gt;The Rodina&lt;/a&gt;, et un site caché d’&lt;a href=&quot;https://www.anjakaiser.info/Hidden-Art-School-Services/&quot;&gt;Anja Kaiser&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.typannot.com/&quot;&gt;Typannot&lt;/a&gt; est un système typographique pour la transcription graphique de la langue des signes, mené notamment depuis l’ESAD d’Amiens.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;012025&quot; tabindex=&quot;-1&quot;&gt;01/2025&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#012025&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “01/2025”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Tracks consacre un de ses épisodes au &lt;a href=&quot;https://www.youtube.com/watch?app=desktop&amp;amp;v=PmeEcSCaQHw&quot;&gt;&lt;em&gt;permacomputing&lt;/em&gt;&lt;/a&gt; dans le jeu vidéo.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://meodai.github.io/poline/&quot;&gt;Poline&lt;/a&gt; est un générateur de palettes chromatiques magique et mystérieux.&lt;/p&gt;
&lt;p&gt;En plongeant dans les automates cellulaires de Wolfram, on découvre d’&lt;a href=&quot;https://jedidiah.dev/playground/wolfram-cellular-automata/&quot;&gt;intrigants motifs&lt;/a&gt; entropiques. On peut jouer avec &lt;a href=&quot;http://devinacker.github.io/celldemo/&quot;&gt;ce script&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.stochaster.org/&quot;&gt;Stochaster&lt;/a&gt; mais aussi Dotraster et Coloraster sont des outils qui permet de générer des trames au sein d’images, de manière similaire quoique différente du &lt;a href=&quot;http://ivan-murit.fr/project.php?w=texturing&quot;&gt;Texturing&lt;/a&gt; d’Ivan Murit. Outils édités par Justin Bihan, et expérimentés notamment dans &lt;a href=&quot;http://surfaces-utiles.org/old-pages/stochastique.html&quot;&gt;Stochastique&lt;/a&gt;, ouvrage d’Olivier Bertrand, nécessaire éditeur chez &lt;a href=&quot;http://surfaces-utiles.org/&quot;&gt;Surfaces Utiles&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://izzzzi.net/&quot;&gt;Izzzzi&lt;/a&gt; est un micro-réseau social lent et temporaire : chaque matin, les messages de la veille sont rassemblés dans une sorte de journal, qui disparait le lendemain.&lt;/p&gt;
&lt;p&gt;Le pacte tant attendu a été signé. La typographie et l’abstraction se sont mises d’accord pour former l’&lt;a href=&quot;https://www.atypography.com/&quot;&gt;atypographie&lt;/a&gt;. Mais si l’on a la joie d’avoir croisé &lt;a href=&quot;https://grifi.fr/en&quot;&gt;Benjamin Dumond&lt;/a&gt; et &lt;a href=&quot;https://plain-form.com/&quot;&gt;Lucas Descroix&lt;/a&gt;, voire même acquis &lt;a href=&quot;https://text.plain-form.com/fr/plaintext&quot;&gt;Plain text&lt;/a&gt;, on n’en sera pas surpris.&lt;/p&gt;
&lt;p&gt;Bruno Munari nous raconte comment &lt;a href=&quot;https://cpb-us-w2.wpmucdn.com/u.osu.edu/dist/2/41305/files/2017/01/Munari-drawing-a-tree-2eyl8fo.pdf&quot;&gt;dessiner un arbre&lt;/a&gt;. On trouve des arbres, des feuilles et des fleurs au milieu du flux infini des images merveilleuses de &lt;a href=&quot;https://pdimagearchive.org/infinite-view/&quot;&gt;Public Domain Image Archive&lt;/a&gt;. Dans les pas de Robert Venturi, les &lt;a href=&quot;https://www.nytimes.com/2024/12/21/realestate/googie-architecture.html?unlocked_article_code=1.kk4.t8mF.GWIeabXywkV5&amp;amp;smid=url-share&amp;amp;utm_source=clivethompson&amp;amp;utm_medium=email&amp;amp;utm_campaign=linkfest-29-methanotropes-sign-language-poetry&quot;&gt;&lt;em&gt;Googies&lt;/em&gt;&lt;/a&gt;, architectures / enseignes vernaculaires en voie de disparition aux États-Unis.&lt;/p&gt;
&lt;p&gt;Ce 11 janvier, c’est l’anniversaire de la mort de Aaron Swartz, &lt;a href=&quot;https://www.youtube.com/watch?v=7ZBe1VFy0gc&quot;&gt;internet’s own boy&lt;/a&gt;, co-inventeur du RSS et des Creative Commons, cofondateur de Reddit. Écouter un &lt;a href=&quot;https://www.radiofrance.fr/franceculture/podcasts/le-meilleur-des-mondes/aaron-swartz-dix-ans-apres-l-heritage-d-un-hacktiviste-precurseur-2313112&quot;&gt;podcast à son propos&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.lapremiereligne.fr/articles/quest-ce-que-le-feminisme-peut-apporter-au-discours-sur-la-technique&quot;&gt;Qu’est-ce que le féminisme peut apporter au discours sur la Technique ?&lt;/a&gt;, un long texte de Khrys, à lire en écoutant (non…) le podcast &lt;a href=&quot;https://hackstub.eu/home/fr/blog/les-mains-dans-la-prise-4-hackheureuses-ep-1&quot;&gt;Les Mains Dans la Prise&lt;/a&gt; à propos des mouvements féministes dans le monde du hack. Quel que soit votre genre, sur Arte, regardez les courts épisodes de &lt;a href=&quot;https://www.arte.tv/fr/videos/106118-007-A/femmes-sous-algorithmes/&quot;&gt;Femmes sous algorithmes&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Thibault Prévost raconte &lt;a href=&quot;https://www.arretsurimages.net/chroniques/clic-gauche/luigi-mangione-lerreur-404-pour-la-presse&quot;&gt;Luigi Mangione&lt;/a&gt; et l’impossibilité pour la presse de &lt;em&gt;saisir&lt;/em&gt; cet évènement.&lt;/p&gt;
&lt;p&gt;Le &lt;a href=&quot;https://www.blast-info.fr/emissions/2025/too-many-cooks-le-jour-ou-internet-a-tue-la-tv-7DQVZumsTzGlkJaocVX7mw&quot;&gt;deuxième épisode de Deep Web Fantasia&lt;/a&gt;, avec Benjamin Patinaud et Pacôme Thiellement s’intéresse aux vidéos virales sur Internet — à travers lesquelles se constituent de l’art et de la culture, se structurent des communautés, s’agrègent des mémoires collectives issues de curiosités partagées.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.francisjosserand.fr/&quot;&gt;Francis Josserand&lt;/a&gt; est designer graphique et développeur web ; il mène avec &lt;a href=&quot;https://www.antoine-eckart.fr/&quot;&gt;Antoine Eckart&lt;/a&gt; le studio &lt;a href=&quot;http://www.allesgut.fr/&quot;&gt;Alles Gut&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;112024&quot; tabindex=&quot;-1&quot;&gt;11/2024&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#112024&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “11/2024”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;a href=&quot;https://www.waldeckneel.fr/&quot;&gt;portfolio web&lt;/a&gt; de  Waldeck Néel, notamment dévelopeur du site de &lt;a href=&quot;https://www.bb-bureau.fr/&quot;&gt;Benoît Bodhuin&lt;/a&gt;. &lt;a href=&quot;https://soybot.org/&quot;&gt;Soybot&lt;/a&gt; est un atelier d’impression riso et de micro-édition basé à Vienne, en Autriche. Formes Vives a cessé son activité collective en 2020, mais conserve en ligne des traces de &lt;a href=&quot;http://www.formes-vives.org/atelier/?category/typographies&quot;&gt;son activité typographique&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://bloquelapub.net/&quot;&gt;Bloque la pub sur internet&lt;/a&gt; et passe le bloqueur à tes voisin·es. &lt;a href=&quot;https://cobalt.tools/&quot;&gt;Cobalt&lt;/a&gt; permet de sauvegarder les vidéos, audios, photos ou gifs cloisonnés par les silos (en provenance de bluesky, dailymotion, facebook, instagram, loomok, pinterest, reddit, rutube, snapchat, soundcloud, streamable, tiktok, tumblr, twitch, twitter, vimeo, vk ou youtube). &lt;a href=&quot;https://datadetoxkit.org/fr/home&quot;&gt;Data detox kit&lt;/a&gt; propose des actions quotidiennes pour (re)prendre le contrôle de notre vie privée, de notre sécurité et de notre bien-être en ligne. La Quadrature du Net lance une campagne de dons qui explique de manière parfaitement synthétique ce qu’est et &lt;a href=&quot;https://www.laquadrature.net/donner/&quot;&gt;ce que n’est pas l’IA&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Qui gagnera au &lt;a href=&quot;https://longdogechallenge.com/&quot;&gt;Long doge challenge&lt;/a&gt; de Tim Holman ?&lt;/p&gt;
&lt;p&gt;Le &lt;a href=&quot;https://crisco4.unicaen.fr/des/synonymes/&quot;&gt;Dictionnaire Electronique des Synonymes&lt;/a&gt; (DES) de l’Université de Caen est le seul qui vaille. On se réjouira des &lt;a href=&quot;https://www.la-croix.com/a-vif/incoherent-et-heteroclite-le-dictionnaire-de-l-academie-francaise-na-rien-datemporel-20241208&quot;&gt;preuves renouvelées&lt;/a&gt; de l’inutilité de l’Académie française en relisant le &lt;a href=&quot;https://langage-inclusif-clubmed.fr/mini_guide_clubm%C3%A6d.pdf&quot;&gt;Mini guide du langage inclusif en école d’art et ailleurs&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Côté typo, on dégustera &lt;a href=&quot;https://fraunces.undercase.xyz/&quot;&gt;Fraunces&lt;/a&gt;, un caractère « old style » par Upercase Type et on plongera dans les &lt;a href=&quot;https://int10h.org/oldschool-pc-fonts/&quot;&gt;Oldschool PC Font Resource&lt;/a&gt;, un splendide cataloguue de polices &lt;em&gt;retrocomputing&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;On a déjà mentionné ici &lt;a href=&quot;https://aesthetics.fandom.com/wiki/Aesthetics_Wiki&quot;&gt;aesthetics.fandom.com&lt;/a&gt;, le wiki des esthétiques, mais j’apprends l’existence de CARI, le &lt;em&gt;Consumer Aesthetics Research Institute&lt;/em&gt; qui dispose d’un &lt;a href=&quot;https://cari.institute/&quot;&gt;site&lt;/a&gt; et d’un &lt;a href=&quot;https://www.are.na/consumer-aesthetics-research-institute/channels&quot;&gt;&lt;em&gt;channel&lt;/em&gt; Are.na&lt;/a&gt;, où tout est bien rangé, du &lt;a href=&quot;https://www.are.na/consumer-aesthetics-research-institute/frutiger-aero-ptg8tgmzbig&quot;&gt;Frutiger Aero&lt;/a&gt; au &lt;a href=&quot;https://www.are.na/consumer-aesthetics-research-institute/nu-brutalism-cycennj0uv8&quot;&gt;Nu-Brutalism&lt;/a&gt; et jusqu’au &lt;a href=&quot;https://www.are.na/consumer-aesthetics-research-institute/pastel-southwestern-yzpepxditvk&quot;&gt;Pastel Southwestern&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Sur Wikipédia, pour donner suite à la liste de morts suspectes récemment évoquée, quelques autres listes : des &lt;a href=&quot;https://fr.wikipedia.org/wiki/Liste_d%27inventeurs_tu%C3%A9s_par_leur_invention&quot;&gt;inventeurs tués par leur invention&lt;/a&gt;, une liste d’&lt;a href=&quot;https://fr.wikipedia.org/wiki/Chronologie_du_futur_lointain&quot;&gt;évènements du futur lointain&lt;/a&gt;, de &lt;a href=&quot;https://fr.wikipedia.org/wiki/Liste_des_anciens_m%C3%A9tiers&quot;&gt;métiers obsolètes&lt;/a&gt;, une &lt;a href=&quot;https://en.m.wikipedia.org/wiki/List_of_breads&quot;&gt;liste de pains&lt;/a&gt;, de &lt;a href=&quot;https://fr.wikipedia.org/wiki/Liste_des_noms_vernaculaires_de_poissons&quot;&gt;poissons&lt;/a&gt; et bien sûr, la &lt;a href=&quot;https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Liste_des_listes&quot;&gt;liste des listes&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;102024&quot; tabindex=&quot;-1&quot;&gt;10/2024&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#102024&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “10/2024”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Dans la revue Linx, éditée par des linguistes de l’Université Paris Nanterre, un numéro consacré aux &lt;em&gt;Imaginaires de la ponctuation: Ordre et inquiétude du discours&lt;/em&gt; contient un article sur la &lt;a href=&quot;https://journals.openedition.org/linx/1953#tocto2n5&quot;&gt;&lt;em&gt;ponctuation fantasmée&lt;/em&gt;&lt;/a&gt;, ses points d’ironie, d’autorité, de folie, de rêverie…&lt;/p&gt;
&lt;p&gt;Cory Doctorow nous rappelle (et d’autres avec lui) que nous &lt;em&gt;devrions&lt;/em&gt; &lt;a href=&quot;https://pluralistic.net/2024/10/16/keep-it-really-simple-stupid/#read-receipts-are-you-kidding-me-seriously-fuck-that-noise&quot;&gt;utiliser un lecteur de flux RSS&lt;/a&gt; en réaction à l’&lt;a href=&quot;https://www.arretsurimages.net/chroniques/clic-gauche/aux-apatrides-du-web-merdique&quot;&gt;emmerdification&lt;/a&gt; des plateformes et services numériques.&lt;/p&gt;
&lt;p&gt;Ces lignes ne signaleront combien précieux est le travail d’Hubert Guillaud, aujourd’hui déployé à travers le site &lt;a href=&quot;https://danslesalgorithmes.net/&quot;&gt;Dans les algorithmes&lt;/a&gt; (sous-titré &lt;em&gt;Le média pour comprendre l’impact social de la tech&lt;/em&gt;) – évidemment, on peut s’y abonner grâce à son &lt;a href=&quot;https://danslesalgorithmes.net/feed/&quot;&gt;flux RSS&lt;/a&gt;. Ces temps-ci, l’IA (&lt;em&gt;so called&lt;/em&gt;) est au cœur de son propos. Dernier article à l’heure où ces lignes sont écrites : &lt;a href=&quot;https://danslesalgorithmes.net/2024/10/18/accules-dans-les-stereotypes/&quot;&gt;Acculés dans les stéréotypes&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Quelques portfolios de designers et de studios, sans trier. Le &lt;a href=&quot;https://www.studiogruhl.com/&quot;&gt;studio Gruhl&lt;/a&gt;, &lt;a href=&quot;https://speculoos.com/fr/&quot;&gt;Speculoos&lt;/a&gt; de Pierre Huyghebaert et Sophie Boiron, l’&lt;a href=&quot;https://aino.agency/&quot;&gt;agence Aino&lt;/a&gt;, &lt;a href=&quot;https://www.daisychainstudio.net/&quot;&gt;Daisy Chain&lt;/a&gt;, &lt;a href=&quot;https://simonehoang.com/&quot;&gt;Simone Hoàng&lt;/a&gt;, le &lt;a href=&quot;https://studiokiosk.fr/&quot;&gt;studio Kiösk&lt;/a&gt;, le &lt;a href=&quot;https://www.pepite.world/&quot;&gt;collectif Pépite&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://peoplesgdarchive.org&quot;&gt;The People’s Graphic Design Archive&lt;/a&gt; est une archive participative en ligne qui vise à élargir, diversifier et préserver l’histoire du graphisme.&lt;/p&gt;
&lt;p&gt;En vrac : une &lt;a href=&quot;https://www.theblackgoldtapestry.com/&quot;&gt;tapisserie brodée de 67 mètres&lt;/a&gt; pour raconter la saga du pétrole et de la transition énergétique, par Sandra Sawatzky. Le plus grand corpus en ligne de &lt;a href=&quot;https://aicuneiform.com/&quot;&gt;textes cunéiformes&lt;/a&gt; traduits (en anglais). Deux longues listes de &lt;a href=&quot;https://principles.adactio.com/&quot;&gt;principes de design&lt;/a&gt; ou de &lt;a href=&quot;https://designmanifestos.org/&quot;&gt;manifestes du design&lt;/a&gt;. Une exploration des &lt;a href=&quot;https://www.spomenikdatabase.org/&quot;&gt;énigmatiques monuments antifascistes abstraits&lt;/a&gt; yougoslaves que sont les &lt;em&gt;Spomeniks&lt;/em&gt;. Dessiner en tournant en rond avec &lt;a href=&quot;https://paintspin.com/&quot;&gt;PaintSpin&lt;/a&gt;. De fascinantes &lt;a href=&quot;https://www.barrywebbimages.co.uk/Images/Macro/Slime-Moulds-Myxomycetes&quot;&gt;images macro de Myxomycetes&lt;/a&gt; par Barry Webb, aussi dénommées « moules à bave ». &lt;a href=&quot;https://cinemawithoutpeople.tumblr.com/&quot;&gt;&lt;em&gt;Cinema without people&lt;/em&gt;&lt;/a&gt; est un compte Tumblr comme seul Tumblr peut en accueillir. Le dernier fabricant de &lt;a href=&quot;https://eyeondesign.aiga.org/we-spoke-with-the-last-person-standing-in-the-floppy-disk-business/&quot;&gt;disquettes 3’5&lt;/a&gt;. Des &lt;a href=&quot;https://chicken.photos/&quot;&gt;photos de poulets&lt;/a&gt; ou des &lt;a href=&quot;https://www.chicken.pics/&quot;&gt;peintures de poulets&lt;/a&gt; et une expérience de recherche sur la &lt;a href=&quot;https://lav.io/notes/exploring-cop-data/&quot;&gt;reconnaissance faciale des policiers new-yorkais&lt;/a&gt;. Sur Wikipédia, une liste de morts suspectes, ou pour le moins &lt;a href=&quot;https://en.wikipedia.org/wiki/List_of_unusual_deaths&quot;&gt;inhabituelles&lt;/a&gt;. Promenez-vous &lt;a href=&quot;https://oneminutepark.tv/&quot;&gt;une minute dans un parc&lt;/a&gt;, puis allez faire un tour dans celui le plus proche de chez vous.&lt;/p&gt;
&lt;p&gt;Si vous lisez ça vendredi, c’est &lt;em&gt;Follow Friday&lt;/em&gt;, le jour adéquat pour recommander des comptes remarquables sur Mastodon (qu’attendez-vous pour créer le vôtre ?) : &lt;a href=&quot;https://framapiaf.org/@etienne_cdl&quot;&gt;Étienne Candel&lt;/a&gt;, posteur d’ironèmes ; &lt;a href=&quot;https://wikis.world/@wikipedia_fr&quot;&gt;Wikipédia en français&lt;/a&gt; et ses &lt;a href=&quot;https://wikis.world/tags/LeSaviezVous&quot;&gt;#LeSaviezVous&lt;/a&gt;, &lt;a href=&quot;https://mastodon.social/@bfluzin&quot;&gt;Baptiste Fluzin&lt;/a&gt;, designer, éditeur, ouvrier viticole et anarchiste dans l’âme (pas que…) ; le duo composé par (un autre) Baptiste / &lt;a href=&quot;https://mastodon.design/@Saint_loup&quot;&gt;@Saint_loup&lt;/a&gt; &amp;amp; &lt;a href=&quot;https://octodon.social/@temptoetiam&quot;&gt;Abbie&lt;/a&gt; pour toujours plus de sérendipité.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;062024&quot; tabindex=&quot;-1&quot;&gt;06/2024&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#062024&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “06/2024”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://belowthesurface.amsterdam/en/vondsten&quot;&gt;Sous la surface des canaux&lt;/a&gt; d’Amsterdam, on trouve beaucoup de choses ← le site est développé par Q42, également responsable des remarquables sites du &lt;a href=&quot;https://www.rijksmuseum.nl/en/frans-hals&quot;&gt;RijksMuseum&lt;/a&gt; et du &lt;a href=&quot;https://archief.ntr.nl/tuinderlusten/&quot;&gt;Jardin des Délices&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Une &lt;a href=&quot;http://notimefortv.biz/&quot;&gt;collection&lt;/a&gt; d’impressions « Giclée » de Carsten Güth. Il y a dix ans, House industries livrait une réinterprétation numérique du typogramme du &lt;a href=&quot;https://hello.houseind.com/work/the-new-yorker/&quot;&gt;New Yorker&lt;/a&gt; dessiné par Rea Irvin. &lt;a href=&quot;https://andymatuschak.org/scrying-pen/&quot;&gt;Scrying Pen&lt;/a&gt; est un projet d’Andy Matushak danns lequel ce qu’on dessine influence une “IA” -un réseau de neurones récurrent– qui influence notre dessin.&lt;/p&gt;
&lt;p&gt;La &lt;a href=&quot;https://infokiosques.net/spip.php?page=lire&amp;amp;id_article=2&quot;&gt;Tyrannie de l’absence de structure&lt;/a&gt; est un texte de la militante états-unienne Jo Freeman qui met en garde contre les structurations informelles des groupes activistes.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.techwontsave.us/episode/174_why_ai_is_a_threat_to_artists_w_molly_crabapple&quot;&gt;Why AI is a Threat to Artists&lt;/a&gt;, un épisode du podcast &lt;em&gt;Tech Won’t Save Us&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://fungi.neocities.org/&quot;&gt;Un voyage en musique 8 bits&lt;/a&gt; plein de champignons asccilogènes dans le &lt;em&gt;text mode art&lt;/em&gt;. Ainsi qu’un autre voyage en musique dans le temps et l’espace proposé par &lt;a href=&quot;https://radiooooo.com/&quot;&gt;Radiooooo&lt;/a&gt; – on peut s’abonner pour accéder à des playlists tells que &lt;em&gt;Déraisonnable gym&lt;/em&gt; ou &lt;em&gt;Food is good&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;L’&lt;a href=&quot;https://fr.wikipedia.org/wiki/Effet_de_r%C3%A9seau&quot;&gt;effet de réseau&lt;/a&gt; est le phénomène par lequel l’utilité réelle d’une technique ou d’un produit dépend de la quantité de ses utilisateurs. C’est ce qui se produit sur Mastodon depuis qu’Elon Musk transforme Twitter en un repaire de néo-fascistes. Fuyons / fuyez.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;102023&quot; tabindex=&quot;-1&quot;&gt;10/2023&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#102023&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “10/2023”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Ce jeudi 12 octobre 2023 a lieu une nouvelle &lt;a href=&quot;https://radicalweb.design/recherche/12o/&quot;&gt;journée d’action contre le Cloud&lt;/a&gt;. Dans la nuit du 11 au 12 octobre 1939, &lt;a href=&quot;https://www.error.re/reve-du-11-12-octobre-1939/&quot;&gt;Walter Benjamin rêvait&lt;/a&gt; ; si &lt;a href=&quot;https://abrupt.cc/&quot;&gt;Abrüpt&lt;/a&gt; a déjà été signalé dans ses lignes, je n’avais pas mentionné &lt;a href=&quot;https://www.error.re/&quot;&gt;error.re&lt;/a&gt;, haut lieu de poésie sauvage, de textes à pirater, de zines à brûler.&lt;/p&gt;
&lt;p&gt;On se consolera si besoin en attendant en visitant &lt;a href=&quot;https://radicalweb.design/recherche/visite/blackout.tilde.town&quot;&gt;blackout.tilde.town&lt;/a&gt;, qui permet de réaliser un genre de création poétique semi-automatique appelée « blackout poetry ».&lt;/p&gt;
&lt;p&gt;Une fois n’est pas coutume dans ces lignes, une chaîne Youtube, &lt;a href=&quot;https://yewtu.be/channel/UCxHcoI9ndIdAihEB7ODTOfQ&quot;&gt;Trash theory&lt;/a&gt; qui se consacre notamment à explorer la pop(-rock) culture. Au hasard, &lt;a href=&quot;https://yewtu.be/watch?v=6lyoAczdMSM&quot;&gt;How Punk Became Punk&lt;/a&gt;. À découvrir dans Invidious évidemment, via &lt;a href=&quot;https://yewtu.be/&quot;&gt;Yewtu.be&lt;/a&gt; par exemple, afin de ne pas laisser vos données dans les mains de Google. Et puisque &lt;em&gt;Trash theory&lt;/em&gt; se réclame de son influence, &lt;a href=&quot;https://invidious.fdn.fr/channel/UCjFqcJQXGZ6T6sxyFB-5i6A/videos&quot;&gt;Every Frame a Painting&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Claus O. Wilke a publié &lt;em&gt;in extenso&lt;/em&gt; le contenu de son livre &lt;a href=&quot;https://clauswilke.com/dataviz/color-basics.html&quot;&gt;&lt;em&gt;Fundamentals of Data Visualization&lt;/em&gt;&lt;/a&gt;. Dans &lt;em&gt;Géographie à la carte&lt;/em&gt;, sur France culture, Matthieu Noucher raconte avec justesse et précision le “&lt;a href=&quot;https://www.radiofrance.fr/franceculture/podcasts/geographie-a-la-carte/les-cartes-sont-elles-objectives-6785331&quot;&gt;blanc des cartes&lt;/a&gt;”, pourquoi il y en a, pourquoi il en faut. On peut aussi le lire sur &lt;a href=&quot;https://aoc.media/analyse/2023/10/01/de-linegale-geonumerisation-du-monde/&quot;&gt;AOC&lt;/a&gt; dans un texte intitulé &lt;em&gt;De l’inégale géonumérisation du Monde&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Il y a quelques jours à Strasbourg avait lieu le festival &lt;a href=&quot;https://formats-festival.org/&quot;&gt;Formats&lt;/a&gt;, dédié à l’illustration et au design graphique. Plus tôt, à Amsterdam, c’était &lt;a href=&quot;https://byobfair.xyz/&quot;&gt;BYOB&lt;/a&gt; (Bring your own book), un programme interdisciplinaire autour de l’autoédition – événements, conférences, ateliers et salon du livre.&lt;/p&gt;
&lt;p&gt;Sur CPU (Carré, Petit, Utile : Le programme radio des gens du numérique, le jeudi à 11h sur Radio FMR), DaScritch &lt;a href=&quot;https://cpu.dascritch.net/post/2023/10/05/Standard-%3A-URL-Layer-1%2C-Protocol&quot;&gt;dissèque une URL&lt;/a&gt; ; c’est long, c’est technique, mais c’est passionnant et même parfois rigolo. Je cite Jérôme Denis : « La &lt;a href=&quot;https://www.youtube.com/watch?v=_tZV9hST2tE&quot;&gt;conversation avec Jeanne Guien&lt;/a&gt;, animée par Julie Clarini pour La Manufacture d’Idées à Hurigny fin août, est en ligne. On y parle des choses que l’on fait durer et de celles qui se jettent trop vite mais ne disparaissent jamais vraiment. Cette même semaine, nous avons assisté (entre autres) à une &lt;a href=&quot;https://www.youtube.com/watch?v=hZQvaIwU6bw&quot;&gt;discussion magnifique entre Vinciane Despret et Mohamed El Khatib&lt;/a&gt;, une &lt;a href=&quot;https://www.youtube.com/watch?v=qxsgpeNj2jM&quot;&gt;belle interview de Donna Haraway&lt;/a&gt; par Xavier de La Porte, un &lt;a href=&quot;https://www.youtube.com/watch?v=bjdjpkDEJ28&quot;&gt;échange précis et passionnant&lt;/a&gt; entre Bénédicte Savoy et Faustin Linyekula ou encore une &lt;a href=&quot;https://www.youtube.com/watch?v=R-I1whr2W-Y&quot;&gt;conversation entre Laurent Jeanpierre et Isabelle Stengers&lt;/a&gt; ». L’interview de Donna Haraway par Xavier de La Porte a aussi donné lieu à un passionnant épisode du &lt;em&gt;Code a changé&lt;/em&gt;, &lt;a href=&quot;https://www.radiofrance.fr/franceinter/podcasts/le-code-a-change/ecouter-donna-haraway-parler-de-cyborg-sous-un-arbre-8258430&quot;&gt;Écouter Donna Haraway parler de cyborgs sous un arbre&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://problemata.org/fr/articles/734&quot;&gt;Nouvelle méthode d’approche. Le design pour la vie&lt;/a&gt; est un texte de László Moholy-Nagy, publié parmi de nombreux autres sur la plateforme Problemata. Aussi, un article de J. Dakota Brown &lt;a href=&quot;https://jacobin.com/2020/01/bauhaus-modernism&quot;&gt;remet le Bauhaus à sa place&lt;/a&gt;, signalant notamment son étrange propension à une division genrée des activités. Dans Critique d’art, Emanuele Quinz &lt;a href=&quot;https://valiz.nl/images/Critique_dArt_Review_Design_Struggles.pdf&quot;&gt;commente sa lecture&lt;/a&gt; de &lt;em&gt;Design struggles: Intersecting Histories, Pedagogies, and Perspectives&lt;/em&gt;, &lt;a href=&quot;https://valiz.nl/en/publications/designstruggles?layout=pwttemplatecards&quot;&gt;téléchargeable gratuitement&lt;/a&gt; chez Valiz.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://chias.website/manifesto/&quot;&gt;A website is a world&lt;/a&gt; est le manifeste pour un art spécifique au web de Chia Amisola. &lt;a href=&quot;https://affordance.framasoft.org/2023/10/du-web-semantique-au-web-synthetique/&quot;&gt;Du Web sémantique au Web synthétique&lt;/a&gt; est le titre de la dernière tribune d’Olivier Ertzscheid sur les enjeux et les dangers du &lt;em&gt;machine learning&lt;/em&gt; (&lt;em&gt;aka&lt;/em&gt; IA) dans sa propension à artificialiser le monde. Toujours sur la prétendue IA, On lira &lt;a href=&quot;https://wattenberger.com/thoughts/boo-chatbots&quot;&gt;Why Chatbots Are Not the Future&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Comment savoir si une solution numérique a des impacts environnementaux nets positifs ? Un &lt;a href=&quot;https://gauthierroussilhe.com/articles/les-emissions-evitees-de-la-numerisation&quot;&gt;nouvel article&lt;/a&gt; de Gauthier Roussilhe sur les émissions évitées de la numérisation. En 2019 était publié un entretien avec lui sur la question « &lt;a href=&quot;https://we-make-money-not-art.com/can-you-design-a-website-on-a-very-limited-energy-budget-an-interview-with-gauthier-roussilhe/&quot;&gt;Peut-on concevoir un site web avec un budget énergétique (très) limité ?&lt;/a&gt; ».&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Dix questions sur l’antifascisme&lt;/em&gt; de la Horde est paru chez Libertalia ; &lt;a href=&quot;https://agitationautonome.wordpress.com/2023/09/28/la-necessite-encore-et-toujours-de-lantifascisme-sur-quelques-livres-et-evenements-recents/&quot;&gt;Agitations&lt;/a&gt; revient sur la nécessité toujours renouvellée de l’antifascisme. Parce que si l’on n’est pas anti-fascistes, que sommes-nous, au juste ?&lt;/p&gt;
&lt;p&gt;On gagnera à découvrir le travail de l’&lt;a href=&quot;https://speculoos.com/fr/mapdesign/la-roue.html&quot;&gt;Atelier Speculoos&lt;/a&gt; et de Pierre Huyghebaert, membre émérite d’Open Source Publishing. &lt;a href=&quot;https://www.brave-new-alps.com/&quot;&gt;Brave New Alps&lt;/a&gt; produit des projets de design qui encouragent les gens à discuter et à reconfigurer la politique des questions sociales et environnementales. &lt;a href=&quot;https://www.wordsoftype.com/&quot;&gt;Words of type&lt;/a&gt; est un projet (en financement participatif) de Lisa Huang, dont l’objectif est de produire une encyclopédie des termes typographiques illustrée et multilingue. &lt;a href=&quot;https://lokivintagepropaganda.com/polices-decriture/&quot;&gt;La Pétroleuse&lt;/a&gt; est un caractère typographique &lt;em&gt;vintage&lt;/em&gt; pour l’écriture inclusive/non-binaire en français, parmi la collection de caractères bizarres et anciens de Loki Gwynbleidd. &lt;a href=&quot;https://www.goto80.com/art&quot;&gt;Goto80&lt;/a&gt; produit des installations et des œuvres numériques à partir du potentiel inexploité des “anciennes” technologies, comme le télétexte et les télécopieurs. Voir notamment ses &lt;a href=&quot;https://www.goto80.com/ascii-graffiti&quot;&gt;graffitis ASCII&lt;/a&gt; et sa collections d’œuvres &lt;a href=&quot;https://www.goto80.com/ascii&quot;&gt;ASCII and ANSI&lt;/a&gt;. Bien entendu, il faut suivre &lt;a href=&quot;https://www.adelfaure.net/&quot;&gt;le travail d’Adel Faure&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;042023&quot; tabindex=&quot;-1&quot;&gt;04/2023&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#042023&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “04/2023”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;La visite du web a été délaissée depuis bien trop longtemps. Si vous la lisez, &lt;a href=&quot;https://radicalweb.design/about&quot;&gt;dites-le moi&lt;/a&gt;, ça m’encouragera.&lt;/p&gt;
&lt;p&gt;Un  &lt;em&gt;scrollytelling&lt;/em&gt; dessiné diablement efficace pour comprendre &lt;a href=&quot;https://pudding.cool/2022/12/yard-sale/&quot;&gt;Pourquoi les super riches sont inévitables&lt;/a&gt; et les intérêts de la redistribution. Mieux que les Avengers, regarder le parcours d’un héros révolutionnaire des temps numériques, &lt;a href=&quot;https://www.youtube.com/watch?v=7ZBe1VFy0gc&quot;&gt;&lt;em&gt;The Internet’s Own Boy&lt;/em&gt;&lt;/a&gt; sur la vie d’Aaron Swartz. Accédez librement au &lt;a href=&quot;https://guide.boum.org/&quot;&gt;Guide d’Autodéfense Numérique&lt;/a&gt;. &lt;a href=&quot;https://whatareyouwaitingfor.eu/en/&quot;&gt;Qu’êtes-vous en train d’attendre ?&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Regardez &lt;a href=&quot;https://networkcultures.org/void/&quot;&gt;The Void&lt;/a&gt;, un podcast tv + audio + vidéo édité par networkcultures.org, en commençant pourquoi pas par des &lt;a href=&quot;https://networkcultures.org/void/2022/11/07/the-void-04-memorable-websites/&quot;&gt;sites web mémorables&lt;/a&gt; et en poursuivant par &lt;a href=&quot;https://networkcultures.org/void/2022/12/05/the-void-06-therapy-for-web-developers/&quot;&gt;Thérapie pour les développeur⋅euses web&lt;/a&gt;, deux épisodes de la mini-série « &lt;em&gt;Qu’y a-t-il de plus important que deux femmes parlant de développement web ?&lt;/em&gt; » de Maisa Imamović et Clara Pasteau.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://gallery.inverse.website/&quot;&gt;in:verse&lt;/a&gt; est un langage de programmation et un environnement permettant d’explorer les rencontres fécondes de la poésie, des images, des mathématiques et du code. &lt;a href=&quot;https://anon.blue/&quot;&gt;anon.blue&lt;/a&gt; est un projet mystérieux d’Alexandre G.-Raymond, &lt;em&gt;aka&lt;/em&gt; ilesinge, lo-fi-web enthusiast. Du même, &lt;a href=&quot;https://lorem.ndre.gr/&quot;&gt;lorem.ndre.gr&lt;/a&gt; : libérez les &amp;lt;img&amp;gt; des Lorem Ipsum sauvages qui ont mystérieusement commencé à vous attaquer et à voler vos pixels. &lt;a href=&quot;https://web.dev/one-line-layouts/&quot;&gt;Dix mise en pages&lt;/a&gt; en –presque– une seule ligne de CSS et la deuxième édition de &lt;a href=&quot;https://thehtml.review/&quot;&gt;the html review&lt;/a&gt;. Quelques outils de dessin SVG : &lt;a href=&quot;https://msurguy.github.io/flow-lines/?dt=0.113&amp;amp;sd=0.115&amp;amp;sw=1&amp;amp;sm=0.25&amp;amp;seed=7082&amp;amp;xf=min%28sin%28x%29%2Cy%29&amp;amp;yf=sqrt%28x*x%20%2B%20y*y%29&quot;&gt;Flow Lines&lt;/a&gt;, &lt;a href=&quot;https://drawingbots.net/knowledge/tools/svg-generator&quot;&gt;Drawingbot Tools&lt;/a&gt;, &lt;a href=&quot;https://github.com/ehufsted/HalftonePAL&quot;&gt;HalftonePAL&lt;/a&gt; et &lt;a href=&quot;https://anseki.github.io/leader-line/&quot;&gt;Leader Line&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Sur Monoskop, un wiki pour les arts et les études, une caverne d’Ali Baba des temps post-modernes, on peut trouver le &lt;a href=&quot;https://monoskop.org/images/8/85/Wark_McKenzie_A_Hacker_Manifesto.pdf&quot;&gt;Hacker Manifesto&lt;/a&gt; de McKenzie Wark, et &lt;a href=&quot;https://www.are.na/block/21571694&quot;&gt;ailleurs&lt;/a&gt; sa version française. Ne pas confondre avec &lt;a href=&quot;https://fr.wikipedia.org/wiki/Manifeste_du_hacker&quot;&gt;&lt;em&gt;The Hacker Manifesto&lt;/em&gt;&lt;/a&gt;, « La conscience d’un hacker » de Loyd Blankenship dont l’original est &lt;a href=&quot;https://www.arsouyes.org/phrack-trad/phrack07/phrack07_0x03.txt&quot;&gt;ici&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://verde.io&quot;&gt;Verde&lt;/a&gt; est un studio de design londonien fondé par Tudor Prisăcariu. &lt;a href=&quot;https://bora-bord.com/&quot;&gt;Bora Bord&lt;/a&gt; est le studio de Maud Guerche. Et &lt;a href=&quot;https://a-e-r-o.club/&quot;&gt;Aéro Club &lt;/a&gt; celui de &lt;a href=&quot;https://lecollecteur.fr/&quot;&gt;Pierre Tandille&lt;/a&gt;. &lt;a href=&quot;https://duuuradio.fr/recherche?categories=graphisme&quot;&gt;*Duuu&lt;/a&gt; est une webradio dédiée à la création contemporain (notamment en design graphique).&lt;/p&gt;
&lt;p&gt;Pour faire suite aux questions de neutralité et de modernisme, sachez qu’en 2009, Vivien Philizot a publié &lt;a href=&quot;http://www.revue-textimage.com/04_a_la_lettre/philizot1.html&quot;&gt;Le signe typographique et le mythe de la neutralité&lt;/a&gt; et qu’on trouve en ligne &lt;a href=&quot;http://avantgarde.110west40th.com/&quot;&gt;l’intégralité des revue Avant Garde&lt;/a&gt; d’Herb Lubalin (le site est de &lt;a href=&quot;https://mindyseu.com/&quot;&gt;Mindy Seu&lt;/a&gt;). Pour revivre la controverse moderne/post-moderne entre Massimo Vignelli et Emigre (le premier qualifia les seconds de &lt;em&gt;typographic garbage factory&lt;/em&gt;), on peut commencer par &lt;a href=&quot;https://en.wikipedia.org/wiki/Emigre_Fonts#cite_note-:0-14&quot;&gt;Wikipedia&lt;/a&gt;, poursuivre par l’article de Michael Dooley, &lt;a href=&quot;https://www.emigre.com/Essays/Emigre/CriticalConditionsandtheEmigreSpirit&quot;&gt;&lt;em&gt;Critical Conditions: Zuzana Licko, Rudy VanderLans, and the Emigre Spirit&lt;/em&gt;&lt;/a&gt;, lire le texte de l’armistice et apprécier le &lt;a href=&quot;https://vignellicenter.tumblr.com/post/655996553054519296/emigre-and-vignelli-make-peace-over-bodoni&quot;&gt;specimen du Filosofia&lt;/a&gt;. Peut-être, conclure par les regrets de Rick Poynor sur &lt;a href=&quot;https://www.designobserver.com/feature/emigre-an-ending/3847&quot;&gt;la fin d’Emigre magazine&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Anthony Masure a publié &lt;em&gt;&lt;a href=&quot;https://www.anthonymasure.com/essai-design-sous-artifice&quot;&gt;Design sous artifice : la création au risque du machine learning&lt;/a&gt;&lt;/em&gt;, remarquable essai de synthèse sur les questions évoquées dans l’introduction aux enjeux des relations entre design et “intelligence artificielle” (&lt;a href=&quot;https://radicalweb.design/culturenum/aiaiaie/&quot;&gt;ici&lt;/a&gt;). L’essai est disponible &lt;a href=&quot;https://player.ausha.co/index.html?showId=9KgmzinjYnXA&amp;amp;display=horizontal&amp;amp;color=%23341ff5&amp;amp;playlist=true&amp;amp;podcastId=ErVJ1cE9J9KN&amp;amp;v=3&amp;amp;playerId=ausha-C5GX&quot;&gt;sous forme de lecture audio&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Concluons avec Wikipédia et le travail passionnant d’Alex Hollender et du studio de design interne sur le &lt;a href=&quot;https://alexhollender.com/wikipedia-2023-redesign&quot;&gt;processus de redesign&lt;/a&gt; récemment publié (le Wikipedia français en avait eu la primeur, dans une version légèrement différente).&lt;/p&gt;
&lt;p&gt;Post scriptum : le mot « zbeul » &lt;a href=&quot;https://accentgrave.net/indexof/2c87c2e25885d2bf.jpg&quot;&gt;devrait bientôt entrer au dictionnaire&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;092022&quot; tabindex=&quot;-1&quot;&gt;09/2022&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#092022&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “09/2022”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Une visite de rentrée parmi les onglets de l’été. &lt;a href=&quot;https://contrachrome.com/&quot;&gt;ContraChrome&lt;/a&gt; est une BD de Leah Elliott, étonnante et pertinente relecture de la &lt;a href=&quot;https://www.google.com/googlebooks/chrome/&quot;&gt;BD promotionelle&lt;/a&gt; de Scott McCloud pour Google Chrome. Aux Éditions 205, &lt;a href=&quot;http://www.eloisaperez.fr/&quot;&gt;Éloïsa Perez&lt;/a&gt; a publié &lt;a href=&quot;https://www.editions205.fr/collections/milieux/products/la-salle-de-classe-un-objet-graphique&quot;&gt;La salle de classe, un objet graphique?&lt;/a&gt;. Depuis les premiers temps électroniques, les espaces d’échanges numériques ont été le lieu d’intenses discussions de typographes et &lt;a href=&quot;http://www.orthotypographie.fr/&quot;&gt;d’orthotypographes&lt;/a&gt;. À Pau, une &lt;a href=&quot;https://www.change.org/p/arr%C3%AAtez-le-massacre-des-arbres-sur-pau-et-l-agglo-%C3%A9coutez-les-habitants&quot;&gt;pétition&lt;/a&gt; circule pour les arbres ; ailleurs, &lt;a href=&quot;https://www.change.org/p/des-arts-num%C3%A9riques-au-m%C3%A9tavers-sur-la-disparition-du-dicr%C3%A9am&quot;&gt;une autre&lt;/a&gt; s’inquiète de voir Jean-Michel Jarre et le Métavers au centre des financements publics des arts numériques. &lt;a href=&quot;https://www.failflow.com/die&quot;&gt;Combien de semaines&lt;/a&gt; vous reste-t-il à vivre ? &lt;a href=&quot;https://www.cuirtopia.xyz/about&quot;&gt;Cüirtopia&lt;/a&gt; est un projet de cartographie qui réimagine la façon dont sont répertoriés, représentés et documentés les espaces &lt;em&gt;queer&lt;/em&gt; dans les Caraïbes. Ploum nous raconte &lt;a href=&quot;https://ploum.net/lhistoire-dun-bit/&quot;&gt;L’histoire d’un bit&lt;/a&gt;, nous parle &lt;a href=&quot;https://ploum.net/de-limportance-de-comprendre-ce-quest-un-logiciel/&quot;&gt;De l’importance de comprendre ce qu’est un logiciel&lt;/a&gt; et nous raconte &lt;a href=&quot;https://ploum.net/lhistoire-du-logiciel-entre-collaboration-et-confiscation-des-libertes/&quot;&gt;L’histoire du logiciel : entre collaboration et confiscation des libertés&lt;/a&gt;, trois articles aisés à lire et particulièrement utiles pour développer notre litéracie numérique. &lt;a href=&quot;https://brutalita.com/&quot;&gt;Brutalita&lt;/a&gt; est un chouette outil de dessin de caractères modulaires dans le navigateur, &lt;a href=&quot;https://glyphdrawing.club/&quot;&gt;Glyph Drawing Club&lt;/a&gt; aussi. Gauthier Roussilhe réfléchit à l’empreinte environnementale de systèmes numériques ; son &lt;a href=&quot;https://gauthierroussilhe.com/book/sciencespo/&quot;&gt;cours sur les limites et les risques&lt;/a&gt; de la numérisation est disponible en ligne. Jean-Noël Lafargue tient &lt;a href=&quot;https://hyperbate.fr/dernier/&quot;&gt;le dernier des blogs&lt;/a&gt;. Dépêchez-vous, après celui-là, c’est fini. Le &lt;a href=&quot;https://newdesigncongress.org/en/&quot;&gt;New Design Congress&lt;/a&gt; est un espace de recherche qui reconnaît toutes les infrastructures comme des expressions du pouvoir, et qui considère les interfaces et les technologies comme des accélérateurs sociaux, économiques, politiques et écologiques. &lt;a href=&quot;https://designopendata.wordpress.com/&quot;&gt;Design Open Data&lt;/a&gt; réunit de nombreuses ressources anglophones parmi lesquelles il n’est pas idiot d’aller fouiller. &lt;a href=&quot;https://fr.bookshome.net/&quot;&gt;bookshome.net&lt;/a&gt; est la nouvelle URL du projet  Z-Library – la plus grande bibliothèque électronique au monde – qui offre en téléchargement plus de 11 millions de livres, parmi lesquels 8492 ouvrages référencés sous la catégorie &lt;a href=&quot;https://fr.bookshome.net/category/41/Graphic-Arts&quot;&gt;Graphic Arts&lt;/a&gt;. Développée en France, &lt;a href=&quot;https://cryptpad.fr/&quot;&gt;Cryptpad&lt;/a&gt; est une suite collaborative opensource (docs / pads, tableur, &lt;em&gt;kanban&lt;/em&gt;, présentations, dessin ) qui se soucie de votre privée. &lt;a href=&quot;https://modesofcriticism.org/&quot;&gt;Modes of criticism&lt;/a&gt; est une revue de critique du design qui pense le design &lt;em&gt;en tant que&lt;/em&gt; critique. &lt;a href=&quot;http://reader.lgru.net/pages/index/&quot;&gt;Considering your tools&lt;/a&gt; est un recueil de textes fondamentaux dans la relation du design(er) graphique à ses outils, initié par Stéphanie Vilayphiou et Alexandre Leray d’&lt;a href=&quot;http://osp.kitchen/&quot;&gt;Open Source Publishing&lt;/a&gt;. &lt;em&gt;Nous, &lt;a href=&quot;https://radicalrural.fr/&quot;&gt;ruraux, radicaux&lt;/a&gt;, nous ne vous attendons pas, nous avançons, debout, dans la boue&lt;/em&gt;. Le &lt;a href=&quot;https://www.helloasso.com/associations/le-massicot/adhesions/adhesion-2022-23&quot;&gt;Massicot&lt;/a&gt; est l’union syndicale qui rassemble les étudiant·es d’écoles d’art, de design et d’architecture de toute la France ; rejoignez-les !&lt;/p&gt;
&lt;p&gt;Le site des ateliers web réunit par ailleurs de nombreux liens de référence : des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#editeurs&quot;&gt;éditeurs qui se consacrent à l’art ou au design&lt;/a&gt;, des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#online&quot;&gt;sites « d’inspiration »&lt;/a&gt; à partir desquels on peut se tenir informé⋅e des tendances ou de l’histoire du design, mais aussi des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#podcasts&quot;&gt;podcasts&lt;/a&gt;, des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#livres&quot;&gt;livres&lt;/a&gt;, des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#newsletters&quot;&gt;newsletters&lt;/a&gt; et des &lt;a href=&quot;https://radicalweb.design/web/pages/lectures/#revues&quot;&gt;revues&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;032022&quot; tabindex=&quot;-1&quot;&gt;03/2022&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#032022&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “03/2022”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Les coiffeurs sont des blagueurs, &lt;a href=&quot;https://tif.hair/&quot;&gt;faudra tif’hair&lt;/a&gt;. &lt;a href=&quot;https://www.postdigitalgraphicdesign.com/&quot;&gt;Graphic Design in the Post-Digital Age&lt;/a&gt; (Le design graphique à l’ère post-numérique) examine les défis et les opportunités liés à l’essor du code créatif au sein d’une communauté croissante de designers qui choisissent de fabriquer leurs propres outils de design.&lt;br&gt;
Un &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLSeciqPxBVMm329P0pK-QwKy_PcTl1N6PawofythkrTQGqeXUQ/viewform&quot;&gt;exercice&lt;/a&gt; de détection de &lt;em&gt;fakenews&lt;/em&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;022022&quot; tabindex=&quot;-1&quot;&gt;02/2022&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#022022&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “02/2022”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Pour &lt;a href=&quot;https://www.youtube.com/watch?v=hebOaRs9VgU&quot;&gt;En finir avec L’ART INVISIBLE de Scott McCloud&lt;/a&gt;, en vidéo par Bédémancie ou en texte par &lt;a href=&quot;https://www.du9.org/dossier/a-propos-de-lart-invisible-de-scott-mccloud/&quot;&gt;L.L. de Mars&lt;/a&gt;. Écouter &lt;a href=&quot;https://www.mixcloud.com/andy-moor/&quot;&gt;Blueprints for a Blackout&lt;/a&gt;, le podcast d’Andy Moor sur Echobox Radio. La revue Ballast publie &lt;a href=&quot;https://www.revue-ballast.fr/deborder-le-desespoir/&quot;&gt;Déborder le désespoir&lt;/a&gt;, d’Arnaud Maïsetti mais surtout &lt;a href=&quot;https://www.revue-ballast.fr/que-faire/&quot;&gt;QUE FAIRE ?&lt;/a&gt;, une série importante autour de l’élection présidentielle. &lt;a href=&quot;https://benjamin.kuperberg.fr/chataigne/&quot;&gt;Chataigne&lt;/a&gt; est un chef d’orchestre logiciel, une machine modulaire pour les arts numériques.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;012022&quot; tabindex=&quot;-1&quot;&gt;01/2022&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#012022&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “01/2022”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;En savoir plus sur &lt;a href=&quot;https://mobile.france.tv/france-3/bourgogne-franche-comte/la-france-en-vrai-bourgogne/3051775-emission-du-jeudi-13-janvier-2022.html&quot;&gt;Les Français qui n’ont pas inventé Internet&lt;/a&gt;. Pour faire du webdesign responsable, consulter la &lt;a href=&quot;https://design-accessible.fr/checklist&quot;&gt;checklist du (web)designer accessible&lt;/a&gt;. Selon Gonzai, les &lt;a href=&quot;https://gonzai.com/classement-topaff-2021/&quot;&gt;100 plus belles affiches de festivals français&lt;/a&gt; de 2021. En trois minutes, une &lt;a href=&quot;https://www.franceculture.fr/emissions/la-piece-jointe/introduction-pour-une-etude-comparee-des-couvertures-du-livre-de-poche&quot;&gt;Introduction à une étude comparée des couvertures du livre de poche&lt;/a&gt;. Loup Cellard publie la &lt;a href=&quot;https://revue-teque.fr/&quot;&gt;revue Tèque&lt;/a&gt; qui s’intéresse à la vie des technologies et à nos vies avec elles (au programme : Liquider l’utilisateur, Mes années TikTok, Politique du scroll, Un monde inexplicable, Facebook n’apprend jamais rien). Just &lt;a href=&quot;https://www.youtube.com/watch?v=sy1dYFGkPUE&quot;&gt;D.A.N.C.E.&lt;/a&gt; with your AR clothes.&lt;br&gt;
&lt;a href=&quot;https://aesthetics.fandom.com/wiki/Aesthetics_Wiki&quot;&gt;aesthetics.fandom.com&lt;/a&gt; est une encyclopédie des esthétiques “online” et “offline”, dédiée à l’identification, l’observation et la documentation des tendances et “schémas visuels” les plus obscurs. Côté typo, ne pas manquer l’expérience &lt;a href=&quot;https://underware.nl/fonts/plakato/features/play/&quot;&gt;Plakato&lt;/a&gt; des néerlandais d’Underware. &lt;a href=&quot;https://www.vice.com/en/article/xgdvnd/the-nft-ecosystem-is-a-complete-disaster&quot;&gt;L’écosystème des NFT est un désastre absolu&lt;/a&gt; doublée d’une &lt;a href=&quot;https://sebsauvage.net/wiki/doku.php?id=nft&quot;&gt;une escroquerie à tous les niveaux&lt;/a&gt;. Pour une analyse beaucoup plus complète et complexe, ainsi qu’une mise en perspective des NFTs au sein des mécanismes qui les romeuvent et les sous-tendent on se tournera vers Dan Olson et son documentaire &lt;a href=&quot;https://www.youtube.com/watch?v=YQ_xWvX1n9g&quot;&gt;&lt;em&gt;Line Goes Up – The Problem With NFTs&lt;/em&gt;&lt;/a&gt;. Plutôt que plonger tête baissée dans le non-sens cryptobro, on se réjouira du regain d’intérêt pour le web 1 qu’a permis l’émergence du &lt;s&gt;buzzword&lt;/s&gt; web3, notamment &lt;a href=&quot;https://mxb.dev/blog/make-free-stuff/&quot;&gt;Make Free Stuff&lt;/a&gt; ou &lt;a href=&quot;https://loriemerson.net/2013/02/02/from-the-philosophy-of-the-open-to-the-ideology-of-the-user-friendly-2/&quot;&gt;From the Philosophy of the Open to the Ideology of the User-Friendly&lt;/a&gt;. Quelques arguments complémentaires dans une &lt;a href=&quot;https://seanvoisen.notion.site/seanvoisen/Web3-A-Reading-List-a338692c36b54b28975e07916c502a77&quot;&gt;liste de lectures à propos du “Web3”&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;122021&quot; tabindex=&quot;-1&quot;&gt;12/2021&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#122021&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “12/2021”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Peut-on remplacer &lt;a href=&quot;http://cqfd-journal.org/Le-Grand-soulagement-Au-gre-des&quot;&gt;Darmanin par un bouquet de persil&lt;/a&gt;, Macron par de petites pelures de clémentines ou &lt;a href=&quot;https://librairiesanstitre.com/produit/le-grand-soulagement-objectif-4-remplacer-la-cinq-g-par-le-point-g/&quot;&gt;la 5G par le point G&lt;/a&gt; ? Pour Graphê, Frank Adebiaye a écrit sur l’&lt;a href=&quot;https://www.dropbox.com/s/y6we32qrsmaovwm/pan_nigerian.pdf?dl=0&quot;&gt;alphabet pan-nigérian&lt;/a&gt; d’Hermann Zapf. Pour le catalogue de la Biennale internationale de design graphique de Chaumont 2021, Anthony Masure se demande comment &lt;a href=&quot;https://www.anthonymasure.com/articles/2021-10-head-publishing-chaumont&quot;&gt;ouvrir le livre&lt;/a&gt;. On trouve en ligne des &lt;a href=&quot;http://bav.bodleian.ox.ac.uk/arch-b-b10&quot;&gt;numérisations haute définition&lt;/a&gt; d’un vieux livre imprimé. &lt;a href=&quot;https://yannlinguinou.com/LUCETTE-1&quot;&gt;Lucette&lt;/a&gt; a le plus bel accent de Marseille – et &lt;a href=&quot;http://zeste.ee&quot;&gt;Zeste&lt;/a&gt; a mis des tas de nouveaux caractères sur &lt;a href=&quot;https://usemodify.com/&quot;&gt;Use &amp;amp; modify&lt;/a&gt;. Votre dose quotidienne de modernisme suisse sera assurée en vous plongeant dans les archives de &lt;a href=&quot;http://www.tm-research-archive.ch/&quot;&gt;Typographische Monatsblätter&lt;/a&gt;. &lt;a href=&quot;http://radioglaces.net/&quot;&gt;Radio Glaces&lt;/a&gt; est un projet de Pali Meursault et Thomas Tilly – le site et l’identité graphique du projet ont été développés par &lt;a href=&quot;http://www.aiuto-aiuto.fr/&quot;&gt;Rémi Pollio&lt;/a&gt;. La &lt;em&gt;Library of Congress&lt;/em&gt; accueille entre autres trésors les photographies de &lt;a href=&quot;https://www.loc.gov/pictures/search/?q=mrg&amp;amp;st=gallery&quot;&gt;constructions vernaculaires&lt;/a&gt; états-uniennes de John Margolies. &lt;a href=&quot;https://citapress.org/&quot;&gt;Cita press&lt;/a&gt; un éditeur indépendant féministe qui publie des livres en libre accès écrits par des femmes. L’enseignante, militante féministe et essayiste, bell hooks est décédée ce 15 décembre 2021 ; la &lt;a href=&quot;https://www.revue-ballast.fr/labecedaire-de-bell-hooks/&quot;&gt;revue Ballast&lt;/a&gt; lui avait consacré un abécédaire (on peut télécharger son &lt;a href=&quot;https://www.are.na/block/14402244&quot;&gt;Feminisms is for everybody&lt;/a&gt;). Les Chemins de la philosophie ont consacré une série à &lt;a href=&quot;https://www.franceculture.fr/emissions/serie/donna-haraway-philosophe-cyborg&quot;&gt;l’exploration de la pensée de Donna Haraway&lt;/a&gt;, plutôt cyborg que déesse.&lt;/p&gt;
&lt;p&gt;À la recherche de l’empagement idéal, les &lt;a href=&quot;https://retinart.net/graphic-design/secret-law-of-page-harmony/&quot;&gt;lois secrètes&lt;/a&gt; de l’harmonie d’une page.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;112021&quot; tabindex=&quot;-1&quot;&gt;11/2021&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#112021&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “11/2021”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le studio londonien &lt;a href=&quot;https://spin.co.uk/work&quot;&gt;Spin&lt;/a&gt;, à l’origine de la remarquable maison d’éditions &lt;a href=&quot;https://www.uniteditions.com/&quot;&gt;Unit editions&lt;/a&gt; (parfaite pour les cadeaux de Noël ; ne manquez pas les monographies consacrées aux designers &lt;a href=&quot;https://www.uniteditions.com/products/vaughan-oliver-archive-1&quot;&gt;Vaughan Oliver&lt;/a&gt;, &lt;a href=&quot;https://www.uniteditions.com/products/herb-lubalin-american-graphic-designer&quot;&gt;Herb Lubalin&lt;/a&gt;, &lt;a href=&quot;https://www.uniteditions.com/products/paula-scher-works-concise-edition&quot;&gt;Paula Scher&lt;/a&gt; ou &lt;a href=&quot;https://www.uniteditions.com/products/universal-everything&quot;&gt;Matt Pyke, &lt;em&gt;aka&lt;/em&gt; Universal Everything&lt;/a&gt;. Quelques patriarches du graphisme ont de beaux sites web, faits à la main, avec simplicité et délicatesse, notamment &lt;a href=&quot;https://www.martens-martens.com/&quot;&gt;Karel Martens&lt;/a&gt; ou &lt;a href=&quot;https://vincentperrottet.com&quot;&gt;Vincent Perrottet&lt;/a&gt;. Le studio &lt;a href=&quot;http://spassky-fischer.fr/&quot;&gt;Spassky Fischer&lt;/a&gt; est à l’origine des identités toutes en linéales immenses, aplats de couleurs, et images décadrées du &lt;a href=&quot;http://spassky-fischer.fr/fr/#/project/mucem-communication&quot;&gt;Mucem&lt;/a&gt;, du &lt;a href=&quot;http://spassky-fischer.fr/fr/#/project/mac-val&quot;&gt;Mac-Val&lt;/a&gt; ou du &lt;a href=&quot;http://spassky-fischer.fr/fr/#/project/sigma&quot;&gt;CAPC&lt;/a&gt; ; faites-vous votre opinion. Thomas Petitjean, membre fondateur de Spassky Fischer faisait partie de l’équipe qui a réalisé la &lt;a href=&quot;https://web.archive.org/web/20160308173705/http://www.esapyrenees.fr/fr/ecole/presentation&quot;&gt;précédente identité visuelle de l’école&lt;/a&gt;. Andréas nous signale (merci) le studio australien &lt;a href=&quot;https://u-p.co/&quot;&gt;U-P&lt;/a&gt;, et je vous signale les joviaux néerlandais d’&lt;a href=&quot;https://www.jetset.nl/&quot;&gt;Experimental Jetset&lt;/a&gt;. Parmi les studios français orientés “numérique”, évidemment &lt;a href=&quot;https://chevalvert.fr/&quot;&gt;Chevalvert&lt;/a&gt; mais aussi &lt;a href=&quot;https://www.upian.com/&quot;&gt;Upian&lt;/a&gt;, à l’origine de projets aussi variés et &lt;em&gt;de bonne facture&lt;/em&gt; que &lt;a href=&quot;https://www.upian.com/fr/project/aoc&quot;&gt;AOC&lt;/a&gt;, &lt;a href=&quot;https://www.upian.com/fr/project/lequipe&quot;&gt;L’équipe&lt;/a&gt;, &lt;a href=&quot;https://www.upian.com/fr/project/streetpress&quot;&gt;Streetpress&lt;/a&gt; et de nombreuses &lt;a href=&quot;https://www.upian.com/fr/projects/prods-documentaires&quot;&gt;productions documentaires&lt;/a&gt;. On termine avec une note webfolk grâce à l’inénarrable &lt;a href=&quot;https://www.kickscondor.com/&quot;&gt;Kicks Condor&lt;/a&gt; (plongez dans l’indieweb ; vous n’en reviendrez pas). Essayez-vous à &lt;a href=&quot;https://build.mmm.page/&quot;&gt;mmm.page&lt;/a&gt; (« Des sites web simples et faciles à créer, qui vous ressemblent. »), et &lt;em&gt;have fun with&lt;/em&gt; les &lt;a href=&quot;https://constraint.systems/&quot;&gt;constraint.systems&lt;/a&gt; de Grant Custer. J’oubliais ! L’ami Greg Cadars l’a tout simplement &lt;a href=&quot;https://twitter.com/cadars/status/1456582779253268487&quot;&gt;qualifié&lt;/a&gt; de « &lt;em&gt;The ultimate portfolio website&lt;/em&gt; », visitez &lt;a href=&quot;http://enzomari.com&quot;&gt;enzomari.com&lt;/a&gt; !&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;102021&quot; tabindex=&quot;-1&quot;&gt;10/2021&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#102021&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “10/2021”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://conifer.rhizome.org/&quot;&gt;Conifer&lt;/a&gt; permet d’archiver des pages web et leur interactivité. &lt;a href=&quot;https://abrupt.cc/&quot;&gt;Abrüpt&lt;/a&gt; édite des livres et des &lt;a href=&quot;https://www.antilivre.org/#manifeste&quot;&gt;antilivres&lt;/a&gt; de poétique politique. &lt;em&gt;Everyone is an entrepreneur, nobody is safe&lt;/em&gt; est le sous-titre d’&lt;a href=&quot;https://silviolorusso.com/work/entreprecariat-eng/&quot;&gt;Entreprecariat&lt;/a&gt;, un livre de Silvio Lorusso. &lt;a href=&quot;https://eatock.com/&quot;&gt;Daniel Eatock&lt;/a&gt; ! Elodie Boyer, directrice des &lt;a href=&quot;https://editions-non-standard.com/&quot;&gt;éditions Non Standard&lt;/a&gt; était l’invitée du cycle Réalités économiques du &lt;a href=&quot;http://www.centrenationaldugraphisme.fr/&quot;&gt;Signe / Centre national du graphisme&lt;/a&gt; pour parler du &lt;a href=&quot;https://www.youtube.com/watch?v=zGx0_2Q0YHo&quot;&gt;plaisir et de l’argent&lt;/a&gt;. Les expériences web et les productions artistiques en ligne de &lt;a href=&quot;https://www.leanderherzog.ch/&quot;&gt;Leander Herzog&lt;/a&gt; sont fascinantes, bien qu’il se soit lancé dans le &lt;a href=&quot;https://www.anthonymasure.com/articles/2021-11-singulariser-multiple-nft-artistiques&quot;&gt;marché des NFT&lt;/a&gt;. &lt;a href=&quot;https://garage.digital/en/&quot;&gt;Garage.digital&lt;/a&gt; est une plateforme russe dédiée à la diffusion et à la production d’œuvres numériques, avec un intérêt fort pour l’univers du jeu vidéo. La &lt;a href=&quot;https://bakl.it/fmr/&quot;&gt;revue fmr&lt;/a&gt; ouvre ses pages à toute publication de textes courts sans distinction de genre, de thème ni de forme, sans filtre éditorial et sans appareil (graphique, technique, commercial, critique) superflu.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;022021&quot; tabindex=&quot;-1&quot;&gt;02/2021&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#022021&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “02/2021”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Vous pouvez &lt;a href=&quot;https://www.tree.fm/&quot;&gt;écouter une forêt&lt;/a&gt;.&lt;br&gt;
Des chiens vous &lt;a href=&quot;https://www.reddit.com/r/PublicFreakout/comments/lfx12d/dogs_explain_the_internet/&quot;&gt;expliquent internet&lt;/a&gt;. Internet Archive &lt;a href=&quot;https://gifcities.org/&quot;&gt;sauvegarde les gifs&lt;/a&gt;.&lt;br&gt;
Enfreindre ou absoudre ? Plongez dans &lt;a href=&quot;https://dictionnaire.lerobert.com/dis-moi-robert/raconte-moi-robert/dejouez-pieges/enfreindre-ou-absoudre.html&quot;&gt;les méandres de la conjugaison française&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;012021&quot; tabindex=&quot;-1&quot;&gt;01/2021&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#012021&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “01/2021”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://kampanjat.hs.fi/climatefont/index.html&quot;&gt;Une fonte variable pour un climat variable&lt;/a&gt;, mais aussi des &lt;a href=&quot;https://www.generativefonts.xyz/&quot;&gt;fontes génératives&lt;/a&gt;. Un &lt;a href=&quot;https://creativepro.com/files/kahrel/indesign/sidenotes.html&quot;&gt;script pour InDesign&lt;/a&gt; transforme les &lt;em&gt;footnotes&lt;/em&gt; en &lt;em&gt;sidenotes&lt;/em&gt;, mais l’on n’imagine pas combien les &lt;em&gt;marginalia&lt;/em&gt; et leur balisage HTML peut &lt;a href=&quot;https://www.gwern.net/Sidenotes&quot;&gt;poser de questions&lt;/a&gt;. En typographie, le diable est &lt;a href=&quot;https://editions-b42.com/produit/le-detail-en-typographie/&quot;&gt;dans les détails&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://designcommun.fr/cahiers/situer-le-numerique/&quot;&gt;Situer le numérique&lt;/a&gt; dans la complexité dramatique des enjeux environementaux est utile. &lt;a href=&quot;https://situer-le-numerique.netlify.app/&quot;&gt;Cliquez ici&lt;/a&gt; pour “bien imprimer”.&lt;/p&gt;
&lt;p&gt;Il se passe des tas de trucs dans l’&lt;a href=&quot;https://elliott.computer/&quot;&gt;ordinateur d’Elliot&lt;/a&gt; et&lt;br&gt;
Cory Arcangel propose une compétition de surf, &lt;a href=&quot;https://rhizome.org/editorial/2014/jul/30/trailblazers/&quot;&gt;&lt;em&gt;the classic way From Amazon to Piratebay&lt;/em&gt;&lt;/a&gt;. Savez-vous qu’il y a de la vie sur Mars ? David Bowie le savait et nous a dit qu’&lt;a href=&quot;https://www.youtube.com/watch?v=8tCC9yxUIdw&quot;&gt;elle était arrivée sur Terre&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Il faut explorer &lt;a href=&quot;http://letterformarchive.org/&quot;&gt;Letteform Archive&lt;/a&gt;, notamment parce qu’elle permet de découvrir les &lt;a href=&quot;https://letterformarchive.org/news/view/emigre-archives-continue-to-provoke-and-enlighten&quot;&gt;coulisses d’Emigre&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://chromeisbad.com/&quot;&gt;Google Chrome is Bad&lt;/a&gt;, et vous n’imaginez pas &lt;a href=&quot;https://framablog.org/2019/03/07/nous-devons-nous-passer-de-chrome/&quot;&gt;combien…&lt;/a&gt;. Andreas Gysin prouve que l’&lt;a href=&quot;https://play.ertdfgcvb.xyz/&quot;&gt;&lt;em&gt;ascii art is not dead&lt;/em&gt;&lt;/a&gt;, vraiment &lt;a href=&quot;http://schemasofuncertainty.com/&quot;&gt;même pas mort&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;112020&quot; tabindex=&quot;-1&quot;&gt;11/2020&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#112020&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “11/2020”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;a href=&quot;https://publicdomainreview.org/&quot;&gt;domaine public&lt;/a&gt; est vaste ; il a même un &lt;a href=&quot;http://aventdudomainepublic.org/?date=2018-12-31&quot;&gt;calendrier de l’avent&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://vimeo.com/dirkkoy&quot;&gt;Dirk Koy&lt;/a&gt; étudie des formes animées. Raphaël Bastide propose des &lt;a href=&quot;https://empathi.cc/&quot;&gt;formes empathiques&lt;/a&gt; et la biennale de design d’Istanbul essaie de revisiter l’empathie : &lt;a href=&quot;https://empathyrevisited.iksv.org/en/index&quot;&gt;Designs for more than one&lt;/a&gt; pendant qu’en Nouvelle-Zélande, Anne Galloway se pose la question d’un &lt;a href=&quot;http://www.morethanhumanlab.nz/&quot;&gt;design non humano-centré&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=aHUtMbJw8iA&amp;amp;feature=emb_title&quot;&gt;CSS est bizarre&lt;/a&gt; (et c’est important). Les &lt;a href=&quot;http://www.html-color-names.com/&quot;&gt;couleurs ont des noms&lt;/a&gt;. Nicolas Nova examine nos &lt;a href=&quot;https://www.youtube.com/watch?v=x-Rx-P_75UM&quot;&gt;usages des smartphones&lt;/a&gt; et &lt;a href=&quot;http://nearfuturelaboratory.com/&quot;&gt;explore le futur&lt;/a&gt; à travers le design.&lt;/p&gt;
&lt;p&gt;On peut se perde dans les &lt;a href=&quot;https://www.gutsofdarkness.com/god/styles.php&quot;&gt;archives musicales du sombre et de l’expérimental&lt;/a&gt;. Outre son travail de microenquêtes sur l’écriture dans l’espace public au sein de &lt;a href=&quot;http://www.scriptopolis.fr/&quot;&gt;Scriptopolis&lt;/a&gt; et le &lt;a href=&quot;https://editions-non-standard.com/books/scriptopolis&quot;&gt;sublime livre&lt;/a&gt; qui en est tiré, Jérôme Denis met des cassettes dans sa &lt;a href=&quot;https://twitter.com/search?q=%23boombox%20(from%3Ajrmdns)&amp;amp;src=typed_query&quot;&gt;boombox&lt;/a&gt;, des pièces dans le &lt;a href=&quot;https://twitter.com/search?q=%23jukebox%20(from%3Ajrmdns)&amp;amp;src=typed_query&quot;&gt;jukebox&lt;/a&gt; et chaque vendredi, propose un &lt;a href=&quot;https://twitter.com/search?q=(from%3Ajrmdns)%20%23seulelamusique&amp;amp;src=typed_query&quot;&gt;disque pour la nuit&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Entre la &lt;a href=&quot;https://www.youtube.com/watch?v=aT2aIN551SQ&amp;amp;feature=emb_title&quot;&gt;Loi de programmation de la recherche&lt;/a&gt;, adoptée en première lecture à l’Assemblée nationale et la &lt;a href=&quot;https://www.laquadrature.net/securiteglobale/&quot;&gt;proposition de loi « Sécurité globale »&lt;/a&gt; examinée bientôt, la dérive autoritaire du gouvernement augure de sombres jours. Oups… ai-je &lt;a href=&quot;https://fr.wikipedia.org/wiki/Libert%C3%A9_acad%C3%A9mique&quot;&gt;le droit d’écrire ça ici&lt;/a&gt; ?&lt;/p&gt;
&lt;p&gt;« Les seins condensent cette injonction enracinée de la disponibilité corporelle. Ils doivent être suffisamment visibles pour remplir leur rôle d’appât sexuel mais pas trop, pour demeurer les objets privés de ceux à qui ils sont destinés. » nous dit &lt;a href=&quot;https://lesglorieuses.fr/revolution-genitale/?v=11aedd0e4327&quot;&gt;Camille Froidevaux-Metterie&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Il faut sans doute que je lise &lt;a href=&quot;https://www.ruinedby.design/&quot;&gt;Ruined By Design&lt;/a&gt; un livre de Mike Monteiro sous-titré « How Designers Destroyed the World and&lt;br&gt;
What We Can Do to Fix It ».&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Naître queux&lt;/em&gt;, &lt;em&gt;mordre les poussières&lt;/em&gt; ou &lt;em&gt;partir en courants&lt;/em&gt; avec les ironèmes de &lt;a href=&quot;https://ironemes.peuplecache.com/&quot;&gt;Lady Dada&lt;/a&gt; aka &lt;a href=&quot;https://twitter.com/etienne_cdl&quot;&gt;Étienne Candel&lt;/a&gt;. Il faut faire feu de toute loi. Quand on veut que tout change, &lt;a href=&quot;https://fr.wikipedia.org/wiki/La_Psychanalyse_du_feu&quot;&gt;on appelle le feu&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Les 103 numéros d’&lt;a href=&quot;https://oasejournal.nl/&quot;&gt;OASE&lt;/a&gt; (&lt;em&gt;Journal for architecture&lt;/em&gt;) sont disponibles en pdf et &lt;a href=&quot;https://www.martens-martens.com/index.html&quot;&gt;Karel Martens&lt;/a&gt; a un site web. Remarque, &lt;a href=&quot;http://bonnefrites.free.fr/&quot;&gt;Bonnefrite&lt;/a&gt; et &lt;a href=&quot;https://vincentperrottet.com/&quot;&gt;Vincent Perrottet&lt;/a&gt; aussi.&lt;/p&gt;
&lt;p&gt;—&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;102020&quot; tabindex=&quot;-1&quot;&gt;10/2020&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/visite/#102020&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “10/2020”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Le &lt;a href=&quot;http://editions-hache.com/essais/barlow/barlow2.html&quot;&gt;Cyberespace est indépendant&lt;/a&gt;. &lt;a href=&quot;https://www.liberation.fr/debats/2018/02/09/une-nouvelle-declaration-d-independance-du-cyberespace_1628377&quot;&gt;Presque&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Philippe de Jonckheere est le responsable du &lt;a href=&quot;https://desordre.net/&quot;&gt;désordre&lt;/a&gt; mais aussi l’auteur de son &lt;a href=&quot;http://desordre.net/plan&quot;&gt;plan&lt;/a&gt;. Le &lt;a href=&quot;https://www.affordance.info/mon_weblog/2020/04/le-cyberespace-est-une-zad.html&quot;&gt;cyberespace est une ZAD&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Dans un &lt;a href=&quot;https://www.yourworldoftext.com/&quot;&gt;monde de texte&lt;/a&gt;, on peut se perdre tout autant qu’avec &lt;a href=&quot;http://geogoo.net/&quot;&gt;une carte de Jodi&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Le web est d’une &lt;a href=&quot;http://www.staggeringbeauty.com/&quot;&gt;beauté stupéfiante&lt;/a&gt; et garde la trace de l’&lt;a href=&quot;https://ubuweb.com/&quot;&gt;avant-garde&lt;/a&gt;, &lt;a href=&quot;https://butdoesitfloat.com/&quot;&gt;mais flotte-t-il ?&lt;/a&gt;. L’art y a trouvé &lt;a href=&quot;https://anthology.rhizome.org/&quot;&gt;un nouvel espace&lt;/a&gt; et Raphaël Bastide &lt;a href=&quot;https://evasive.tech/&quot;&gt;fait des trucs&lt;/a&gt; pendant la quarantaine. Aussi, on peut &lt;a href=&quot;https://prepostprint.org/&quot;&gt;imprimer le web&lt;/a&gt; &lt;a href=&quot;http://nichonsnousdanslinternet.fr/&quot;&gt;avant qu’il ne s’arrête&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Il s’y écrit &lt;a href=&quot;http://rcmap.hatnote.com/#en,uk,fr,sv,id,bn,ta,or,pl,bg,de,ja,nl,as,ar,pa,mr,sa,mk,sr,ru,es,it,fa,hi,te,kn,gu,be,wikidata&quot;&gt;en permanence&lt;/a&gt; le plus grand projet de &lt;a href=&quot;https://wikipedia.org&quot;&gt;partage de la connaissance&lt;/a&gt; jamais produit par l’humanité. La &lt;a href=&quot;https://libraryofbabel.info/&quot;&gt;Bibliothèque de Babel&lt;/a&gt; existe – elle possède des archivistes capables de &lt;a href=&quot;http://web.archive.org/&quot;&gt;remonter le temps&lt;/a&gt;, usant de &lt;a href=&quot;https://www.flickr.com/photos/nicksherman/albums/72157610675280667&quot;&gt;manicules&lt;/a&gt;, qui &lt;a href=&quot;https://pointerpointer.com/&quot;&gt;pointent du doigt&lt;/a&gt;. On peut &lt;a href=&quot;https://mrdoob.com/#/125/multiuser_sketchpad&quot;&gt;dessiner ensemble&lt;/a&gt; ou se &lt;a href=&quot;http://jusqu-ici.com/&quot;&gt;balader en forêt&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;En cherchant la &lt;a href=&quot;http://www.koalastothemax.com/&quot;&gt;quadrature du cercle&lt;/a&gt; on peut trouver &lt;a href=&quot;https://www.laquadrature.net/wp-content/uploads/sites/8/2019/12/LQDN-affiches-animaux.pdf&quot;&gt;celle du net&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Lire &lt;a href=&quot;http://autofictif.blogspot.com/&quot;&gt;chaque jour&lt;/a&gt; Éric Chevillard. Écouter &lt;a href=&quot;https://www.youtube.com/channel/UCyhmq2FXs8JxwkFLUgQ2n4w&quot;&gt;François Bon&lt;/a&gt;. &lt;a href=&quot;https://twitter.com/etienne_cdl&quot;&gt;Ironèmisez&lt;/a&gt;. Tous les lundis, &lt;a href=&quot;https://lundi.am/&quot;&gt;lundi matin&lt;/a&gt;, le mardi, &lt;a href=&quot;http://mediapart.fr&quot;&gt;Mediapart&lt;/a&gt;, le mercredi &lt;a href=&quot;http://aoc.media/&quot;&gt;AOC&lt;/a&gt;, tous les jours, &lt;a href=&quot;https://lesjours.fr/&quot;&gt;Les jours&lt;/a&gt; et le vendredi, c’est &lt;a href=&quot;http://www.apreslapub.fr/tag/le%20bordel%20du%20vendredi/&quot;&gt;le Bordel&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;On y trouve quantité de listes, de &lt;a href=&quot;https://unilist.raphaelbastide.com/&quot;&gt;caractères&lt;/a&gt;, de &lt;a href=&quot;http://usemodify.com/&quot;&gt;fontes&lt;/a&gt; ou –last but not list– de &lt;a href=&quot;http://lastbutnotliste.com/&quot;&gt;graphistes, designers ou architectes&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Avec &lt;a href=&quot;http://newrafael.com/&quot;&gt;Rafaël Rozendaal&lt;/a&gt;, parfois &lt;a href=&quot;http://www.nothingeverhappens.com/&quot;&gt;rien ne se passe&lt;/a&gt;, parfois, &lt;a href=&quot;http://www.muchbetterthanthis.com/&quot;&gt;c’est beaucoup mieux que ça&lt;/a&gt; et si &lt;a href=&quot;http://www.pleasetouchme.com/&quot;&gt;on le touche&lt;/a&gt;, il &lt;a href=&quot;http://www.tryingtrying.com/&quot;&gt;n’arrête pas d’essayer&lt;/a&gt; de &lt;a href=&quot;http://fallingfalling.com/&quot;&gt;tomber&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;On y trouve des &lt;a href=&quot;https://fontreviewjournal.com/&quot;&gt;fondus de fontes&lt;/a&gt;, qui dissertent avec &lt;a href=&quot;https://klim.co.nz/blog/&quot;&gt;érudition&lt;/a&gt; et &lt;a href=&quot;https://ohnotype.co/blog&quot;&gt;passion&lt;/a&gt; de la création de caractères et de &lt;a href=&quot;https://rwt.io/&quot;&gt;leurs usages&lt;/a&gt;. N. B. : le twitter typographique est redoutablement actif.&lt;/p&gt;
&lt;p&gt;On peut y lire des &lt;a href=&quot;https://gutenberg.org/&quot;&gt;livres entiers&lt;/a&gt; et des &lt;a href=&quot;https://abrupt.cc/&quot;&gt;antilivres&lt;/a&gt;, parfois &lt;a href=&quot;http://www.primavera2020.ch/&quot;&gt;photocopiés&lt;/a&gt; parfois consacrés au &lt;a href=&quot;https://shapeofdesignbook.com/&quot;&gt;design&lt;/a&gt;, d’autres fois aux &lt;a href=&quot;https://www.editions-zones.fr/lyber?sorcieres&quot;&gt;sorcières&lt;/a&gt;. À ce propos, il s’y écrit la documentation d’un &lt;a href=&quot;https://www.are.na/julien-bidoret/feminism-graphic-design&quot;&gt;design féministe&lt;/a&gt; qui &lt;a href=&quot;https://www.design-research.be/by-womxn/&quot;&gt;dessine des caractères&lt;/a&gt; ou a &lt;a href=&quot;https://www.emigre.com/&quot;&gt;façonné&lt;/a&gt; &lt;a href=&quot;https://indexgrafik.fr/susan-kare/&quot;&gt;l’histoire&lt;/a&gt; de notre discipline ou ont façonné &lt;a href=&quot;http://sorcieres-theoriciennes.fannymaurel.fr/&quot;&gt;l’histoire tout court&lt;/a&gt;. Comme dans &lt;a href=&quot;https://fr.wikipedia.org/wiki/Mouvement_MeToo&quot;&gt;beaucoup d’endroits du web&lt;/a&gt;, dans quelques écoles d’art, des voix se lèvent aussi pour dénoncer &lt;a href=&quot;https://lesmotsdetrop.fr/&quot;&gt;violences et discriminations&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;On peut y &lt;em&gt;binger&lt;/em&gt; &lt;a href=&quot;https://binge.audio/&quot;&gt;autre chose que des séries netflix&lt;/a&gt;, &lt;a href=&quot;https://binge.audio/podcast/kiffetarace&quot;&gt;kiffer sa race&lt;/a&gt; comprendre comment le &lt;a href=&quot;https://www.franceinter.fr/emissions/le-code-a-change&quot;&gt;code a changé&lt;/a&gt; ou mettre les &lt;a href=&quot;https://binge.audio/podcast/les-couilles-sur-la-table&quot;&gt;couilles sur la table&lt;/a&gt;. Prenez du &lt;a href=&quot;https://www.franceculture.fr/emissions/lsd-la-serie-documentaire&quot;&gt;LSD&lt;/a&gt; et, &lt;a href=&quot;https://www.franceculture.fr/emissions/par-les-temps-qui-courent&quot;&gt;par les temps qui courent&lt;/a&gt;, mangez de la &lt;a href=&quot;https://www.franceculture.fr/emissions/la-methode-scientifique&quot;&gt;méthode scientifique&lt;/a&gt;. &lt;a href=&quot;https://radio.garden/&quot;&gt;Allumez la radio&lt;/a&gt; et &lt;a href=&quot;https://studiomoniker.com/projects/do-not-draw-a-penis&quot;&gt;ne dessinez pas de pénis&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Le &lt;a href=&quot;https://harvardmagazine.com/2000/01/code-is-law-html&quot;&gt;Code y fait la loi&lt;/a&gt; mais aussi &lt;a href=&quot;https://twitter.com/lildata/status/1250158507367817216&quot;&gt;de la musique&lt;/a&gt; et du &lt;a href=&quot;https://martinwecke.de/%f0%9f%8e%b5/108/&quot;&gt;rythme&lt;/a&gt;. On peut y écouter plus de &lt;a href=&quot;http://research.culturalequity.org/home-audio.jsp&quot;&gt;17.400 enregistrements&lt;/a&gt; d’Alan Lomax, au moins &lt;a href=&quot;http://great78.archive.org/&quot;&gt;200.000 78 tours&lt;/a&gt;, la playlist magique d’&lt;a href=&quot;https://ambiancejeune.com/&quot;&gt;ambiance jeune&lt;/a&gt; sans compter les six heures pour aller &lt;a href=&quot;https://www.youtube.com/watch?v=wJWksPWDKOcFR&quot;&gt;Everywhere At The End Of Time&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Nous sommes des &lt;a href=&quot;https://humansoflatecapitalism.tumblr.com/&quot;&gt;humains du capitalisme tardif&lt;/a&gt; qui espérons qu’&lt;a href=&quot;https://ilestencoretemps.fr/&quot;&gt;il est encore temps&lt;/a&gt;.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>☞ The Boring Internet</title>
    <link href="https://www.terrygodier.com/the-boring-internet" />
    <updated>2026-05-12T00:00:00Z</updated>
    <id>https://www.terrygodier.com/the-boring-internet</id>
    <content type="html"><p>L’Internet avec lequel vous avez grandi n’est pas en train de mourir. C’est la couche commerciale qui s’y est superposée qui est en train de disparaître.</p>
</content>
  </entry>
  <entry>
    <title>☞ Tetrageddon</title>
    <link href="https://tetrageddon.com/" />
    <updated>2026-05-12T00:00:00Z</updated>
    <id>https://tetrageddon.com/</id>
    <content type="html"><p>Une collection d’expériences interactives ludiques et expérimentales d’Alienmelon.</p>
</content>
  </entry>
  <entry>
    <title>☞ Diagram Website – An internet map</title>
    <link href="https://diagram.website/" />
    <updated>2026-05-07T00:00:00Z</updated>
    <id>https://diagram.website/</id>
    <content type="html"><p>Une carte des initiatives et des énergies qui traversent et réunissent le “web revival”.</p>
</content>
  </entry>
  <entry>
    <title>☞ Scores Against Tech Fascism</title>
    <link href="https://error417.expectation.fail/13scoresagainsttechfascism/" />
    <updated>2026-03-09T00:00:00Z</updated>
    <id>https://error417.expectation.fail/13scoresagainsttechfascism/</id>
    <content type="html"><p>An online group exhibition with works that explore very immediate, poetic, and humorous forms of resistance, refusal, and subversion that push back against tech fascism.</p>
</content>
  </entry>
  <entry>
    <title>L’expérience et l’utilisateur</title>
    <link href="https://radicalweb.design/recherche/notes/ux/" />
    <updated>2026-02-25T00:00:00Z</updated>
    <id>https://radicalweb.design/recherche/notes/ux/</id>
    <content type="html"><p>De l’expérience et de l’utilisateur·ice dans le design graphique.</p>
&lt;div class=&quot;yt&quot;&gt;&lt;figure&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube-nocookie.com/embed/nGHbOckpifw?si=1h1jZwFjEWz6JaiJ&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;figcaption&gt;&lt;i&gt;The meta experience&lt;/i&gt;, une vidéo de &lt;a href=&quot;https://lav.io/&quot;&gt;Sam Lavigne&lt;/a&gt;&lt;/figcaption&gt;&lt;figure&gt;&lt;/figure&gt;&lt;/figure&gt;&lt;/div&gt;
&lt;p&gt;Les notions d’&lt;em&gt;expérience&lt;/em&gt; et d’&lt;em&gt;utilisateur&lt;/em&gt; sont centrales dans les processus de design. Elles permettent d’inscire un projet dans un ensemble de relations entre un “objet de design” (objets, lieux ou messages&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn1&quot; id=&quot;fnref1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;: une affiche, une cafetière, une salle d’attente, une interface numérique) et ses destinataires (le public, les utilisateur·ices, les humains qui le recevront) à travers l’&lt;em&gt;expérience&lt;/em&gt; qu’iels en feront.&lt;/p&gt;
&lt;p&gt;Ce terme, communément abbrégé &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt;, souffre cependant de nombreux biais, tout autant intrinsèques que progressivement acquis au fur et à mesure de ses usages.&lt;/p&gt;
&lt;p&gt;On se propose ici d’explorer les enjeux de ces termes en les liant à deux notions particulièrement symptomatiques de leur dévoiement : les &lt;em&gt;Dark patterns&lt;/em&gt; et l’&lt;em&gt;enshitification&lt;/em&gt; au regarde de deux textes importants, &lt;em&gt;Turing Complete User&lt;/em&gt; d’Olia Lialina et &lt;em&gt;The User Condition: Computer Agency and Behavior&lt;/em&gt; de Silvio Lorusso, accompagnés par Anthony Masure et son &lt;em&gt;Manifeste pour un design acentré&lt;/em&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn2&quot; id=&quot;fnref2&quot;&gt;[2]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;L’ancrage « numérique » de cette approche n’est pas exclusif ; on pourra facilement étendre la réflexion menée ici aux enjeux plus globaux du design.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;feng-shui&quot; tabindex=&quot;-1&quot;&gt;Feng shui&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#feng-shui&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Feng shui”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;C’est au début des années 90 que Donald Norman, alors chez Apple Computer, a formulé le terme d’&lt;em&gt;expérience utilisateur&lt;/em&gt;, concrétisant dans le champ du numérique les enseignements issus de domaines bien plus anciens que le terme.&lt;/p&gt;
&lt;p&gt;Fondé sur les principes de la philosophie taoïste, le &lt;em&gt;Feng Chui&lt;/em&gt; cherche à « harmoniser l’énergie environnementale », le &lt;em&gt;qi&lt;/em&gt;, 氣. Appliqué principalement à l’architecture intérieure, cet art/pratique/pseudo-science/philosophie, au delà de ses dimensions ésotériques ou des best-sellers de Marie Kondo, a pour objectif de proposer aux habitant·es d’un espace (ses &lt;em&gt;utilisateur·ices&lt;/em&gt;) le meilleur agencement spatial possible du point de vue des énergies qui y circulent (l’&lt;em&gt;expérience&lt;/em&gt;).&lt;/p&gt;
&lt;p&gt;Dans le monde occidental, dès l’Antiquité&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn3&quot; id=&quot;fnref3&quot;&gt;[3]&lt;/a&gt;&lt;/sup&gt;, puis à l’époque médiévale et à la Renaissance, émergent des préoccupations liées à ce qui sera nommé l’&lt;em&gt;ergonomie&lt;/em&gt;. Cette discipline se préoccupe d’analyser les caractéristiques des situations de travail, des postures&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn4&quot; id=&quot;fnref4&quot;&gt;[4]&lt;/a&gt;&lt;/sup&gt;, des outils, et se propose d’établir des bonnes pratiques visant à la fois à améliorer la &lt;em&gt;santé&lt;/em&gt; des travailleur·euses et leur &lt;em&gt;productivité&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Rapidement, les enjeux de l’ergonomie se déplacent des enjeux de santé, pour se mettre au service des entreprises afin d’améliorer la productivité des travailleurs. L’ergonomie des postes de travail, permettant accélérer les processus de production, a accompagné l’évolution du travail à la chaîne et l’avènement du &lt;em&gt;taylorisme&lt;/em&gt;, du &lt;em&gt;fordisme&lt;/em&gt; ou du &lt;em&gt;toyotisme&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Henry Dreyfuss fut un designer industriel pionnier dans le domaine du design au service de l’expérience utilisateur, agissant transversalement dans les domaines de l’ergonomie, de l’anthropométrie et des facteurs humains. Son approche du design l’amena notamment, à la suite de nombreux designers, architectes ou ingénieurs (de &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/leonardo-da-vinci-vitruvian-man.jpg&quot;&gt;Léonard de Vinci&lt;/a&gt; à &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/modulor.jpg&quot;&gt;Le Corbusier&lt;/a&gt;) à postuler dans un livre aux illustrations fascinantes&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn5&quot; id=&quot;fnref5&quot;&gt;[5]&lt;/a&gt;&lt;/sup&gt; une anthropométrie standard, une &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/joe_josephine.webp&quot;&gt;mesure idéale des corps&lt;/a&gt; qui illustre certains biais des approches modernistes, en ce qu’elles tendent à établir des moyennes, à synthétiser des absolus, éliminant de ce fait les corps ou les usages marginaux, divergents ou simplement minoritaires.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;usages-et-usagers&quot; tabindex=&quot;-1&quot;&gt;Usages et usagers&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#usages-et-usagers&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Usages et usagers”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;big&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;« les usagers ‹ bricolent › avec et dans l’économie culturelle dominante, les innombrables et infinitésimales métamorphoses de sa loi en celle de leurs intérêts et de leurs règles propres »&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn6&quot; id=&quot;fnref6&quot;&gt;[6]&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;p&gt;Qu’il s’agisse d’une chaise, du hall d’accueil d’un bâtiment, d’un annuaire téléphonique ou d’une application pour smartphone, les objets de design sont censés intégrer au cœur de leur élaboration les perspectives des “utilisateur·ices” de ces objets, lieux ou messages. Pour une chaise : comment s’y assied-on, quel confort et quelle stabilité sont proposées, mais aussi quelle capacité à s’empiler, ou à se plier, quelle durabilité, dans quel contexte est-elle positionnée… sont des questions préalables à son design qui sont intimement liées aux utilisateur·ices de cette chaise (à la fois celleux qui s’asseyent ou qui la possèdent).&lt;/p&gt;
&lt;p&gt;Les mêmes types de questions se posent pour tous les objets de design, impliquant pour le designer une connaissance fine du contexte d’apparition d’un objet, de son public, de son adresse, de ses usages souhaitables et possibles…&lt;/p&gt;
&lt;p&gt;L’apport de l’anthropologie, de l’ethnographie et plus largement des sciences sociales dans le champ du design est à ce titre un éclairage dont les designers auraient bien tort de se priver&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn7&quot; id=&quot;fnref7&quot;&gt;[7]&lt;/a&gt;&lt;/sup&gt;. Les pratiques de l’enquête, du &lt;em&gt;terrain&lt;/em&gt;, qui y sont souvent centrales, permettent au designer de se projeter au cœur des contextes de réception d’un message, d’utilisation d’un objet physique ou d’un outil numérique, à la fois de manière préalable, mais également au cours de son existence, afin de pouvoir en comprendre les échecs et les réussites –et éventuellement pouvoir le faire évoluer– voire même après son existence, dans sa réparation, son ré-usage, son détournement…&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h1 id=&quot;ucd-hcd-pcd-acdc&quot; tabindex=&quot;-1&quot;&gt;&lt;abbr title=&quot;User-Centered Design&quot;&gt;UCD&lt;/abbr&gt;, &lt;abbr title=&quot;Human-Centered Design&quot;&gt;HCD&lt;/abbr&gt;, &lt;abbr title=&quot;People-Centered Design&quot;&gt;PCD&lt;/abbr&gt;, AC⚡DC&lt;/h1&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#ucd-hcd-pcd-acdc&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “UCD, HCD, PCD, AC⚡DC”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;User Centered Design&lt;/em&gt;, &lt;em&gt;Human Centered Design&lt;/em&gt;, &lt;em&gt;People Centered design&lt;/em&gt;, &lt;a href=&quot;https://invidious.fdn.fr/watch?v=l482T0yNkeo&quot;&gt;Highway to Hell&lt;/a&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn8&quot; id=&quot;fnref8&quot;&gt;[8]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;Le terme d’&lt;em&gt;expérience utilisateur&lt;/em&gt; apparaît en 1986 dans un livre de Don Norman (chercheur en sciences cognitives, auteur de &lt;em&gt;The Design of Everyday Things&lt;/em&gt;) intitulé &lt;em&gt;User Centered Design: New Perspectives on Human-Computer Interaction&lt;/em&gt; (Design des systèmes centrés utilisateur).&lt;/p&gt;
&lt;p&gt;Cet ouvrage fait suite à l’émergence de nouveaux paradigmes d’&lt;em&gt;interfaces utilisateurs&lt;/em&gt; dans la micro-informatique en voie de démocratisation. Les principes d’interactions envisagés par Douglas Engelbart en 1968 dans sa &lt;em&gt;Mother of all demos&lt;/em&gt; (la souris, le WYSIWYG, la visioconférence, le courrier électronique, la navigation hypertexte, la métaphore du bureau, les « fenêtres »…) ont alors été mis en place dans deux ordinateurs de la firme &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/IE-Star-3.jpg&quot;&gt;Xerox&lt;/a&gt;, puis « copiés » dans l’&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/apple_lisa_screenshot.gif&quot;&gt;interface&lt;/a&gt; de l’&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/lisa.jpg&quot;&gt;Apple Lisa&lt;/a&gt; de Steve Jobs et dans le premier système &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/Windows1.0.webp&quot;&gt;&lt;em&gt;Windows&lt;/em&gt;&lt;/a&gt; de Bill Gates.&lt;/p&gt;
&lt;p&gt;Dans cet ouvrage, on lit :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Un engagement direct se produit lorsqu’un utilisateur fait l’expérience d’une interaction directe avec des objets dans un milieu […] plutôt qu’une communication avec un intermédiaire. Ces interactions s’apparentent à interagir avec des objets du monde physique. […] L’interface et l’ordinateur deviennent invisibles. Bien que nous croyons que ce sentiment d’engagement direct soit d’une importance capitale, nous ne savons […] que peu de choses sur les besoins réels nécessaires à sa production »&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;J’ai inventé l’expression [d’expérience utilisateur] parce que je pensais que celles d’interface humaine et d’utilisabilité étaient trop restreintes : je voulais couvrir tous les aspects de l’expérience d’une personne avec un système, incluant le design industriel, le design graphique, l’interface, l’interaction physique et le mode d’emploi »&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Cet aspect plus large de l’« expérience utilisateur » fut ensuite précisé :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;L’« expérience utilisateur » englobe tous les aspects de l’interaction de l’utilisateur final avec l’entreprise, ses services et ses produits. La première exigence pour une expérience utilisateur exemplaire est de répondre aux besoins exacts du client. […] Nous devons distinguer l’&lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; et l’utilisabilité. La définition de l’utilisabilité indique que c’est une qualité de l’&lt;abbr title=&quot;User interface&quot;&gt;UI&lt;/abbr&gt; couvrant le fait qu’un système soit simple à comprendre, efficace à utiliser, plaisant, etc. L’&lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; est un concept bien plus large. »&lt;/p&gt;
&lt;/blockquote&gt;
&lt;!-- Dans le champ des interactions homme-machine, le _Human Centered Design_ fait aujourd’hui l’objet d’une normalisation ISO, émettant plusieurs recommandations : Le design s’appuie sur la compréhension de l’utilisateur, de ses tâches et de son environnement. Les utilisateurs sont intégrés à l’ensemble du processus de design et de développement. Le design évolue en fonction des retours des utilisateurs. Le processus est itératif. L’ensemble de l’expérience des utilisateurs est pris en compte. L’équipe de projet est pluridisciplinaire. --&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;malboufffe&quot; tabindex=&quot;-1&quot;&gt;Malboufffe&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#malboufffe&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Malboufffe”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Cet ensemble de perspectives sur le design d’interfaces, d’environnements, de produits ou de services a connu un grand succès, fondant une discipline avec des formations supérieures dédiées, un nombre phénoménal de publications, de livres, podcasts, newsletters ou blogs. À bien des égards, ces pensées sont utiles à la conception d’objets de design qui tiennent compte des réalités des utilisateur·ices, et tout·e étudiant·e en design qui se respecte devrait prendre le temps d’en comprendre les grands principes.&lt;/p&gt;
&lt;p&gt;Il convient cependant de conserver un regard critique sur certaines « recettes » qui ont pu en émerger, et souffrent de nombreux écueils :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Trop souvent, elles ont tendance à réduire l’utilisateur·ice à des rapports centrés sur ses besoins exacts, à des rôles et usages prédéterminés.&lt;/li&gt;
&lt;li&gt;Dans le champ du design d’interface numériques, des « interactions homme-machine », ont été produites des &lt;em&gt;guidelines&lt;/em&gt; (celles d’&lt;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/&quot;&gt;Apple&lt;/a&gt;, ou de &lt;a href=&quot;https://m3.material.io/&quot;&gt;Google&lt;/a&gt;) qui, pour intéressantes qu’elles soient, nivellent les imaginaires des designers.&lt;/li&gt;
&lt;li&gt;Tout comme l’anthropométrie établissait des utilisateur·ices moyen·nes, standards, les approches &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; design ont convoqué des &lt;em&gt;persona&lt;/em&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn9&quot; id=&quot;fnref9&quot;&gt;[9]&lt;/a&gt;&lt;/sup&gt; censés permettre de dépasser des archétypes pour imaginer des utilisateur·ices « réels » mais qui finissent trop souvent par reproduire de pauvres stéréotypes, visant à &amp;lt;bullshit&amp;gt;impacter sa culture client, déterminer des facteurs d’engagement, comprendre les insights clefs&amp;lt;/bullshit&amp;gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h3 id=&quot;user-human&quot; tabindex=&quot;-1&quot;&gt;User = 💩, Human = 🤑&lt;/h3&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#user-human&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “User = 💩, Human = 🤑”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Dans son article, Anthony Masure signale également un changement d’approche et de vocabulaire notable, lisible en 2008 :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Parmi les horribles mots que nous employons, il y a le mot « utilisateurs ». Je pars en croisade pour nous débarrasser de ce terme. Je préfère parler de « personnes ». […] Nous concevons des produits pour des personnes, pas pour des utilisateurs  »&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Ce revirement coïncide avec l’émergence d’une pensée de l’informatique invisible que Don Norman appelait de ses vœux dès 1990 dans un texte célèbre, &lt;a href=&quot;https://www.academia.edu/2849717/Why_interfaces_don_t_work&quot;&gt;&lt;em&gt;Why Interfaces Don’t Work&lt;/em&gt;&lt;/a&gt;. En 2012, ce vieux rêve semblait devenir réalité dans un clip dans un &lt;a href=&quot;https://www.youtube.com/watch?v=Im32w9_Okws&quot;&gt;clip promotionnel pour Apple&lt;/a&gt; :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;iPad is the perfect expression of that idea, it’s just this magical pane of glass that can become anything you want it to be. It’s a more personal experience with technology than people have ever had.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Olia Lialina&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn10&quot; id=&quot;fnref10&quot;&gt;[10]&lt;/a&gt;&lt;/sup&gt;, net-artiste et formidable observatrice de nos environnements numériques a produit deux textes relatifs à cette évolution de l’informatique, des interfaces et de la position des utilisateur·ices, &lt;em&gt;Turing complete user&lt;/em&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn11&quot; id=&quot;fnref11&quot;&gt;[11]&lt;/a&gt;&lt;/sup&gt; et &lt;a href=&quot;https://contemporary-home-computing.org/RUE/&quot;&gt;&lt;em&gt;Rich User Experience, &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; and Desktopization of War&lt;/em&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Ces deux articles sont des critiques redoutables des logiques promues par Don Norman, Jakob Nielsen et autres gourous de l’&lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt;, fut-elle rebaptisée.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;C’est pour cela que le design d’interfaces a progressivement été rebaptisé design d’expériences – expression dont l’objectif premier est de faire oublier l’existence des ordinateurs et des interfaces auprès des utilisateurs. Le design d’expériences vous laisse seul avec vos émotions à ressentir, vos objectifs à atteindre et vos tâches à effectuer.»&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn12&quot; id=&quot;fnref12&quot;&gt;[12]&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Dans son texte, Olia Lialina appelle de ses vœux le retour en grâce d’un utilisateur généraliste d’un ordinateur généraliste. Elle le qualifie de « Turing-complet » au sens des premiers ordinateurs, conceptualisés par Alan Turing ou John von Neuman : des outils reprogrammables à l’infini qui ne soient pas affectés à une seule tâche spécifique, mais qui puissent nous « encapaciter » et ne nous aliènent pas dans des usages et des parcours prédéterminés.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Le design d’expérience empêche de penser et de valoriser les ordinateurs en tant qu’ordinateurs, et les interfaces en tant qu’interfaces.&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn13&quot; id=&quot;fnref13&quot;&gt;[13]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Dans &lt;em&gt;Liquider l’utilisateur&lt;/em&gt;&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn14&quot; id=&quot;fnref14&quot;&gt;[14]&lt;/a&gt;&lt;/sup&gt;, Silvio Lorusso poursuit et actualise la critique formulée par Olia Lialina. Il convoque la métaphore d’un grille-pain connecté, qui sait détecter le type de pain et ajuste la température ou la durée (ça existe &lt;s&gt;sans doute&lt;/s&gt; vraiment). Un jour sans prévenir, son micrologiciel / sa puce exige une mise à jour et vous empêche de griller votre pain du petit-déjeuner. Le confort gagné par la simplification de l’usage, par la disparition de la « friction » finit par produire une réduction de l’action possible, une perte d’autonomie, ou –selon le mot de Bernard Stiegler– une « prolétarisation ».&lt;/p&gt;
&lt;p&gt;Dans le monde de l’informatique invisible, dominé par Apple, Google ou Adobe, chaque gain de confort initialement perçu finit par devenir une aliénation. Les hypothèses formulées par de Certeau (le braconnage que nous opérons dans « l’obscur entrelacs des conduites journalières ») sont empêchées de façon toujours plus forte par nos outils numériques, devenus espions, nourris d’intelligence artificielle et contraints dans des usages prédéterminés.&lt;/p&gt;
&lt;p&gt;Cette aliénation, ce bridage des usages, cette ultra-spécialisation des outils logiciels et matériels est au cœur d’une communication de Cory Doctorow, autre penseur majeur de notre relation au numérique : &lt;a href=&quot;https://www.youtube.com/watch?v=HUEvRyemKSg&quot;&gt;The coming war on general computation&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Mais avant de poursuivre vers une autre notion phare élaborée par Doctorow – la magnifiquement nommée &lt;em&gt;enshitification&lt;/em&gt; –, autorisons-nous un détour par un summum diabolique du design d’expérience utilisateur, les…&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;dark-patterns&quot; tabindex=&quot;-1&quot;&gt;Dark patterns&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#dark-patterns&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Dark patterns”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Wikipédia nous dit « Un &lt;em&gt;dark pattern&lt;/em&gt; ou &lt;em&gt;dark &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt;&lt;/em&gt; (en français : interface truquée) est une interface utilisateur qui a été volontairement conçue pour tromper ou manipuler un utilisateur ».&lt;/p&gt;
&lt;p&gt;Devenues si nombreuses que nous finissons par ne presque plus y prendre garde, ces pratiques se sont approprié les enseignements du design d’interface, des sciences cognitives ou de la sociologie des usages pour nous amener à des comportements contraires à nos besoins.&lt;/p&gt;
&lt;p&gt;Coûts cachés, conditions générales d’utilisation illisibles, options présélectionnées, impossibilité de suppression de compte, lien de désinscription non-fonctionnel, culpabilisation, les exemples sont légion.&lt;/p&gt;
&lt;p&gt;Sur &lt;a href=&quot;https://www.deceptive.design/&quot;&gt;deceptive.design&lt;/a&gt;, Harry Brignull, fondateur du site, dresse une liste des différents types de &lt;em&gt;dark patterns&lt;/em&gt; et maintient un &lt;a href=&quot;https://www.deceptive.design/hall-of-shame&quot;&gt;&lt;em&gt;Hall of shame&lt;/em&gt;&lt;/a&gt; de ces pratiques trompeuses.&lt;/p&gt;
&lt;p&gt;Depuis l’adoption du &lt;a href=&quot;https://fr.wikipedia.org/wiki/R%C3%A8glement_g%C3%A9n%C3%A9ral_sur_la_protection_des_donn%C3%A9es&quot;&gt;RGPD&lt;/a&gt; (Règlement général sur la protection des données) par le Parlement européen, adoptant certains principes protecteurs des utilisateur·ices (notamment les logiques de &lt;em&gt;privacy by design&lt;/em&gt; et &lt;em&gt;privacy by default&lt;/em&gt;) certains &lt;em&gt;dark patterns&lt;/em&gt; sont devenus illégaux, mais des stratégies toujours plus retorses ont été adoptées par les éditeurs de sites et d’applications aux objectifs douteux.&lt;/p&gt;
&lt;p&gt;Les GAFAM, notamment, à l’aide d’armées d’avocats et de designers machiavéliques s’en sont donné à cœur-joie&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn15&quot; id=&quot;fnref15&quot;&gt;[15]&lt;/a&gt;&lt;/sup&gt;. Le récent &lt;em&gt;Manifest V3&lt;/em&gt; de Google Chrome, qui sera déployé à partir de juin 2024 (et impactera tous les navigateurs basés sur ce moteur ; Edge, Brave, Opera…) rendra presque inopérants les extensions dédiées au blocage des publicités. Ce qui nous conduit tout droit au diagnostic suivant :&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;lemmerdification&quot; tabindex=&quot;-1&quot;&gt;L’emmerdification&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#lemmerdification&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “L’emmerdification”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;À son paroxysme, et bien au delà des seuls enjeux d’interfaces ou de design stéréotypé, aliénant ou trompeur, le dévoiement des possibilités offertes par le numérique est théorisé par Cory Doctorow sous le terme d’&lt;em&gt;enshitification&lt;/em&gt; ; en français, &lt;em&gt;merdification&lt;/em&gt;, ou &lt;em&gt;emmerdification&lt;/em&gt; :&lt;/p&gt;
&lt;p&gt;Dans un premier temps, les plateformes ou services numériques séduisent leurs utilisateurs, qui en deviennent dépendants ; ensuite, elles les exploitent au profit de leurs clients-partenaires (le plus souvent, des annonceurs publicitaires) ; elles exploitent les utilisateurs et les clients-partenaires pour récupérer toute la valeur produite à leur propre profit. Enfin, elles meurent.&lt;/p&gt;
&lt;p&gt;Dans &lt;a href=&quot;https://www.arretsurimages.net/chroniques/clic-gauche/aux-apatrides-du-web-merdique&quot;&gt;&lt;em&gt;Aux apatrides du web merdique&lt;/em&gt;&lt;/a&gt;, Thibault Prévost synthétise en français les hypothèses de Doctorow, signalant combien :&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;La détérioration des services offerts par le capitalisme de plateforme n’est pas circonstancielle mais structurelle, inhérente au modèle lui-même, qui n’a jamais été conçu pour durer mais pour capter un maximum de valeur en un minimum de temps quitte à tout détruire sur son passage &lt;em&gt;– “Move fast and break things”&lt;/em&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Cette expérience utilisateur toxique qui nous est proposée (imposée ?) par le numérique des plateformes et des &lt;em&gt;Big Tech&lt;/em&gt; n’est sans doute pas une fatalité, même si elle est massive et que les effets de réseau nous limitent dans nos capacités à nous en extraire.&lt;/p&gt;
&lt;p&gt;Sans verser dans un &lt;em&gt;netstalgisme&lt;/em&gt; (une nostalgie d’un web pionnier idéal, sans frontières ni publicité – qui n’a jamais vraiment existé), l’invitation que nous font ces penseurs technocritiques, ces designers acentrés, est de ré-envisager nos positions vis à vis de ces outils et médias afin de reconquérir les potentialités qu’ils nous offrent.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;post-scriptum&quot; tabindex=&quot;-1&quot;&gt;Post-scriptum&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#post-scriptum&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Post-scriptum”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://limitesnumeriques.fr/&quot;&gt;Limites numériques&lt;/a&gt;, groupe de recherche en design sur les formes et usages du numérique, a publié une enquête dans l’objectif « d’analyser les multiples stratagèmes mis en place par les entreprises pour nous inciter à adopter l’IA, qu’on le veuille ou non » : &lt;a href=&quot;https://limitesnumeriques.fr/travaux-productions/ai-forcing&quot;&gt;Comment les entreprises de la tech nous forcent à utiliser l’IA&lt;/a&gt;. Dans cette enquête s’exprime étonnamment (&lt;a href=&quot;https://radicalweb.design/recherche/notes/aiaiaie/&quot;&gt;non…&lt;/a&gt;) le climax de merdification que produit la volonté des acteurs du numérique, et notamment des &lt;em&gt;big tech&lt;/em&gt;, de nous faire accepter, utiliser et bientôt louer à prix d’or leurs services d’« intelligence artificielle ».&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://nolwennmaudet.com/&quot;&gt;Nolwenn Maudet&lt;/a&gt;, enseignante-chercheuse à l’université de Strasbourg, membre de Limites numériques et co-autrice de l’enquête, a publié &lt;a href=&quot;https://www.editions205.fr/products/cultures-du-design-numerique-histoire-des-idees-et-enjeux-contemporains&quot;&gt;&lt;em&gt;Cultures du design numérique. Histoire des idées et enjeux contemporains&lt;/em&gt;&lt;/a&gt; en l’adossant aux nombreux travaux qu’elle a déjà produit sur le design des interfaces. Un livre remarquable, dont la lecture attentive viendra bientôt augmenter le propos développé ici.&lt;/p&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;todo&quot; tabindex=&quot;-1&quot;&gt;Todo&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#todo&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Todo”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Par groupes de 3 ou 4 :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Capturer des traces de merdification et des interfaces trompeuses&lt;/li&gt;
&lt;li&gt;Établir le &lt;em&gt;wireframe&lt;/em&gt; d’une interface parfaitement ennuyeuse&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn16&quot; id=&quot;fnref16&quot;&gt;[16]&lt;/a&gt;&lt;/sup&gt; et celui d’une interface folle, géniale, bizarre, étrange&lt;sup class=&quot;footnote-ref&quot;&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fn17&quot; id=&quot;fnref17&quot;&gt;[17]&lt;/a&gt;&lt;/sup&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;heading&quot;&gt;
&lt;h2 id=&quot;bibliographie&quot; tabindex=&quot;-1&quot;&gt;Bibliographie&lt;/h2&gt;
&lt;a class=&quot;header-anchor&quot; href=&quot;https://radicalweb.design/recherche/notes/ux/#bibliographie&quot;&gt;&lt;span class=&quot;visually-hidden visually-hidden--focusable&quot;&gt;Lien vers “Bibliographie”&lt;/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;https://theusercondition.computer/&quot;&gt;&lt;em&gt;The User Condition: Computer Agency and Behavior&lt;/em&gt;&lt;/a&gt;, Silvio Lorusso, 02/2021, traduit par Sophie Garnier (&lt;em&gt;Liquider l’utilisateur&lt;/em&gt;) pour la &lt;a href=&quot;https://revue-teque.fr/catalogue/teque-1&quot;&gt;revue Tèque&lt;/a&gt;, 2022.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://contemporary-home-computing.org/turing-complete-user/&quot;&gt;&lt;em&gt;Turing Complete User&lt;/em&gt;&lt;/a&gt;, Olia Lialina, 10/2021, traduit par  Jean-François Caro pour &lt;a href=&quot;http://reader.lgru.net/texts/lutilisateur-turing-complet/&quot;&gt;&lt;em&gt;Considering our tools&lt;/em&gt;&lt;/a&gt;, 2013.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.arretsurimages.net/chroniques/clic-gauche/aux-apatrides-du-web-merdique&quot;&gt;&lt;em&gt;Aux apatrides du web merdique&lt;/em&gt;&lt;/a&gt;, Thibault Prévost, &lt;em&gt;Arrêt sur image&lt;/em&gt;, 01/2024.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://contemporary-home-computing.org/RUE/&quot;&gt;Rich User Experience, &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; and Desktopization of War. The morning after experience design.&lt;/a&gt;, Olia Lialina, 01/2015.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.wired.com/story/tiktok-platforms-cory-doctorow/&quot;&gt;The ‘Enshittification’ of TikTok. Or how, exactly, platforms die.&lt;/a&gt;, Cory Doctorow, 01/2023.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.anthonymasure.com/articles/2019-12-manifesto-acentric-design&quot;&gt;Manifesto for an Acentric Design&lt;/a&gt;, Anthony Masure, 12/2019.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.nonfiction.fr/article-9264-sur-la-trace-de-lhumain-dans-les-objets-de-design.htm&quot;&gt;Sur la trace de l’humain dans les “objets” de design&lt;/a&gt;, Alexandre Saint-Jevin, 03/2018.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.editions205.fr/products/cultures-du-design-numerique-histoire-des-idees-et-enjeux-contemporains&quot;&gt;Cultures du design numérique. Histoire des idées et enjeux contemporains&lt;/a&gt;, Nolwenn Maudet, 02/2026.&lt;/p&gt;
&lt;hr class=&quot;footnotes-sep&quot;&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn1&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Norman Potter, &lt;a href=&quot;http://www.strabic.fr/Norman-Potter-Qu-est-ce-qu-un-designer&quot;&gt;Qu’est-ce qu’un designer ?&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref1&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn2&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Voir &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#bibliographie&quot;&gt;la bibliographie&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref2&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn3&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;https://fr.wikipedia.org/wiki/Histoire_de_l%27ergonomie#L&#39;ergonomie_avant_l&#39;ergonomie&quot;&gt;L’ergonomie avant l’ergonomie&lt;/a&gt; sur Wikipédia. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref3&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn4&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/images/fauteuil.png&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/recherche/notes/ux/eQskeTLkzf-400.webp 400w, https://radicalweb.design/recherche/notes/ux/eQskeTLkzf-800.webp 800w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/recherche/notes/ux/eQskeTLkzf-400.jpeg&quot; alt=&quot;&quot; title=&quot;Deux pensées divergentes de l’ergonomie d’un poste de travail.&quot; width=&quot;800&quot; height=&quot;601&quot; srcset=&quot;https://radicalweb.design/recherche/notes/ux/eQskeTLkzf-400.jpeg 400w, https://radicalweb.design/recherche/notes/ux/eQskeTLkzf-800.jpeg 800w&quot; sizes=&quot;auto&quot;&gt;&lt;/picture&gt;&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref4&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn5&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;https://files.radicalweb.design/TheMeasureofManHumanFactorsinDesign.pdf&quot;&gt;&lt;em&gt;The Measure of Man: Human Factors in Design&lt;/em&gt;&lt;/a&gt;, illustrations d’Alvin R. Tilley. L’ouvrage est loin d’être caricatural, mais a pu concourir à établir des pensées de la majorité qui écartent les minorités. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref5&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn6&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Michel de Certeau, &lt;em&gt;L’invention du quotidien, tome 1 : Arts de faire,&lt;/em&gt; Gallimard, 1990. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref6&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn7&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Parcourir “&lt;a href=&quot;https://journal.dampress.org/words/cycle-de-conf/qu%27est-ce-que-l%27anthropologie-l%27ethnologie-et-plus-largement-les-sciences-humaines-et-sociales-apportent-au-design&quot;&gt;Qu’est-ce que l’anthropologie, l’ethnologie et, plus largement, les Sciences humaines et sociales apportent au design&lt;/a&gt; et plus globalement, s’intéresser notamment aux publications de &lt;a href=&quot;https://journal.dampress.org/&quot;&gt;Design Arts Médias&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref7&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn8&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Les extraits suivants, et nombre des réflexions qui fondent cette proposition, sont issues d’un article d’Anthony Masure, &lt;em&gt;Manifeste pour un design acentré&lt;/em&gt;, publié par B42 dans &lt;em&gt;Design et humanités numériques&lt;/em&gt; et &lt;a href=&quot;https://www.anthonymasure.com/articles/2019-12-manifesto-acentric-design&quot;&gt;accessible en ligne&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref8&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn9&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Le terme est utilisé en &lt;a href=&quot;https://fr.wikipedia.org/wiki/Persona_(ergonomie)&quot;&gt;design numérique&lt;/a&gt; comme en &lt;a href=&quot;https://fr.wikipedia.org/wiki/Persona_(marketing)&quot;&gt;marketing&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref9&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn10&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;https://www.jaka.org/olia/summer/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://radicalweb.design/recherche/notes/ux/j-s7zQiBou-146.webp 146w&quot; sizes=&quot;auto&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://radicalweb.design/recherche/notes/ux/j-s7zQiBou-146.jpeg&quot; alt=&quot;&quot; width=&quot;146&quot; height=&quot;290&quot;&gt;&lt;/picture&gt;&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref10&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn11&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Traduit par Jean-François Caro, &lt;em&gt;L’utilisateur Turing-complet&lt;/em&gt; est accessible en français sur &lt;a href=&quot;http://reader.lgru.net/texts/lutilisateur-turing-complet/&quot;&gt;reader.lgru.net&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref11&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn12&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Ibid. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref12&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn13&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;&lt;a href=&quot;http://contemporary-home-computing.org/RUE/#fn-kay&quot;&gt;&lt;em&gt;Rich User Experience, &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; and Desktopization of War&lt;/em&gt;&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref13&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn14&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Liquider l’utilisateur, Silvio Lorusso, &lt;a href=&quot;https://revue-teque.fr/catalogue/teque-1&quot;&gt;revue Tèque&lt;/a&gt; ou en  VO : &lt;a href=&quot;https://theusercondition.computer/&quot;&gt;theusercondition.computer&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref14&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn15&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Lire &lt;a href=&quot;https://open-freax.fr/rgpd-dark-patterns/&quot;&gt;RGPD : Les “dark patterns”, ou comment s’asseoir sur le Règlement&lt;/a&gt; &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref15&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn16&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Voir &lt;a href=&quot;https://radicalweb.design/themes/ennuyeux/&quot;&gt;ici&lt;/a&gt; ou &lt;a href=&quot;https://radicalweb.design/themes/performant/&quot;&gt;là&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref16&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;fn17&quot; class=&quot;footnote-item&quot;&gt;&lt;p&gt;Par &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/themes/bizarre/&quot;&gt;ici&lt;/a&gt; ou &lt;a href=&quot;https://radicalweb.design/themes/fun/&quot;&gt;par là&lt;/a&gt;. &lt;a href=&quot;https://radicalweb.design/recherche/notes/ux/#fnref17&quot; class=&quot;footnote-backref&quot;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
  </entry>
</feed>