Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 42KB

3 lat temu
3 lat temu
3 lat temu
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Tag #publication — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #publication">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <style type="text/css">
  53. details[open] summary {
  54. display: none;
  55. }
  56. </style>
  57. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  58. <header>
  59. <h1>Publications relatives au tag #publication</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a>
  66. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  74. <h2><a href="/david/2021/12/02/" title="Lien permanent vers cet article">Tags</a> (2021-12-02)</h2>
  75. <blockquote lang="en">
  76. <p>For some reason, when we moved our workflows into the digital realm, we began to lose respect for this way of taking notes, of simply adding new information to an ever-growing log of our thoughts. Instead, we built tools that encourage us to keep only the most current version of reality. […]</p>
  77. <p><strong>Incremental notes</strong> is my push against this trend of note-taking tools that only live in the present and deny the reality of learning and living through time. We don’t remember things by modifying our past memories – we simply accumulate more, as if adding entries to a log or a journal. <mark>We search through them by traversing time</mark>, looking for links between ideas and experiences.</p>
  78. <p><cite><em><a href="https://thesephist.com/posts/inc/">Incremental note-taking</a></em> (<a href="/david/cache/2021/089ec00265a43807246ec4334a10375a/">cache</a>)</cite></p>
  79. </blockquote>
  80. <p>Depuis une semaine, vous devriez avoir vu apparaître une nouvelle dimension d’exploration sur cet espace avec l’apparition d’étiquettes qui fait suite à de <a href="/david/2021/11/12/" title="Étiquettes">précédentes</a> <a href="/david/2021/11/02/" title="Réflexion">réflexions</a>. Une petite révolution.</p>
  81. <p>Je me suis mis à ajouter des <em>tags</em> à chacune des 300&nbsp;entrées de cette année. C’est long mais je vois un intérêt à l’avoir fait en une fois (en vrai, trois soirs)&nbsp;: le <em>corpus</em> est relativement cohérent en me limitant à en apposer un à trois par entrée. J’ai aussi pu réfléchir aux étiquettes qui n’apparaissaient qu’une seule fois, de l’avantage de travailler du contenu existant. À l’inverse, j’ai essayé d’éviter les mot-clés «&nbsp;introspection&nbsp;» ou «&nbsp;blog&nbsp;» que j’avais envie de mettre à trop d’endroits. J’ai remarqué aussi certaines associations comme «&nbsp;pandémie&nbsp;» et «&nbsp;incompétence&nbsp;» inévitables… Lorsque je lis <a href="/david/#tags">la liste des étiquettes</a>, je ne trouve pas mes écrits très réjouissants aussi.</p>
  82. <p>Le plus difficile aura été de choisir d’avoir des étiquettes annuelles, ce qui me permettra de faire évoluer les centres d’intérêts. J’étais aussi à deux doigts de faire un nuage de <em>tags</em> sur la <a href="/david/#tags">page d’accueil</a>. Heureusement que ma CSS actuelle me contraint à ne pas tomber dans la nostalgie.</p>
  83. <blockquote lang="en">
  84. <p>If we were to build a medium for better thinking on top of the web browser, it’s reckless to expect the average user to manually connect, organize, and annotate the information they come across. Just as the early World Wide Web started out manually-curated and eventually became curated by algorithms and communities, <mark>I think we’ll see a shift in how individual personal landscapes of information are curated</mark>, from manual organization to mostly machine-driven organization. Humans will leave connections and highlights as a trail of their thinking, rather than as their primary way of exploring their knowledge and memory.</p>
  85. <p><cite><em><a href="https://thesephist.com/posts/browser/">The web browser as a tool of thought</a></em> (<a href="/david/cache/2021/ed384fc76fbe9728070efb6c71a0eb9c/">cache</a>)</cite></p>
  86. </blockquote>
  87. <h2><a href="/david/2021/11/12/" title="Lien permanent vers cet article">Étiquettes</a> (2021-11-12)</h2>
  88. <blockquote lang="en">
  89. <p>In hierarchical file systems, the path to a file tells us how to retrieve it, not what is inside the file. For example, “/home/john/diary.txt” tells the computer to start from the root, go into the directory named “home”, go into the subdirectory named “john”, and follow the link named “diary.txt” to access the file. It doesn’t necessarily tell us anything about what the file contains – for all we know, it could be an actual diary or a downloaded movie. To make matters worse, the meaning of the path is relative to which computer system we’re working on. The same path “/home/john/diary.txt” might exist on a distant server, but possess completely different file content.</p>
  90. <p><cite><em><a href="https://www.nayuki.io/page/designing-better-file-organization-around-tags-not-hierarchies">Designing better file organization around tags, not hierarchies</a></em> (<a href="/david/cache/2021/2fc0d9333db2b78b5a110724fba31b22/">cache</a>)</cite></p>
  91. </blockquote>
  92. <p>Un long article un peu technique sur le passage d’un stockage hiérarchique à une structure complètement plate en passant par des <em>tags</em>.</p>
  93. <p>Ceci m’intéresse à <a href="/david/2021/10/07/" title="Consigner">double</a> <a href="/david/2021/09/23/" title="Dossier">titre</a>. Ce qui m’interpelle cette fois-ci, c’est qu’une fois la hiérarchie établie par un·e précurseur·euse, les <a href="/david/2021/03/17/" title="Arrivant·es">autres</a> doivent suivre et se retrouvent avec moins de libertés. Une approche par étiquettes permet potentiellement de privilégier une structure permettant une évolution plus fluide.</p>
  94. <p>Peut-être que la façon dont on nous a appris à ranger nos affaires numériques en dit plus que ce que l’on pense. Et je ne parle même pas des URLs. Comme une envie de <a href="/david/2021/11/02/" title="Réflexion">revisiter</a> des choses par ici.</p>
  95. <hr />
  96. <blockquote>
  97. <p><em>[Lisant le titre d’un livre posé dans le salon&nbsp;: «&nbsp;Les lois naturelles de l’enfant&nbsp;»]</em><br />
  98. — <mark>Nous</mark>, on n’a pas de lois.</p>
  99. </blockquote>
  100. <p>🤗</p>
  101. <h2><a href="/david/2021/11/02/" title="Lien permanent vers cet article">Réflexion</a> (2021-11-02)</h2>
  102. <blockquote lang="en">
  103. <p>This website is essentially a repository of my memories, lessons I’ve learnt, insights I’ve discovered, a changelog of my previous selves. Most people build a map of things they have learnt, <mark>I am building a map of how I have come to be, in case I may get lost again.</mark> Maybe someone else interested in a similar lonely path will feel less alone with my documented footprints. Maybe that someone else would be me in the future.</p>
  104. <p><cite><em><a href="https://winnielim.org/experiments/website/this-website-as-a-learning-and-reflection-tool/">this website as a learning and reflection tool</a></em> (<a href="/david/cache/2021/532af45eef948b36907a25f63c6eb95f/">cache</a>)</cite></p>
  105. </blockquote>
  106. <p>Je pourrais citer tellement de parties de cet article que ça en est troublant. Quelqu’un, quelque part se pose aussi plein de questions et les partage. C’est chouette.</p>
  107. <p>Je retiens, entre autres, que je pourrais soigner la façon dont on peut faire des requêtes dans ces données. J’aime bien le fait que l’on puisse récupérer <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">les sources</a> (<a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache">cache&#8239;!</a>) et faire une recherche <em>full-text</em> mais c’est pas super accessible. Et quand même limité en terme de navigation(s). Si je suis mon premier explorateur, de quelle manière est-ce que j’aimerais (re)découvrir mon ancien moi&#8239;? On a rarement l’occasion d’être aussi mégalo&nbsp;:-).</p>
  108. <p>Merci <a href="https://www.hypothermia.fr/">Eli</a>.</p>
  109. <h2><a href="/david/2021/10/20/" title="Lien permanent vers cet article">RSSexploration</a> (2021-10-20)</h2>
  110. <details>
  111. <summary>Déplier pour lire le contenu de la publication</summary>
  112. <p><em>Oh boy, ce titre…</em></p>
  113. <p>Suite à des échanges avec <a href="https://www.hypothermia.fr/">Eliness</a>, je me demande si l’invitation à <a href="/david/2021/10/09/" title="Slowgrégateur">découvrir d’anciens contenus via le flux</a> pourrait se faire manuellement. Après tout, cela pourrait être un choix éditorial que celui de proposer de vieux articles… qui pourraient avoir un lien plus ou moins ténu avec la publication récente.</p>
  114. <p>Sans essayer de l’automatiser ou de le rendre aléatoire, qu’est-ce qui serait im·pertinent de faire à cet endroit là&#8239;? Et si ces liens pointaient vers l’extérieur&#8239;? Et si ces liens étaient choisis par les lecteur·ices&#8239;? Et si.</p>
  115. </details>
  116. <h2><a href="/david/2021/10/13/" title="Lien permanent vers cet article">Prodiverse</a> (2021-10-13)</h2>
  117. <details>
  118. <summary>Déplier pour lire le contenu de la publication</summary>
  119. <p>Je continue sur <a href="/david/2021/10/07/" title="Consigner">cette idée de produit</a>, l’avantage d’un <a href="/david/2021/01/01/" title="PresQuotidien">rythme hebdomadaire</a> est de pouvoir rebondir sur mes propres propos avec un peu de recul.</p>
  120. <p>Je me demande de plus en plus s’il n’y a pas déjà tout ce qui serait nécessaire au niveau échanges de messages et notifications avec mastodon. Ce qui pêche un peu dans l’usage orienté produit que j’imagine c’est davantage le rendu et la navigation. Et on touche peut-être du doigt un irritant personnel que j’ai déjà avec le client par défaut et l’affichage des discussions.</p>
  121. <p>En ayant 6&nbsp;heures de décalage horaire avec la France, je me réveille souvent avec un train de retard et en lisant de manière anté-chronologique le fil des discussions c’est vraiment fastidieux de s’y retrouver. Un affichage à-la-P2&nbsp;me permettrait de ne pas perdre le fil justement, avec une arborescence qui commencerait par m’afficher la source.</p>
  122. <p>C’est peut-être un premier petit pas&nbsp;: tenter de faire le client mastodon qui irait dans le sens d’une arborescence de discussions plus que d’un flux. Et tant qu’à faire <a href="https://github.com/popura-network/atoot">en asynchrone</a> histoire d’ajouter un peu de fun.</p>
  123. <blockquote>
  124. <p>Fais très attention à qui tu racontes ton histoire parce que c’est ce que tu as de plus précieux.</p>
  125. <p>C’est tout ce que tu posséderas jamais&nbsp;: ta propre histoire.</p>
  126. <p><cite>Citation d’un aborigène dans un livre de Sarah Marquis</cite></p>
  127. </blockquote>
  128. </details>
  129. <h2><a href="/david/2021/10/03/" title="Lien permanent vers cet article">Justesse</a> (2021-10-03)</h2>
  130. <details>
  131. <summary>Déplier pour lire le contenu de la publication</summary>
  132. <blockquote>
  133. <p>J’ai un regard flou et partial sur mes œuvres passées, en tout cas si j’étais sexiste, si j’ai collé des clichés, des idées pas terribles, qui peuvent être blessantes, j’aimerai les corriger un jour et si in jour je meurs je veux dire que je n’ai aucun problème avec l’idée qu’on corrige une de mes oeuvres. Si j’ai étais nul, insensible, caricatural, alors je m’en excuse. Par exemple, je pense que si je pouvais corriger mes romans, plus aucun personnage ne mangerait d’animaux. Autre exemple, je me demande si dans ma bd <em>Le banc de touche</em> il n’y a pas une planche sexiste et je n’aurais aucun problème à ce qu’on la supprime. <mark>Le passé d’un artiste, c’est aussi un truc qui doit être mouvant, vivant, touché, travaillé. Le passé c’est aussi de la matière nourrie par le présent. La fidélité c’est ce qu’on est maintenant qu’on a traversé la tempête et qu’on est pris dans une autre.</mark> La fidélité c’est d’abord la justesse et la justice, et le moi de 22&nbsp;ou 30&nbsp;ans serait d’accord avec ça. Pas de sacralisation autre que la sacralisation de l’évolution d’un artiste.</p>
  134. <p><cite><em><a href="http://www.martin-page.fr/2021/10/01/fidelite-a-la-justesse/">Fidélité à la justesse</a></em> (<a href="/david/cache/2021/1ff879058a3c654f988a54ec68acea4e/">cache</a>)</cite></p>
  135. </blockquote>
  136. <p>Martin Page est quand même sacrément juste. En un paragraphe, il y a tout. Chapeau l’artiste.</p>
  137. <p><em>Si c’est figé, ce n’est plus vrai.</em></p>
  138. </details>
  139. <h2><a href="/david/2021/10/02/" title="Lien permanent vers cet article">Redesign</a> (2021-10-02)</h2>
  140. <details>
  141. <summary>Déplier pour lire le contenu de la publication</summary>
  142. <blockquote lang="en">
  143. <p>So what you see here isn’t me.</p>
  144. <p>Without the safety of this website my flaws and vices are clear: I’m often lazy and uncoordinated. I don’t have a lot of natural social grace (or rather it takes a long time for me to warm up to charming). My ego gets in the way all the time, and I’m so very jealous of everyone around me. Also: I’m perpetually, completely, infinitely terrified of everything.</p>
  145. <p>So websites are weird like that. They’re a fun house of mirrors that can be manipulated in every which way to hide who the author really is. And I don’t mean that in a cynical way, I mean to say this with a dash of optimism: <mark>with this website I can redesign myself as much as I do the homepage</mark> (I hope you like the new one).</p>
  146. <p>With this website I can figure out who I want to be.</p>
  147. <p><cite><em><a href="https://www.robinrendle.com/notes/from-the-distance-of-this-website/">From the distance of this website</a></em> (<a href="/david/cache/2021/4bf85f63126b56e9757b6ae0b2edf59c/">cache</a>)</cite></p>
  148. </blockquote>
  149. <p>Cela fait longtemps que je n’ai pas revu le design de ce site et de sa page d’accueil. Je pourrais y voir une certaine signification, celle qu’il soit encore en accord avec une image que j’ai envie de partager de moi-même. Entre le manque de mouvement et la flemme, il y a une troisième voie (voix&#8239;?)&nbsp;: un truc qui fonctionne suffisamment bien pour pouvoir porter mon attention ailleurs.</p>
  150. </details>
  151. <h2><a href="/david/2021/09/29/" title="Lien permanent vers cet article">Lenteur</a> (2021-09-29)</h2>
  152. <details>
  153. <summary>Déplier pour lire le contenu de la publication</summary>
  154. <blockquote>
  155. <p>L’exercice est chronophage, épuisant, voire frénétique&#8239;; et le rythme de publication est difficilement tenable, autant pour la personne qui écrit <mark>que pour celles qui lisent</mark>.</p>
  156. <p><cite><em><a href="https://journal.loupbrun.ca/n/115/">Médias lents</a></em> (<a href="/david/cache/2021/3054ce1e0493f7b36260a04b5a0fc043/">cache</a>)</cite></p>
  157. </blockquote>
  158. <p>C’est une question que je me pose souvent vis-à-vis du rythme, il y a une certaine brutalité à asséner des articles quotidiennement. Je sais que certaines personnes avec lesquelles j’interagis sont à la peine de garder ce rythme et la <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me semble aider. Les contenus sont là, rarement dans un <em>tempo</em> critique.</p>
  159. <p>Ils seront probablement accessibles pour quelques années, la lecture peut être quotidienne mais pourrait tout aussi bien être hebdomadaire ou mensuelle. C’est notre soif d’être à jour, d’avoir une pastille d’agrégateur à zéro, qui peut rendre ce rythme intenable. En un sens, le flux <strong>pérenne</strong> peut aider à une gestion personnelle en stock, apaisée, où l’on vient picorer régulièrement (en n’étant pas trop regardant·e sur <a href="/david/2021/02/28/" title="Constance">la qualité</a>). Et je me trompe probablement, il doit y avoir des pratiques dont je n’ai même pas conscience, je serais curieux de connaître la vôtre cher·e lecteur·ice.</p>
  160. <p>Quant à mon propre épuisement, il me semble être plus salutaire qu’autre chose. Une fois l’éponge pressée, elle redevient disponible. Tel un écureuil, je me nourris des graines des autres, j’en déplace, j’en cache, j’en plante et je suis parfois surpris que ça puisse pousser… me créant un nouveau terrain de jeux.</p>
  161. </details>
  162. <h2><a href="/david/2021/07/27/" title="Lien permanent vers cet article">Évasion</a> (2021-07-27)</h2>
  163. <details>
  164. <summary>Déplier pour lire le contenu de la publication</summary>
  165. <p><a href="/david/2021/07/19/" title="Jour 1">Deux</a> <a href="/david/2021/07/20/" title="Jour 2">jours</a> pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.</p>
  166. <p>J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le <a href="/david/2021/07/25/" title="Dé·mont(r)age">montage</a> a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question&#8239;!</p>
  167. <p>La vidéo&nbsp;: <a href="https://vimeo.com/580086949/0833bc929c">Évasion</a> (23&nbsp;minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.</p>
  168. <blockquote>
  169. <p>Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.</p>
  170. <p><cite><em>Texte mentat n°2 (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
  171. </blockquote>
  172. </details>
  173. <h2><a href="/david/2021/07/06/" title="Lien permanent vers cet article">Bloguisme</a> (2021-07-06)</h2>
  174. <details>
  175. <summary>Déplier pour lire le contenu de la publication</summary>
  176. <p>Vous connaissez cette injonction à «&nbsp;ouvrir un blog&nbsp;» dès qu’un <em>thread</em> Twitter fait plus de trois phrases. J’accepte de plus en plus que les personnes puissent être davantage à l’aise pour écrire dans un environnement où il y a leur(s) communauté(s) et leurs habitudes d’énonciation (mème, etc). Avoir un blog, cela peut être une charge cognitive et émotionnelle assez forte et je respecte le choix de vouloir s’en passer. Sans même mentionner la <a href="/david/2021/04/09/" title="Maximiser">complexité technique</a> associée.</p>
  177. <p><strong>Est-ce que l’on m’invective à écrire un livre à chaque billet de blog&#8239;?</strong> Non, et je ne m’y soumettrais de toute façon pas car ce n’est pas mon moyen d’expression. Un autre tempo, une autre fabrique, probablement d’autres lecteur·ices aussi. Quel que soit le moyen d’expression, le principal me semble être de rester accessible au plus grand nombre (et encore&#8239;?).</p>
  178. <hr />
  179. <p>Je lisais <a href="https://ricochets.ninja/notes-de-bas-de-rage/mix.html">par ici</a> (<a href="/david/cache/2021/021daad615b67d995cb291d6f676ff67/">cache</a>)&nbsp;: <q>si c’est contraint, c’est pas du soin</q>. De quoi méditer dans plusieurs contextes.</p>
  180. <hr />
  181. <p>Oh et si on parle d’espace plus pérenne, j’arrive davantage à récupérer le contenu de <em>tweets</em> qu’un billet sur Medium avec la bouillie de HTML qui est produite par cette plateforme…</p>
  182. <p><em>Note&nbsp;: ces -ismes de juillet sont autant d’auto-critiques.</em></p>
  183. <blockquote>
  184. <p>Tout naturellement, ceux qui ont le pouvoir cherchent à empêcher le développement de la recherche «&nbsp;sauvage&nbsp;». La quête insatiable de la connaissance a toujours produit, de mémoire d’homme, des concurrents indésirables. Ce que veulent les gens en place, ce sont des «&nbsp;progrès controlés&nbsp;», qui ne donneront naissance qu’à des produits et des idées aisément maîtrisables et qui, chose très importante, <mark>permettront que la plus grande partie des bénéfices soit recueillie par des investisseurs appartenant au système</mark>. Malheureusement, ce n’est pas un univers de hasard, soumis à des variables relatives, qui va leur donner l’assurance de ces «&nbsp;progrès contrôlés&nbsp;».</p>
  185. <p><cite><em>Réflexion sur les Ixiens, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
  186. </blockquote>
  187. </details>
  188. <h2><a href="/david/2021/06/30/" title="Lien permanent vers cet article">Six mois</a> (2021-06-30)</h2>
  189. <details>
  190. <summary>Déplier pour lire le contenu de la publication</summary>
  191. <p>170&nbsp;entrées <a href="/david/2021/01/01/" title="PresQuotidien">presquotidiennes</a> ces 6&nbsp;derniers mois. Quelques brouillons auto-censurés, quelques entrées que j’aurais préféré ne pas publier avec le recul. Un moyen d’évacuer le flux de mes pensées et de produire parfois des échanges bienvenus. Merci aux personnes qui prennent le temps de réagir&#8239;!</p>
  192. <p>Je ne suis pas sûr de vouloir/pouvoir publier autant cet été, j’ai pas mal de choses prévues et des périodes de coupures plus ou moins longues. J’espère ne pas trop me manquer, au pire un carnet ne sera jamais très loin.</p>
  193. <p>C’est vraiment bon de réussir à écrire.</p>
  194. </details>
  195. <h2><a href="/david/2021/04/09/" title="Lien permanent vers cet article">Maximiser</a> (2021-04-09)</h2>
  196. <details>
  197. <summary>Déplier pour lire le contenu de la publication</summary>
  198. <blockquote lang="en">
  199. <p>When we simplify a system of interactions to a certain minimalism, we often trade choices for reductionism. We maximize the simplicity to the point of dumbing everything down. But do we always help? Creativity, emergence of patterns often lie in the hackability of a system. When we reduce the options for someone to use the system in unexpected ways, <mark>we remove the possibility for people to own a craft, a skill</mark>. We make them serve the system, instead of the system serving them.</p>
  200. <p>We should try to create simple interfaces that maximize the possibility for people to create (creative entropy), being empowered, being autonomous.</p>
  201. <p><cite><em><a href="https://www.otsukare.info/2021/03/29/dumb-down-danger">Maximizing Possible Outcomes In Simple Interfaces</a></em> (<a href="/david/cache/2021/8bef65b7167873d697f665dab2fdbb8b/">cache</a>)</cite></p>
  202. </blockquote>
  203. <p>Je me pose beaucoup de questions <del>en ce moment</del> sur ce que l’on essaye de rendre plus efficace et pourquoi. Parfois pour qui. Souvent à quoi bon.</p>
  204. <p>Par exemple&nbsp;: qu’est-ce qui permettrait à chacun·e de publier quelque chose sur le web tout en ayant une part de contrôle sur ce qui est partagé&#8239;? Lorsqu’on démêle cette pelote, elle s’avère être très longue. Les connaissances à acquérir — autant sur le fond que sur la forme — sont assez gigantesques et ne cessent de l’être un peu plus chaque année. Et à force de tirer sur ce fil, on (je m’inclus dans ce mouvement) ne se rend pas compte que l’on perd pas mal de personnes qui ont la motivation pour être autonomes mais se cassent de plus en plus les dents au point de vouloir abandonner.</p>
  205. <p>Au point de ne <em>pouvoir</em> continuer.</p>
  206. <p>En rendant le Web inaccessible, sauf pour quelques élu·es, on sera tous perdant·es à moyen terme. Car ça signifie un Web de spécialisation et d’expertise qui nécessite(ra) d’être rémunéré pour être encore en mesure de publier quelque chose.</p>
  207. <p>Cela me rend profondément triste. <strong>Impuissant.</strong></p>
  208. <blockquote>
  209. <p>Je souhaite que rien ne marche, que rien ne fonctionne, que tout soit cassé, qu’il y ait plein de bugs. Je voudrais des designers capables de concevoir des outils compliqués, contre-intuitifs et mal fonctionnant.</p>
  210. <p><mark>Le non fonctionnement est la condition de la pensée critique.</mark></p>
  211. <p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/fonctionnement.html"> Ce qui pourrait être autrement&nbsp;: éloge du non fonctionnement</a></em> (<a href="/david/cache/2021/9de00d1e64540434735417d59f2570fe/">cache</a>)</cite></p>
  212. </blockquote>
  213. </details>
  214. <h2><a href="/david/2021/03/07/" title="Lien permanent vers cet article">@World</a> (2021-03-07)</h2>
  215. <details>
  216. <summary>Déplier pour lire le contenu de la publication</summary>
  217. <blockquote lang="en">
  218. <p>When I write a certain kind of email — aka a blog post — why do I have to address it to someone? Why can’t I just address my thoughts to the world? Direct to the web for anyone and everyone? Rather than define the recipients, I just write and let the recipients find me.</p>
  219. <p>[…]</p>
  220. <p>This post you’re reading right now is the world’s first HEY World post. And I published it by <mark>simply emailing this text directly to world@hey.com</mark> from my jason@hey.com account. That was it.</p>
  221. <p><cite><em><a href="https://world.hey.com/jason/hey-world-b02a6f2e">&quot;Hey, World!&quot;</a></em> (<a href="/david/cache/2021/aeed011f624ca8954d97f5bc4b53a6e8/">cache</a>)</cite></p>
  222. </blockquote>
  223. <p>Plus que la publication via un courriel, ce qui m’intéresse(rait) dans cette approche c’est le fait de pouvoir faire une réponse à ce courriel en mettant le monde en copie. J’ai souvent des échanges privés qui pourraient être partagés et peut-être que si la barrière était un peu moins haute ça m’inciterait à la sauter.</p>
  224. <p>Cela se rapproche d’une archive de liste de discussion qui sert de commentaires, ce que j’avais expérimenté il y a quelques années mais l’intégration était fastidieuse. Peut-être qu’en créant une boite <abbr title="Internet Message Access Protocol">IMAP</abbr> dédiée cela pourrait aller plus loin qu’un générateur de blogs. Genre, des commentaires décentralisés. #RunningGag</p>
  225. <p>J’ai besoin de laisser mûrir cette idée.</p>
  226. </details>
  227. <h2><a href="/david/2021/02/14/" title="Lien permanent vers cet article">Bibliothèque</a> (2021-02-14)</h2>
  228. <details>
  229. <summary>Déplier pour lire le contenu de la publication</summary>
  230. <blockquote lang="en">
  231. <p>I know there’s lots of advice out there about considering your audience when you write, but when it comes to my personal site, I’d find that crippling. It would be one more admonishment from the inner critic whispering “no one’s interested in that”, “you have nothing new to add to this topic”, and “you’re not qualified to write about this.” If I’m writing for myself, then it’s easier to have fewer inhibitions. By treating everything as a scrappy note-to-self, I can avoid agonising about quality control …although I still spend far too long trying to come up with titles for posts.</p>
  232. <p>[…]</p>
  233. <p>If someone else gets some value from a quick blog post that I dash off here, that’s always a pleasant surprise. It’s a bonus. But it’s not my reason for writing. <mark>My website is primarily a tool and a library for myself.</mark> It just happens to also be public.</p>
  234. <p><cite><em><a href="https://adactio.com/journal/17821">Associative trails</a></em> (<a href="/david/cache/2021/27f60626eb789433d6e2619663bb79f0/">cache</a>)</cite></p>
  235. </blockquote>
  236. <p>J’aime cette notion de bibliothèque d’idées personnelle <em>et</em> publique. Aucun service à ma connaissance ne permet cela avec la garantie de conserver les données et de les indexer sur plusieurs décennies. Privilège de développeur que celui d’<em>être en capacité</em> de le faire grâce aux compétences permettant de transformer — et donc conserver — des données au cours du temps.</p>
  237. <p>Si vous devez un jour faire une recherche sur ce qui a été écrit ici, vous pouvez télécharger <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">l’archive du dépôt</a>, la charger dans n’importe quel éditeur de texte un peu compétent (comme <a href="https://www.sublimetext.com/">SublimeText</a>) et une recherche dans tous les fichiers devrait vous permettre de fouiller. C’est ce que j’utilise personnellement lorsque ma mémoire me fait défaut ou que je veux faire un lien interne.</p>
  238. <blockquote lang="en">
  239. <p>And I’m also reminded of how writers I love and respect maintain their own reservoirs of knowledge, complete with migratory paths down from the mountains.</p>
  240. <p>[…]</p>
  241. <p>And it’s interesting, right, this accretive note-taking and the process of taking core samples through the deep time of your own ideas. I’ve built something similar, not as consistently, but for about two decades too, and <mark>I keep all my notes in plain text</mark>, and all in the same searchable database.</p>
  242. <p><cite><em><a href="http://interconnected.org/home/2021/02/10/reservoirs">Memexes, mountain lakes, and the serendipity of old ideas</a></em> (<a href="/david/cache/2021/9b2e831c217bc1179c0f74c4fc363c11/">cache</a>)</cite></p>
  243. </blockquote>
  244. </details>
  245. <h2><a href="/david/2021/01/31/" title="Lien permanent vers cet article">Meta</a> (2021-01-31)</h2>
  246. <details>
  247. <summary>Déplier pour lire le contenu de la publication</summary>
  248. <blockquote>
  249. <p>Chercher à s’élever, se fixer des objectifs ambitieux, n’est évidemment pas répréhensible en soi. Mais dans la pratique, cette course est rarement le fruit d’un choix dûment évalué visant à se sentir en phase avec soi-même et ses propres aspirations. Dès lors qu’il consiste — comme c’est souvent le cas — à vouloir conquérir ce que possèdent ceux d’en haut, le choix individuel est en réalité un <em>comportement</em> individuel, <mark>déterminé par un faisceau de normes sociales</mark>, qui entraîne une réaction en chaîne&nbsp;: la compétition.</p>
  250. <p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p>
  251. </blockquote>
  252. <p>Un premier mois à <a href="/david/2021/01/01/" title="PresQuotidien">publier en décalage</a> et je vois déjà quelques effets. Déjà, ça limite les réactions liées à l’actualité. Lorsque je publie sur un <a href="/david/2021/01/06/" title="Clown d’État">évènement qui a une semaine</a> j’ai bien conscience d’arriver après la bataille (littéralement…) et j’ai finalement publié ce billet pour me rappeler de ne plus le faire.</p>
  253. <p>Ensuite, ça crée un sentiment étrange où j’ai écris sur un truc, il y a des échanges dessus et je n’ai aucun moyen de faire un lien vers mon propre ressenti à ce sujet au moment de la discussion. C’est à la fois une grande frustration <em>et</em> aussi un moyen d’apaiser mes pensées à ce sujet en étant moins dans la réaction. Une forme de lâcher-prise.</p>
  254. <p>Il y a des coïncidences étranges qui se produisent d’une journée sur l’autre. Qui prennent une certaine consistance personnelle avec un recul d’une semaine, surtout dans une période un peu étrange où j’ai besoin de ce tampon pour parler du quotidien.</p>
  255. <p>Enfin, je prends parfois plus de temps pour approfondir certaines réflexions ou pour ajouter une citation <em>a posteriori</em> car j’ai davantage de latitude pour recopier des extraits de livres (et enlever les blagues pas drôles).</p>
  256. <p>Je vais continuer encore ainsi pour quelques temps, cette nouvelle <a href="/david/2021/01/29/" title="Routine">routine</a> me plait.</p>
  257. </details>
  258. <h2><a href="/david/2021/01/01/" title="Lien permanent vers cet article">PresQuotidien</a> (2021-01-01)</h2>
  259. <details>
  260. <summary>Déplier pour lire le contenu de la publication</summary>
  261. <blockquote>
  262. <p>L’expression convolutée des légalismes se développe autour de la nécessité de nous masquer à nous-mêmes la violence dont nous usons envers les autres. Entre le fait de priver un homme d’une heure de sa vie et celui de le priver de la vie, il n’existe qu’une différence de degré. Dans l’un comme dans l’autre cas, nous usons de violence, <mark>nous consommons son énergie</mark>. Des euphémismes élaborés peuvent dissimuler nos intentions meurtrières mais tout usage de puissance à l’encontre d’autrui se traduit par l’ultime assomption&nbsp;: «&nbsp;Je me nourris de votre énergie.&nbsp;»</p>
  263. <p><cite><em>L’Empereur Paul Muad’Dib&nbsp;: Ordre aux Conseils (Addenda)</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p>
  264. </blockquote>
  265. <p>J’avais envie de retourner à une publication <a href="/david/stream/2018/">quotidienne</a> pour 2021&nbsp;après du quasi-<a href="/david/stream/2019/">hebdomadaire en 2019</a> et <a href="/david/2020/">2020</a>. Les agrégations n’ayant pas toujours un lien entre elles, je me retrouvais à chercher des transitions pas terribles parfois. J’ai publié <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/2020/fragments">300&nbsp;fragments</a> en 2020, on s’approche de réflexions/réactions quotidiennes.</p>
  266. <p><strong>L’originalité que j’aimerais explorer cette année est de retarder la publication d’une semaine.</strong> Je commence avec ce tampon et il évoluera peut-être au cours de l’année. Je m’autorise à ne pas publier pendant certains jours et à «&nbsp;dépublier&nbsp;» si je trouve après la durée tampon que ça n’a plus grand intérêt. Cela ajoutera peut-être de la profondeur à ce qui est publié… ou alors ça me démotivera complètement (la publication instantanée est ma petite dose d’adrénaline post-écriture). On verra bien, les règles du jeu restent ouvertes.</p>
  267. <p>Une tentative de réacquérir mon temps (et le vôtre&#8239;?), encore une fois. Ménager des espaces de réactions et d’autres de créations. De l’éphémère et du permanent. De l’immédiat et de l’expérimental. Des espaces pour soi, d’autres en commun.</p>
  268. <p><em>Pour un web diversifié… et nourrissant.</em></p>
  269. <blockquote>
  270. <p>Digital nutrition is about developing and implementing cognitive skills and creating new habits to help us stay in control of our technology consumption.</p>
  271. <p><cite><em><a href="https://essays.uxdesign.cc/tech-diet/">The world needs a tech diet; here is how designers can help</a></em> (<a href="/david/cache/2021/3159c32fa194458a63b546ab789e8aed/">cache</a>)</cite></p>
  272. </blockquote>
  273. </details>
  274. </main>
  275. <hr>
  276. <footer>
  277. <p>
  278. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  279. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  280. </svg> Accueil</a> •
  281. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  282. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  283. </svg> Suivre</a> •
  284. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  285. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  286. </svg> Pro</a> •
  287. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  288. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  289. </svg> Email</a> •
  290. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  291. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  292. </svg> Légal</abbr>
  293. </p>
  294. <template id="theme-selector">
  295. <form>
  296. <fieldset>
  297. <legend><svg class="icon icon-brightness-contrast">
  298. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  299. </svg> Thème</legend>
  300. <label>
  301. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  302. </label>
  303. <label>
  304. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  305. </label>
  306. <label>
  307. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  308. </label>
  309. </fieldset>
  310. </form>
  311. </template>
  312. </footer>
  313. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  314. <script>
  315. function loadThemeForm(templateName) {
  316. const themeSelectorTemplate = document.querySelector(templateName)
  317. const form = themeSelectorTemplate.content.firstElementChild
  318. themeSelectorTemplate.replaceWith(form)
  319. form.addEventListener('change', (e) => {
  320. const chosenColorScheme = e.target.value
  321. localStorage.setItem('theme', chosenColorScheme)
  322. toggleTheme(chosenColorScheme)
  323. })
  324. const selectedTheme = localStorage.getItem('theme')
  325. if (selectedTheme && selectedTheme !== 'undefined') {
  326. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  327. }
  328. }
  329. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  330. window.addEventListener('load', () => {
  331. let hasDarkRules = false
  332. for (const styleSheet of Array.from(document.styleSheets)) {
  333. let mediaRules = []
  334. for (const cssRule of styleSheet.cssRules) {
  335. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  336. continue
  337. }
  338. // WARNING: Safari does not have/supports `conditionText`.
  339. if (cssRule.conditionText) {
  340. if (cssRule.conditionText !== prefersColorSchemeDark) {
  341. continue
  342. }
  343. } else {
  344. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  345. continue
  346. }
  347. }
  348. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  349. }
  350. // WARNING: do not try to insert a Rule to a styleSheet you are
  351. // currently iterating on, otherwise the browser will be stuck
  352. // in a infinite loop…
  353. for (const mediaRule of mediaRules) {
  354. styleSheet.insertRule(mediaRule.cssText)
  355. hasDarkRules = true
  356. }
  357. }
  358. if (hasDarkRules) {
  359. loadThemeForm('#theme-selector')
  360. }
  361. })
  362. </script>
  363. </body>
  364. </html>