Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 44KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506
  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 #écriture — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #écriture">
  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 #écriture</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/15/" title="Lien permanent vers cet article">Externaliser</a> (2021-12-15)</h2>
  75. <blockquote lang="en">
  76. <p>If I could transform these handwritten words into pixel words, then <mark>it wouldn’t be too hard to convert that into the HTML code for a website</mark>.</p>
  77. <p>I took a photo of the page with my phone, and eagerly fed the image into some software that could recognise handwriting.</p>
  78. <p>[…]</p>
  79. <p>I also built a basic editor that let me add links, images and headings to make the website more interesting.</p>
  80. <p>Can you build a website from a piece of paper? It seemed like it.</p>
  81. <p>Was it practical to use paper for a <em>real</em> website though? No idea.</p>
  82. <p><cite><em><a href="https://daily.tinyprojects.dev/paper_website">I blew $720&nbsp;on 100&nbsp;notebooks from Alibaba and started a Paper Website business</a></em> (<a href="/david/cache/2021/03231d16f7d9d5b1b79d5b8dbee036d7/">cache</a>)</cite></p>
  83. </blockquote>
  84. <p>C’est la même personne qui avait déjà <a href="/david/2021/03/15/" title="Partage">partagé</a> une <a href="https://tinyprojects.dev/projects/mailoji">autre expérience chouette</a> (<a href="/david/cache/2021/45af171610f986077420b27c2da46ec1/">cache</a>). J’aime bien le fait que ça soit moins technique que <a href="https://www.la-grange.net/2021/09/27/brievement">ce que proposait Karl</a> (<a href="/david/cache/2021/a788656928c6dc9e5313e3548fd1349b/">cache</a>). Et moins il y a de technique… moins ça gèle&nbsp;:-).</p>
  85. <p>En <a href="/david/2021/10/07/" title="Consigner">consignant</a> une idée, j’ai un moyen de m’en rappeler et je m’en libère à la fois. J’ai <a href="https://nota-bene.org/L-illusion-du-besoin">besoin</a> (<a href="/david/cache/2021/28ee87f803ccadb58dc707bada996443/">cache</a>) de l’externaliser pour pouvoir y échapper.</p>
  86. <p>Assez contre-intuitif, j’en conviens.</p>
  87. <h2><a href="/david/2021/12/08/" title="Lien permanent vers cet article">Stream</a> (2021-12-08)</h2>
  88. <blockquote lang="en">
  89. <p>I do sometimes ask myself if it’s time to change. I often wonder if I should merge my Stream and Articles into one main channel? I wonder that because, to a certain extent, the Stream has met its purpose; <mark>it’s taught me to think differently about what I write and share</mark>, made me feel that I can share more, and given me the confidence to do what I want on my site, and to do that as much or as little as necessary. It’s my playground, and there are no rules.</p>
  90. <p><cite><em><a href="https://colly.com/articles/stream-on">Stream on</a></em> (<a href="/david/cache/2021/418e55cca386afcdb4b14677c9706e5d/">cache</a>)</cite></p>
  91. </blockquote>
  92. <p>En fin d’année, j’ai toujours cette prise de recul sur ce que je pourrais inventer pour l’année suivante en terme de publication. J’ai inlassablement cet appel à publier moins mais mieux et plus long. Et en parallèle cette crainte qu’une rupture dans la régularité fasse sécher l’encre — toute numérique soit-elle — pour longtemps. Je crois que je préfère la pression diluée de la publication quotidienne pour l’instant.</p>
  93. <p>Le court, le long, le profond, le superficiel, tout cela est très relatif. Il suffit parfois de la bonne phrase au bon moment pour (faire) tirer un nouveau fil d’idées ou pour générer un nouveau ricochet ailleurs. L’autre jour, <a href="https://nota-bene.org/">Stéphane</a> m’invitait indirectement à relire une <a href="/david/blog/2014/un-web-omni-present/">vieille entrée</a> et j’étais rétrospectivement content d’avoir pris le temps, à l’époque, de rédiger cela.</p>
  94. <p><em>Note&nbsp;: un intérêt des <a href="/david/talks/">interventions publiques</a> était de me forcer à un instant donné à creuser un sujet ou une intuition un peu plus en profondeur. Quelle équivalence <a href="/david/2021/10/05/" title="Conférences 2">aujourd’hui</a>&#8239;?</em></p>
  95. <p>Après avoir fait du <a href="/david/stream/2018/">quotidien en 2018</a>, de l’<a href="/david/stream/2019/">hebdomadaire en 2019</a>, puis <a href="/david/2020/">en 2020</a> et être revenu à du <a href="/david/2021/">quotidien en 2021</a>, peut-être que je suis suffisamment en confiance pour envisager un rythme plus chaotique&#8239;?</p>
  96. <p>Ou pas.</p>
  97. <p>En attendant de faire ce choix, je me nourris des réflexions des autres à ce sujet. Et j’ai toujours cette <a href="/david/2021/12/04/" title="Colophon">idée de produit</a> qui tourne en tâche de fond. Mes récentes tentatives d’utiliser ActivityStream se sont <a href="/david/2021/07/13/" title="ActivityStreams">encore une fois</a> soldées par des échecs cuisants. Je crois qu’il vaudrait mieux que je commence par expérimenter l’usage en partant d’une publication statique que je maîtrise. Mine de rien, avec l’<a href="/david/2021/12/02/" title="Tags">ajout des étiquettes</a>, je m’en approche pas mal sur cet espace.</p>
  98. <blockquote lang="en">
  99. <p>Tagging = curating</p>
  100. <p>My favourite feature is tagging, which works incredibly well because the entire post is visible (no clicking through to read the whole thing). In some cases, tags create a multi-part article or diary, sometimes more of a photo essay or research thread. For example, the tag garden project neatly documents last year’s evolving garden renovation.</p>
  101. <p><cite><em>Ibid.</em></cite></p>
  102. </blockquote>
  103. <h2><a href="/david/2021/11/08/" title="Lien permanent vers cet article">Écriture</a> (2021-11-08)</h2>
  104. <blockquote>
  105. <p>La question est de savoir ce qui reste de la capacité de fiction quand toutes les histoires se publient sans friction et quand seules les frictions semblent capables de «&nbsp;faire histoire&nbsp;» dans le débat public.</p>
  106. <p>[…]</p>
  107. <p>La vitesse de ces enchaînements déterminés algorithmiquement dans le seul but de fabriquer des routines d’aliénation scopique, <mark>cette capacité à ne valoriser le court que tant qu’il concourt à fabriquer de l’artificiellement long en continu</mark>, ce refus total et programmatique du discontinu, cela interroge aujourd’hui notre capacité plus globale, plus politique, à nous confronter à des régimes narratifs nécessitant d’articuler le temps long comme autre chose que la simple agrégation de séquences courtes.</p>
  108. <p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/11/le-temps-de-faire-pus-court.html">Je n’ai pas eu le temps de faire plus court.</a></em> (<a href="/david/cache/2021/4801845e14d06e498d20118977d6c334/">cache</a>)</cite></p>
  109. </blockquote>
  110. <p>De l’importance de l’élément perturbateur, de son récit, du rythme imposé par les plateformes, encore un billet bien touffu et nécessaire d’Olivier Ertzscheid.</p>
  111. <p>L’injonction au court(-termisme).</p>
  112. <blockquote lang="en">
  113. <p>There are 2&nbsp;things I have come to believe about writing:</p>
  114. <ol>
  115. <li>The average person should write 5x more things than they do.</li>
  116. <li>The average written thing should be 5x shorter than it is.</li>
  117. </ol>
  118. <p><cite><em><a href="https://critter.blog/2020/10/02/write-5x-more-but-write-5x-less/">Write 5x more but write 5x less</a></em> (<a href="/david/cache/2021/0a106edc34e0e32ff31371309ceb668a/">cache</a>)</cite></p>
  119. </blockquote>
  120. <h2><a href="/david/2021/11/05/" title="Lien permanent vers cet article">Palimpseste</a> (2021-11-05)</h2>
  121. <details>
  122. <summary>Déplier pour lire le contenu de la publication</summary>
  123. <blockquote>
  124. <p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p>
  125. </blockquote>
  126. <p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p>
  127. <p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p>
  128. <p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p>
  129. <p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois&#8239;!).</p>
  130. <p><mark>Une semaine plus tard</mark>&nbsp;: je suis le seul participant 😅.</p>
  131. <hr />
  132. <blockquote lang="en">
  133. <p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p>
  134. <p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p>
  135. </blockquote>
  136. <p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité&#8239;?</p>
  137. </details>
  138. <h2><a href="/david/2021/10/07/" title="Lien permanent vers cet article">Consigner</a> (2021-10-07)</h2>
  139. <details>
  140. <summary>Déplier pour lire le contenu de la publication</summary>
  141. <blockquote lang="en">
  142. <p>When you “P2” something, you’re writing a blog post, where you can tag in coworkers and cross-post to other P2s. What do teams use P2s for? Absolutely everything. Checklists for onboarding, status reports on projects, thoughts about detailing projects, discussions about best coding practices, architectural diagrams, marketing data analyses, and more. The best part is that the entire company’s history of P2s is available to search through. Also, you can subscribe to literally any P2, and comment on it as necessary, starting with your own team’s.</p>
  143. <p>Why P2s? Because they capture fleeting one-off written communication: <mark>you can read a P2&nbsp;at your own speed, in your own timezone</mark>, which is key since we operate across all timezones.</p>
  144. <p><cite><em><a href="https://veekaybee.github.io/2021/07/17/p2s/">Writing for distributed teams</a></em> (<a href="/david/cache/2021/83fa7f0f8105aa10ffc88555f5699f1c/">cache</a>)</cite></p>
  145. </blockquote>
  146. <p>On a essayé pas mal de chose avec Scopyleft pour garder des traces de discussions, de décisions, avec toujours cette frustration personnelle que le résultat est à l’image de la personne qui prend le temps de consigner cette histoire. La difficulté d’une écriture commune est réelle et je me sen(tai)s un peu démuni face à ce dilemme d’avoir envie (besoin&#8239;?) de retenir des choses tout en n’assumant pas de devenir le scribe officiel. On se retrouve avec une base de connaissance éclatée dans laquelle il est difficile de (re)trouver une information.</p>
  147. <p>La solution mise en place par Automattic (avec un <a href="https://ma.tt/2009/05/how-p2-changed-automattic/">recul non négligeable</a> (<a href="/david/cache/2021/e14051435f3a2513d136df430ae973b3/">cache</a>)), à mi-chemin entre le blog et l’interactivité d’un réseau social est vraiment alléchante. Suffisamment pour me faire envisager de coder un truc à ce sujet. J’imagine déjà une version distribuée (re-coucou le fédiverse) qui permettrait de rendre certaines parties publiques, voire des interactions inter-structures sur des projets communs. Une forme de <a href="/david/2020/12/13/#journal">journalisation interactive</a> avec des droits d’accès relativement fins.</p>
  148. <p>Il n’y a pas eu une seule discussion utilisateur·ice et il y a déjà une montagne de fonctionnalités, ça fait une éternité que je n’avais pas parlé de <em>vaporware</em> par ici&nbsp;:-).</p>
  149. <p>Si vous vous demandez à quoi ressemble P2, il y a une <a href="https://videopress.com/v/YYNW9iSj">vidéo en action ici</a> et le seul espace que je connaisse dans la nature est <a href="http://mtlcityweblog.com/">au sujet de Montréal</a>. J’aime notamment que les nouvelles entrées soient mises en surbrillance et disparaissent au <em>scroll</em>, à l’usage c’est pertinent.</p>
  150. <blockquote lang="en">
  151. <p>Conversations on P2s take place in line, update in real time, and provide space for threaded replies. We’ve stuck with P2&nbsp;for years now, and it has ultimately evolved into a rich source of institutional wisdom and collective company memory.</p>
  152. <p>[…]</p>
  153. <p>At its core, P2&nbsp;is organized, searchable knowledge. For example, we write up notes from every meeting, and tag attendees by name. I can search for any person’s name tag and pull up all conversation history related to the individual in question. <mark>It’s an invaluable resource.</mark></p>
  154. <p><cite><em><a href="https://distributed.blog/2020/06/18/distributed-faq-p2-automattic/">Distributed FAQ: How Did P2&nbsp;Become Automattic’s Signature Mode of Communication?</a></em> (<a href="/david/cache/2021/92cd5096092b0f66b72ad6e4084c17e4/">cache</a>)</cite></p>
  155. </blockquote>
  156. </details>
  157. <h2><a href="/david/2021/09/29/" title="Lien permanent vers cet article">Lenteur</a> (2021-09-29)</h2>
  158. <details>
  159. <summary>Déplier pour lire le contenu de la publication</summary>
  160. <blockquote>
  161. <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>
  162. <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>
  163. </blockquote>
  164. <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>
  165. <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>
  166. <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>
  167. </details>
  168. <h2><a href="/david/2021/06/30/" title="Lien permanent vers cet article">Six mois</a> (2021-06-30)</h2>
  169. <details>
  170. <summary>Déplier pour lire le contenu de la publication</summary>
  171. <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>
  172. <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>
  173. <p>C’est vraiment bon de réussir à écrire.</p>
  174. </details>
  175. <h2><a href="/david/2021/03/20/" title="Lien permanent vers cet article">Manuel</a> (2021-03-20)</h2>
  176. <details>
  177. <summary>Déplier pour lire le contenu de la publication</summary>
  178. <blockquote lang="en">
  179. <p>I’ve created a <mark>user manual about myself</mark> and I’d love to hear what other questions people think should be included in something like this. I also think there should be a caveat that this is done knowing that not all your needs and preferences can be met, but there is still value in making them explicit for those you work with.</p>
  180. <p><cite><em><a href="https://cassierobinson.medium.com/a-user-manual-for-me-d3a851fbc694">A user manual for me</a></em> (<a href="/david/cache/2021/720b1db6efb78ef6790594ad1a8b7980/">cache</a>)</cite></p>
  181. </blockquote>
  182. <p>Je découvre cet article <a href="https://numerique.canada.ca/2018/08/21/collaboration-productive/">via le SNC</a> (<a href="/david/cache/2021/7405ceb4a34705e65bc5ccc4f025a0b8/">cache</a>) qui propose la <a href="https://docs.google.com/presentation/d/1KNNLKtFYoLOdTZ5Ez0ZBXwDGcZNB7AcfKr-4iMNF5L0/edit#slide=id.g3fd0daa6c4_0_0">version traduite</a> suivante&nbsp;:</p>
  183. <ul>
  184. <li>les conditions dans lesquelles j’aime travailler&#8239;;</li>
  185. <li>les heures et les moments de la journée pendant lesquels j’aime travailler&#8239;;</li>
  186. <li>les meilleures façons de communiquer avec moi&#8239;;</li>
  187. <li>les façons dont j’aimerais recevoir des commentaires&#8239;;</li>
  188. <li>les choses dont j’ai besoin&#8239;;</li>
  189. <li>les choses avec lesquelles j’ai de la difficulté&#8239;;</li>
  190. <li>les choses que j’aime&#8239;;</li>
  191. <li>les autres choses à savoir à mon sujet.</li>
  192. </ul>
  193. <p>J’aime le fait de pouvoir afficher cela de manière aussi explicite dans son équipe. Je vais essayer de rédiger mon propre manuel.</p>
  194. </details>
  195. <h2><a href="/david/2021/03/07/" title="Lien permanent vers cet article">@World</a> (2021-03-07)</h2>
  196. <details>
  197. <summary>Déplier pour lire le contenu de la publication</summary>
  198. <blockquote lang="en">
  199. <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>
  200. <p>[…]</p>
  201. <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>
  202. <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>
  203. </blockquote>
  204. <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>
  205. <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>
  206. <p>J’ai besoin de laisser mûrir cette idée.</p>
  207. </details>
  208. <h2><a href="/david/2021/02/28/" title="Lien permanent vers cet article">Constance</a> (2021-02-28)</h2>
  209. <details>
  210. <summary>Déplier pour lire le contenu de la publication</summary>
  211. <p>L’une des choses que me procure l’écriture quotidienne (et que j’avais oubliée) c’est de réduire drastiquement la pression au niveau de la qualité de ce qui est partagé. Sur un tel flux, il y a forcément des inégalités de pertinence et je ne peux que l’accepter — ou renoncer. C’est un excellent moyen de lâcher prise sur l’un de mes principaux blocages liés à l’écriture, en ajoutant ce qu’il faut de bruit je me crée un espace vivant, en <a href="/david/2021/01/24/" title="Négativité">retranchant</a> ce qu’il faut d’attention pour ne pas créer une bulle mortifère.</p>
  212. <blockquote>
  213. <p>Dans une telle cacophonie informationnelle qui nous plonge, bon gré mal gré, dans une situation de cocktail mondial, qu’est-ce qui va retenir notre attention&#8239;? Quelles sont les propositions qui vont capter notre précieux temps de cerveau disponible&#8239;? Quels sont les produits cognitifs qui auront un avantage concurrentiel sur ce marché de l’information devenu métastasé&#8239;?</p>
  214. <p><cite><em><a href="https://theconversation.com/bonnes-feuilles-apocalypse-cognitive-155247">Bonnes feuilles&nbsp;: «&nbsp;Apocalypse cognitive&nbsp;»</a></em> (<a href="/david/cache/2021/127326e70c4f151132af72e4b0a5827b/">cache</a>)</cite></p>
  215. </blockquote>
  216. </details>
  217. <h2><a href="/david/2021/02/27/" title="Lien permanent vers cet article">Culpabilité</a> (2021-02-27)</h2>
  218. <details>
  219. <summary>Déplier pour lire le contenu de la publication</summary>
  220. <blockquote>
  221. <p>Une mentalité hiérarchique favorise le renoncement aux plaisirs de la vie. Elle justifie le labeur, la culpabilité et le sacrifice des «&nbsp;inférieurs&nbsp;», et le plaisir et la satisfaction indulgente de presque tous les caprices de leurs «&nbsp;supérieurs&nbsp;». […] Cette mentalité imprègne nos esprits individuels sous une forme cumulative jusqu’à aujourd’hui — non seulement sous la forme du capitalisme, mais aussi en tant que vaste histoire de la société hiérarchique depuis ses débuts.<br />
  222. Si nous n’explorons pas cette histoire, qui vit activement en nous comme les phases précédentes de notre vie individuelle, nous ne seront jamais libérés de son emprise. <mark>Nous pouvons éliminer l’injustice sociale, mais nous ne parviendront pas à la liberté sociale.</mark> Nous pouvons éliminer les classes et l’exploitation, mais nous ne serons pas épargnés par les entraves de la hiérarchie et de la domination. Nous pouvons exorciser l’esprit de profit et d’accumulation de nos psychés, mais nous seront toujours accablés par la culpabilité, le renoncement et une croyance subtile dans les «&nbsp;vices&nbsp;» de la sensualité.</p>
  223. <p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p>
  224. </blockquote>
  225. <p>Ce n’est pas la première fois que l’on me fait la remarque que mes écrits sont empreints de culpabilité. <em>Et c’est vrai.</em> Je ne sais pas à quel point cela est lié à ma culture (mes cultures&#8239;?) et j’admire les personnes qui sont capables d’accepter leurs privilèges sans ressentir de culpabilité. Peut-être que <a href="/david/2021/02/26/" title="Disponibilité">le partage et la diffusion</a> sont une forme d’acceptation&#8239;? Ou au moins une intention de rééquilibrage.</p>
  226. <p>Est-ce que les privilèges peuvent véritablement ruisseler&#8239;? À quel point est-ce que parler de ces choses-là me met une fois de plus en avant&#8239;? Comment faire pour que mon bruit ne rendent pas silencieux·ses celleux qui ont besoin de faire entendre leurs voix&#8239;?</p>
  227. <blockquote>
  228. <p>J’ai lu pas mal de messages contradictoires à ce sujet. D’un côté, il y a des militant·es qui demandent à ce <strong>que l’on ne s’empare pas des oppressions dont on ne fait pas soi-même l’expérience</strong>, pour ne pas faire d’ombre aux personnes concernées, dont les voix ont déjà du mal à porter.</p>
  229. <p>D’autres militant·es estiment au contraire <strong>que c’est aux personnes détentrices d’un privilège d’éduquer leurs pairs</strong>, afin de soulager la charge mentale des personnes concernées, fatiguées de devoir faire ce travail pédagogique permanent.</p>
  230. <p><mark>J’ai encore du mal à trouver l’équilibre.</mark> Amplifier la voix des personnes concernées me semble indispensable, et j’ai l’impression de le faire quand je partage des contenus qu’elles ont créés.</p>
  231. <p>Mais, malgré ma volonté de multiplier les points de vue et les représentations, il y a un paquet d’angles morts dans ce que je choisis de partager.</p>
  232. <p><cite><em><a href="https://lalunemauve.fr/emois-en-photos-annee-blanche-annee-noire-2-distance/">Émois en photos&nbsp;: année blanche, année noire - 2&nbsp;: distance</a></em> (<a href="/david/cache/2021/03efcc832beba4212f70128850c9fe1f/">cache</a>)</cite></p>
  233. </blockquote>
  234. </details>
  235. <h2><a href="/david/2021/02/15/" title="Lien permanent vers cet article">Comptabilité</a> (2021-02-15)</h2>
  236. <details>
  237. <summary>Déplier pour lire le contenu de la publication</summary>
  238. <p>Je me rends compte que j’ai de plus en plus envie/besoin de compter ce que coûtent certaines choses. J’avais commencé avec la <a href="http://tmp.larlet.fr/ccmc/">voiture achetée en octobre dernier</a> (OK, c’était aussi pour tester TailwindCSS, j’en reparlerai). Je me demande si je ne vais pas faire un truc du même acabit pour le matériel vidéo, une façon de mieux prendre conscience de la valeur des choses.</p>
  239. <p><em>Je dois vieillir aussi…</em></p>
  240. <p>Mais bon tout ça, c’était juste pour planter le contexte. Je suis confronté à des soucis techniques avec ces représentations. Je pourrais mettre ça dans une feuille de calcul mais ça serait me trahir un peu. Les tableaux en HTML c’est quand même pas terrible en terme d’édition/visualisation et en markdown ça demande d’avoir recours à des <a href="https://www.tablesgenerator.com/markdown_tables">outils externes</a> également pour que ça reste lisible. Oh et aussi, j’ai la contrainte que ce soit un brin dynamique — par exemple pour calculer un poids d’équipement, au hasard. Idéalement que ça me fasse la somme des colonnes numériques (peut-être au choix de l’utilisateur·ice&#8239;?).</p>
  241. <p>J’avais besoin de noter ceci quelque part, comme un point de départ. En l’exprimant, je me dis que quelques lignes de JavaScript sur un tableau pourraient faire l’affaire ou alors je tente <a href="https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/">un truc complètement fou</a>. Si vous avez d’autres idées/propositions, je prends.</p>
  242. </details>
  243. <h2><a href="/david/2021/02/01/" title="Lien permanent vers cet article">Software</a> (2021-02-01)</h2>
  244. <details>
  245. <summary>Déplier pour lire le contenu de la publication</summary>
  246. <blockquote lang="en">
  247. <p>The right coding language, system architecture, or interface design will vary wildly from project to project. But <mark>there are characteristics particular to software that consistently cause traditional management practices to fail</mark>, while allowing small startups to succeed with a shoestring budget:</p>
  248. <ul>
  249. <li>Reusing good software is easy; it is what allows you to build good things quickly;</li>
  250. <li>Software is limited not by the amount of resources put into building it, but by how complex it can get before it breaks down; and</li>
  251. <li>The main value in software is not the code produced, but the knowledge accumulated by the people who produced it.</li>
  252. </ul>
  253. <p>Understanding these characteristics may not guarantee good outcomes, but it does help clarify why so many projects produce bad outcomes.</p>
  254. <p><cite><em><a href="https://www.csc.gov.sg/articles/how-to-build-good-software">How to Build Good Software</a></em> (<a href="/david/cache/2021/6be8b8649cd695b922a43d15f74d4773/">cache</a>)</cite></p>
  255. </blockquote>
  256. <p>Deux articles lus ce jour qui sont totalement dans mes réflexions du moment. Avoir de l’expérience dans le domaine dans lequel j’évolue, c’est se demander pourquoi est-ce qu’on y est encore et si on a vraiment appris un truc après toutes ces années. J’ai beaucoup de mal à répondre à ces deux questions, les réponses se mordent la queue et ça me donne parfois l’impression de tourner en rond.</p>
  257. <p>Mon activité (rémunérée) est un chaos. Et le seul moyen que j’ai trouvé de le rendre acceptable est de le réduire. Moins de dépendances, moins de hiérarchie, moins de variables, moins de boîtes noires. D’une certaine manière, moins d’attentes aussi.</p>
  258. <p>Une autre exploration est de <a href="/david/2020/12/13/#journal">consigner</a> mes doutes, mes motivations, mes erreurs, mes joies. Je n’ai aucune illusion quand au fait de reproduire ces expériences plus ou moins mal·heureuses — même après les avoir écrites — mais le fait de les avoir formulées, externalisées, est déjà une étape dans leur acceptation. Ainsi que les émotions qui vont avec.</p>
  259. <p>Je me demande rarement si je suis un «&nbsp;vrai&nbsp;» ingénieur. Je me demande davantage si je deviens un vrai humain à continuer cette activité. C’est peut-être ceci l’expérience&nbsp;: douter de plus en plus de l’utilité de ce que l’on produit… et de la façon d’y parvenir.</p>
  260. <blockquote lang="en">
  261. <p>Nobody I read in these arguments, not one single person, ever worked as a “real” engineer. At best they had some classical training in the classroom, but we all know that looks nothing like reality. <mark>Nobody in this debate had anything more than stereotypes to work with.</mark> The difference between the engineering in our heads and in reality has been noticed by others before, most visibly by Glenn Vanderburg. He read books on engineering to figure out the difference. But I wanted to go further.</p>
  262. <p><cite><em><a href="https://www.hillelwayne.com/post/crossover-project/are-we-really-engineers/">Are We Really Engineers?</a></em> (<a href="/david/cache/2021/6514143dca5d96bf9e751236b800fba5/">cache</a>)</cite></p>
  263. </blockquote>
  264. </details>
  265. <h2><a href="/david/2021/01/31/" title="Lien permanent vers cet article">Meta</a> (2021-01-31)</h2>
  266. <details>
  267. <summary>Déplier pour lire le contenu de la publication</summary>
  268. <blockquote>
  269. <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>
  270. <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>
  271. </blockquote>
  272. <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>
  273. <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>
  274. <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>
  275. <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>
  276. <p>Je vais continuer encore ainsi pour quelques temps, cette nouvelle <a href="/david/2021/01/29/" title="Routine">routine</a> me plait.</p>
  277. </details>
  278. <h2><a href="/david/2021/01/01/" title="Lien permanent vers cet article">PresQuotidien</a> (2021-01-01)</h2>
  279. <details>
  280. <summary>Déplier pour lire le contenu de la publication</summary>
  281. <blockquote>
  282. <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>
  283. <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>
  284. </blockquote>
  285. <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>
  286. <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>
  287. <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>
  288. <p><em>Pour un web diversifié… et nourrissant.</em></p>
  289. <blockquote>
  290. <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>
  291. <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>
  292. </blockquote>
  293. </details>
  294. </main>
  295. <hr>
  296. <footer>
  297. <p>
  298. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  299. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  300. </svg> Accueil</a> •
  301. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  302. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  303. </svg> Suivre</a> •
  304. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  305. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  306. </svg> Pro</a> •
  307. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  308. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  309. </svg> Email</a> •
  310. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  311. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  312. </svg> Légal</abbr>
  313. </p>
  314. <template id="theme-selector">
  315. <form>
  316. <fieldset>
  317. <legend><svg class="icon icon-brightness-contrast">
  318. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  319. </svg> Thème</legend>
  320. <label>
  321. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  322. </label>
  323. <label>
  324. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  325. </label>
  326. <label>
  327. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  328. </label>
  329. </fieldset>
  330. </form>
  331. </template>
  332. </footer>
  333. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  334. <script>
  335. function loadThemeForm(templateName) {
  336. const themeSelectorTemplate = document.querySelector(templateName)
  337. const form = themeSelectorTemplate.content.firstElementChild
  338. themeSelectorTemplate.replaceWith(form)
  339. form.addEventListener('change', (e) => {
  340. const chosenColorScheme = e.target.value
  341. localStorage.setItem('theme', chosenColorScheme)
  342. toggleTheme(chosenColorScheme)
  343. })
  344. const selectedTheme = localStorage.getItem('theme')
  345. if (selectedTheme && selectedTheme !== 'undefined') {
  346. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  347. }
  348. }
  349. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  350. window.addEventListener('load', () => {
  351. let hasDarkRules = false
  352. for (const styleSheet of Array.from(document.styleSheets)) {
  353. let mediaRules = []
  354. for (const cssRule of styleSheet.cssRules) {
  355. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  356. continue
  357. }
  358. // WARNING: Safari does not have/supports `conditionText`.
  359. if (cssRule.conditionText) {
  360. if (cssRule.conditionText !== prefersColorSchemeDark) {
  361. continue
  362. }
  363. } else {
  364. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  365. continue
  366. }
  367. }
  368. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  369. }
  370. // WARNING: do not try to insert a Rule to a styleSheet you are
  371. // currently iterating on, otherwise the browser will be stuck
  372. // in a infinite loop…
  373. for (const mediaRule of mediaRules) {
  374. styleSheet.insertRule(mediaRule.cssText)
  375. hasDarkRules = true
  376. }
  377. }
  378. if (hasDarkRules) {
  379. loadThemeForm('#theme-selector')
  380. }
  381. })
  382. </script>
  383. </body>
  384. </html>