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

index.html 106KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480
  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>
  13. Étiquette #psychologie
  14. — David Larlet</title>
  15. <script>
  16. function toggleTheme(themeName) {
  17. document.documentElement.classList.toggle(
  18. 'forced-dark',
  19. themeName === 'dark'
  20. )
  21. document.documentElement.classList.toggle(
  22. 'forced-light',
  23. themeName === 'light'
  24. )
  25. }
  26. const selectedTheme = localStorage.getItem('theme')
  27. if (selectedTheme !== 'undefined') {
  28. toggleTheme(selectedTheme)
  29. }
  30. </script>
  31. <!-- Documented, feel free to shoot an email. -->
  32. <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  33. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  34. <link rel="preload"
  35. href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
  36. as="font"
  37. type="font/woff2"
  38. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  39. crossorigin>
  40. <link rel="preload"
  41. href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
  42. as="font"
  43. type="font/woff2"
  44. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  45. crossorigin>
  46. <link rel="preload"
  47. href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
  48. as="font"
  49. type="font/woff2"
  50. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  51. crossorigin>
  52. <link rel="preload"
  53. href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
  54. as="font"
  55. type="font/woff2"
  56. media="(prefers-color-scheme: dark)"
  57. crossorigin>
  58. <link rel="preload"
  59. href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
  60. as="font"
  61. type="font/woff2"
  62. media="(prefers-color-scheme: dark)"
  63. crossorigin>
  64. <link rel="preload"
  65. href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
  66. as="font"
  67. type="font/woff2"
  68. media="(prefers-color-scheme: dark)"
  69. crossorigin>
  70. <meta name="description" content="Publications relatives au tag #psychologie">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow…
  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body data-instant-intensity="viewport-all">
  111. <article>
  112. <header>
  113. <hgroup>
  114. <h1>#psychologie</h1>
  115. <p>Publications relatives à cette étiquette</p>
  116. </hgroup>
  117. </header>
  118. <nav>
  119. <p>
  120. <a href="/david/" title="Aller à l’accueil">
  121. Accueil</a>
  122. <a rel="tags"
  123. href="/david/2024/#tags"
  124. title="Liste de toutes les étiquettes">
  125. Étiquettes</a>
  126. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  127. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  128. </p>
  129. </nav>
  130. <h2>
  131. <a href="/david/2024/05/13/" title="Lien permanent vers cet article">Tensions</a> <time datetime="2024-05-13">13 mai 2024</time>
  132. </h2>
  133. <blockquote>
  134. <p>Décadence sans cesse accentuée, dont on peut mesurer les résultats&nbsp;: toutes les souffrances dont l’humanité a été la victime peuvent être imputées au seul fait que, dans toute l’histoire de la Galaxie, nul homme, avant Hari Seldon et quelques rares disciples après lui, ne fut véritablement capable de comprendre son semblable. <mark>Chaque être humain vivait derrière un mur impénétrable, un brouillard étouffant, en dehors duquel nul autre que lui n’existait.</mark> Parfois, quelques faibles signaux émergeaient des ténèbres de la profonde caverne où chacun se trouvait enfoui et leurs mains d’aveugles se rapprochaient les unes des autres, à tâtons. Et cependant, parce qu’ils ne se connaissaient pas l’un l’autre, parce qu’ils ne pouvaient se comprendre, parce qu’ils n’osaient pas se faire mutuellement confiance et nourrissaient depuis leur plus tendre enfance les terreurs et l’insécurité nées de cet ultime isolement, ils éprouvaient cette crainte de l’homme traqué par l’homme, cette sauvage rapacité de l’homme pour&nbsp;l’homme.</p>
  135. <p>Pendant des dizaines de milliers d’années, les pieds avaient foulé cette boue qui collait à leurs semelles et maintenait au niveau du cloaque leurs âmes qui, pendant un temps équivalent, avaient été dignes de la fraternité des&nbsp;étoiles.</p>
  136. <p>D’instinct, l’Homme avait pourtant tout tenté pour s’affranchir du langage articulé. La sémantique, la logique symbolique, la psychanalyse&nbsp;: autant de méthodes par lesquelles il avait été possible d’affiner, voire de transcender la&nbsp;parole.</p>
  137. <p><cite><em>Fondation 1</em>, Isaac Asimov, traduit de l’américain par Jean Rosenthal et Pierre Billon, complété et harmonisé par Philippe&nbsp;Gindre</cite></p>
  138. </blockquote>
  139. <p>Les tensions sont un gros frein à l’écriture dans mon cas. Même si je parle de choses assez intimes par ici, je n’oserais pas exposer l’intimité des autres. D’autant qu’il s’agirait de ma <a href="/david/2024/05/12/" title="Alien">propre</a> interprétation de notre&nbsp;communication.</p>
  140. <p><em>Alors comment&nbsp;faire&#8239;?</em></p>
  141. <p>Ce sont aussi des moments où il m’est difficile d’écrire sur quelque chose d’autre en attendant que ça passe/évolue. Je vais essayer de garder cette délicatesse en me confinant au silence pour&nbsp;l’instant.</p>
  142. <p>PS&nbsp;: j’essaye de déguster cette première lecture de <a href="/david/2024/04/13/" title="Fondation">Fondation</a>&nbsp;😋.</p>
  143. <blockquote>
  144. <p>«&nbsp;[…] Vos professeurs n’ont plus rien à vous apprendre, désormais. Le moment est venu pour vous, et quelques-uns de vos condisciples, de commencer votre apprentissage. Tout vous destine à&nbsp;l’Oratoriat.&nbsp;»</p>
  145. <p>Mouvements divers de l’autre côté de la&nbsp;table.</p>
  146. <p>«&nbsp;Voyons, voyons, reprenez votre sang-froid. Vous aviez formé l’espoir de vous qualifier pour ce poste. Vous avez craint de ne pas posséder les qualités requises. En réalité, l’espoir et la peur sont des faiblesses. Vous saviez parfaitement que vos capacités étaient suffisantes, et cependant vous hésitez à l’admettre, dans la crainte d’être taxé de présomption, ce qui serait une cause d’élimination.<br />
  147. Ça n’a aucun sens&#8239;! L’homme le plus stupide est celui qui n’est pas conscient de sa sagesse. La conscience même que vous avez de vos qualités n’est qu’un point de plus en votre&nbsp;faveur.&nbsp;»</p>
  148. <p>Détente de l’autre côté de la&nbsp;table.</p>
  149. <p>«&nbsp;Exactement. Maintenant vous vous sentez mieux et vous avez abaissé votre garde. Vous êtes plus apte à vous concentrer et plus apte à comprendre. <mark>Souvenez-vous que, pour atteindre à une véritable efficacité, il n’est pas nécessaire de maintenir votre esprit enfermé sous une chape de plomb.</mark> De vous trouver ainsi sur la défensive, un sondeur mental avisé tirera autant d’enseignements que si vous lui livriez un esprit sans défense. J’estime au contraire qu’il sied de cultiver une innocence, une conscience de ses atouts personnels, une candeur consciente et sans égoïsme qui ne laisse plus rien de caché. Mon esprit vous est largement ouvert. Qu’il en soit de même pour chacun de&nbsp;nous.</p>
  150. <p>«&nbsp;Ce n’est pas chose facile que d’être orateur, poursuivit-il. Avant tout, il n’est pas aisé d’être psychohistorien, et le meilleur des psychohistoriens ne possède pas nécessairement les qualités requises pour faire un bon Orateur. Il existe à ce point de vue une distinction. Un Orateur doit non seulement être rompu aux subtilités mathématiques du plan Seldon, mais avoir foi en lui et en ses destinées. Il doit aimer le Plan d’un amour sincère et sans partage. […]&nbsp;»</p>
  151. <p><cite><em>Fondation 1</em>, Isaac Asimov, traduit de l’américain par Jean Rosenthal et Pierre Billon, complété et harmonisé par Philippe&nbsp;Gindre</cite></p>
  152. </blockquote>
  153. <nav>
  154. <p>
  155. <a href="/david/2024/ecriture/"
  156. title="Liste de tous les articles 2024 associés à cette étiquette"
  157. rel="tag">#écriture</a>
  158. <a href="/david/2024/lecture/"
  159. title="Liste de tous les articles 2024 associés à cette étiquette"
  160. rel="tag">#lecture</a>
  161. <a href="/david/2024/psychologie/"
  162. title="Liste de tous les articles 2024 associés à cette étiquette"
  163. rel="tag">#psychologie</a>
  164. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  165. </p>
  166. </nav>
  167. <h2>
  168. <a href="/david/2024/05/12/" title="Lien permanent vers cet article">Alien</a> <time datetime="2024-05-12">12 mai 2024</time>
  169. </h2>
  170. <blockquote lang="en">
  171. <p>So I’ve always felt like I was an alien (not joking) since I was a small kid. I kept wishing that a spaceship would bring me back to my home&nbsp;planet.</p>
  172. <p><cite><em><a data-link-domain="winnielim.org" href="https://winnielim.org/journal/am-i-actually-autistic/" hreflang="en"
  173. title="Consultation de l’article (anglais)">am i actually autistic?</a>
  174. <a href="/david/cache/2024/865fc8257c3ca8577312b09ee24d4c6d/" hreflang="en"
  175. data-tippy data-description="Recently I chanced upon a tweet stating that highly sensitive persons (HSPs) are basically autistic without admitting it. It surprised me, since the traits of HSPs as I know it seem to be the opposite of stereotypical autistic traits. A couple of decades ago I identified as a HSP, but I somewhat grew out of it before..."
  176. data-source="https://winnielim.org/journal/am-i-actually-autistic/"
  177. data-date="2024-05-13"
  178. data-favicon="https://winnielim.org/favicon.ico"
  179. data-domain="winnielim.org"
  180. ><svg xmlns="http://www.w3.org/2000/svg"
  181. width="24" height="24" viewBox="0 0 24 24" fill="none"
  182. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  183. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  184. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  185. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  186. </svg>
  187. <span class="sr-only">[archive]</span></a></em></cite></p>
  188. </blockquote>
  189. <p>Il y a beaucoup de points de cet article de Winnie Lim qui résonnent fort avec <a href="/david/blog/2017/spectre-autisme/">mes propres</a> sensations et handicaps. J’emploie le terme de «&nbsp;handicap&nbsp;» car il y a des situations dans lesquelles cela devient problématique. Le rôle que j’essaye de me donner parfois pour masquer cela cesse de fonctionner et j’envoie les mauvais signaux aux mauvais&nbsp;moments.</p>
  190. <p>D’autres fois, la pression émotive interne est trop forte et l’interrupteur saute. Plus aucun signal externe n’est alors interprétable. C’est encore pire car cela peut passer pour du désintéressement alors qu’il s’agit de l’inverse. Trop de <em>stimuli</em> me rendent incapable de réagir de manière sensée alors autant ne pas réagir (tout de&nbsp;suite).</p>
  191. <p>Lorsque je suis dans un groupe en <a href="/david/2024/05/13/">tension</a>, je mesure les limites de mes in·capacités à essayer de concilier les émotions des autres avec les&nbsp;miennes.</p>
  192. <blockquote>
  193. <p>Si tu veux construire un bateau, ne rassemble pas tes hommes et femmes pour leur donner des ordres, pour expliquer chaque détail, pour leur dire où trouver chaque&nbsp;chose…</p>
  194. <p>Si tu veux construire un bateau, fais naître dans le cœur de tes hommes et femmes le désir de la&nbsp;mer.</p>
  195. <p><cite><em>Citadelle</em>, Antoine de&nbsp;Saint-Exupéry</cite></p>
  196. </blockquote>
  197. <p>Ce sont les réparations en cours de route, lorsqu’on s’est habitué à la mer qui sont&nbsp;difficiles&nbsp;🤕.</p>
  198. <nav>
  199. <p>
  200. <a href="/david/2024/apprentissage/"
  201. title="Liste de tous les articles 2024 associés à cette étiquette"
  202. rel="tag">#apprentissage</a>
  203. <a href="/david/2024/introspection/"
  204. title="Liste de tous les articles 2024 associés à cette étiquette"
  205. rel="tag">#introspection</a>
  206. <a href="/david/2024/psychologie/"
  207. title="Liste de tous les articles 2024 associés à cette étiquette"
  208. rel="tag">#psychologie</a>
  209. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  210. </p>
  211. </nav>
  212. <h2>
  213. <a href="/david/2024/04/13/" title="Lien permanent vers cet article">Fondation</a> <time datetime="2024-04-13">13 avril 2024</time>
  214. </h2>
  215. <blockquote>
  216. <p>— A mesure que Trantor devient plus spécialisée, dit Gaal, elle devient plus vulnérable, moins apte à se défendre. Qui plus est, à mesure que s’y développe l’administration centrale de l’Empire, la planète devient une proie plus enviable. Étant donné les difficultés croissantes que soulève le problème de la succession impériale, les querelles toujours plus violentes qui opposent les grandes familles les unes aux autres, le sentiment de la responsabilité envers la société va s’affaiblissant.<br />
  217. — C’est suffisant. Et quelles sont les probabilités numériques de destruction totale d’ici trois siècles&#8239;?<br />
  218. — Je ne saurais vous le dire.<br />
  219. — […] Le chiffre exact est 92,5&#8239;%.<br />
  220. — Voilà donc pourquoi on vous appelle Cassandre Seldon, dit Gaal. Je n’ai rien vu de tout cela dans les publications scientifiques.<br />
  221. — On ne peut pas publier des choses pareilles, voyons. <mark>Vous ne pensez tout de même pas que l’Empire irait révéler ainsi sa faiblesse.</mark> C’est la base de la psychohistoire la plus&nbsp;élémentaire.</p>
  222. <p><cite><em>Fondation 1</em>, Isaac Asimov, traduit de l’américain par Jean Rosenthal et Pierre Billon, complété et harmonisé par Philippe&nbsp;Gindre</cite></p>
  223. </blockquote>
  224. <p>Après un <a href="/david/2024/02/06/" title="Anneau">séjour en terre du milieu</a>, me voici sur <em>Trantor</em>. Je ne l’ai jamais lu mais c’est la série TV qui m’a donné envie de&nbsp;creuser.</p>
  225. <p>L’interprétation de ce passage est laissée comme&nbsp;exercice.</p>
  226. <blockquote>
  227. <p>D’après une ou deux personnes bien informées, je suis un genre de geek de tout. Un Sheldon en herbe, mais&nbsp;sociable.</p>
  228. <p><cite><em><a data-link-domain="nota-bene.org" href="https://nota-bene.org/Geek-de-tout" hreflang="fr"
  229. title="Consultation de l’article">Geek de tout | nota-bene.org</a>
  230. <a href="/david/cache/2024/e4ca68d300ca1572c2a41b6e2887c663/" hreflang="fr"
  231. data-tippy data-description="Un inventaire à la Prévert, pour rire."
  232. data-source="https://nota-bene.org/Geek-de-tout"
  233. data-date="2024-04-14"
  234. data-favicon="https://nota-bene.org/squelettes/favicon.ico"
  235. data-domain="nota-bene.org"
  236. ><svg xmlns="http://www.w3.org/2000/svg"
  237. width="24" height="24" viewBox="0 0 24 24" fill="none"
  238. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  239. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  240. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  241. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  242. </svg>
  243. <span class="sr-only">[archive]</span></a></em></cite></p>
  244. </blockquote>
  245. <a href="#hr-148" title="Lien vers cette section de la page"><hr id="hr-148" /></a>
  246. <blockquote lang="en">
  247. <p>I’ve found I personally have three <em>states</em> of&nbsp;being…</p>
  248. <ul>
  249. <li><strong>Hyperfocus</strong>, where I’m deeply focused on one thing and phenomenally&nbsp;productive.</li>
  250. <li><strong>Physical</strong>, where I have lots of energy, but little mental&nbsp;focus.</li>
  251. <li><strong>Burnt out</strong>, where both my mental and physical energy are&nbsp;low.</li>
  252. </ul>
  253. <p>Your states of being might be different. These are three I tend to operate in most&nbsp;frequently.</p>
  254. <p><cite><em><a data-link-domain="adhdftw.com" href="https://adhdftw.com/follow-your-adhd-flow/" hreflang="en"
  255. title="Consultation de l’article (anglais)">Follow your ADHD flow</a>
  256. <a href="/david/cache/2024/3d60afcca78959bd637ac725d0a7fc7e/" hreflang="en"
  257. data-tippy data-description="One of the most things that’s had the biggest impact on my ability to be happy and fulfilled has been working with my ADHD instead of trying to fight against it."
  258. data-source="https://adhdftw.com/follow-your-adhd-flow/"
  259. data-date="2024-04-14"
  260. data-favicon="https://adhdftw.com/img/favicon.ico"
  261. data-domain="adhdftw.com"
  262. ><svg xmlns="http://www.w3.org/2000/svg"
  263. width="24" height="24" viewBox="0 0 24 24" fill="none"
  264. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  265. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  266. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  267. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  268. </svg>
  269. <span class="sr-only">[archive]</span></a></em></cite></p>
  270. </blockquote>
  271. <p>Peut-être que cette notion de <a href="/david/2024/03/08/" title="Flow">flow</a> n’est pas si anodine en fait&nbsp;🤔. La communauté sur Discord évoque notamment l’importance de l’exercice comme outil de canalisation et <a href="/david/2024/04/14/">ce dernier mois</a> je ne peux que constater à quel point c’est vrai <em>pour moi</em>. J’ai un peu de mal avec les étiquettes d’auto-défintion/enfermement mais je constate aussi que pour beaucoup de personnes cela permet de reconsidérer ses propres fondations pour s’accepter et mieux se re·connaître&nbsp;ainsi.</p>
  272. <p>Une identité n’est pas une suite d’acronymes mais plutôt une suite d’explorations et de compréhensions de ce que signifient ces acronymes dans sa propre façon&nbsp;d’être&#8239;?</p>
  273. <nav>
  274. <p>
  275. <a href="/david/2024/dystopie/"
  276. title="Liste de tous les articles 2024 associés à cette étiquette"
  277. rel="tag">#dystopie</a>
  278. <a href="/david/2024/lecture/"
  279. title="Liste de tous les articles 2024 associés à cette étiquette"
  280. rel="tag">#lecture</a>
  281. <a href="/david/2024/psychologie/"
  282. title="Liste de tous les articles 2024 associés à cette étiquette"
  283. rel="tag">#psychologie</a>
  284. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  285. </p>
  286. </nav>
  287. <h2>
  288. <a href="/david/2024/04/10/" title="Lien permanent vers cet article">Weird</a> <time datetime="2024-04-10">10 avril 2024</time>
  289. </h2>
  290. <blockquote lang="en">
  291. <p><em>Say the weird&nbsp;thing.</em></p>
  292. <p>Okay, I’ll&nbsp;play.</p>
  293. <p>The self is an&nbsp;illusion.</p>
  294. <p>I’m a meat sack with electricity flying through&nbsp;space.</p>
  295. <p>I am the natural consequence of every action from the Big Bang to&nbsp;today.</p>
  296. <p>I don’t have free&nbsp;will.</p>
  297. <p>Most of what my brain does is done in the dark of my attention and even when I am making conscious choices I did not choose to become the type of person who would choose that choice over&nbsp;another.</p>
  298. <p>We created god because we got smart enough to realize that we were gonna die. Evolution rewarded religion because dogmatic bonded communities with a shared myth had ways of tending to one another in ways that other tribes&nbsp;didn’t.</p>
  299. <p>We are the product of superstitious ancestors who survived better because they believed in supernatural elements and that they made them more likely to&nbsp;survive.</p>
  300. <p>All we know is that there is consciousness and we are no closer to solving the hard problem of consciousness than when we first phrased it. And objects and consciousness which we cannot know if they are real because our brain is limited by its own perception of reality. And when we try to observe what is real, what is real&nbsp;changes.</p>
  301. <p>Our brain is doing so much that it created shortcuts so that you are not aware of most of it. And our brains are so wired into towards culting that even when we leave religion, we create a religion out of whatever our thing is: astrology, politics, whatever.</p>
  302. <p>These evolutionary shortcuts worked when we were small tribes but now that our trews are bumping into each other, it will be the machine that destroys&nbsp;ourselves.</p>
  303. <p>We have a 180&nbsp;catalog brain biases that tends towards simplicity over complexity, loyalty to our tribes, the illusion of the self and all of that is not compatible to what we know about the modern&nbsp;world.</p>
  304. <p>Anyone who accepts all this will inevitably be alone. There is a lot of lip service to leaving the matrix but in reality it’s very&nbsp;lonely.</p>
  305. <p>The machine of evolution that says to survive at all costs and all of the shortcuts that created that survival will eventually be a machine that eats itself. Individuals can remove themselves to some degree but <mark>if you try to change the world, you will inevitably become a cult and you will become the monster that you were trying to&nbsp;destroy.</mark></p>
  306. <p>And even with all of that, there’s a way to structure with meaning and purpose and experiencing being, and being able to pop your head up in this universe, and check out what is going on where you still are glad you got to be alive, and it probably takes a little bit of privilege because you have to die so many times to get there and it’s very&nbsp;hard.</p>
  307. <p>And in the end the only benefit that you get is that you know that you’re playing in reality which is little more than a shared hallucination rather than being in a delusion and not knowing that you&nbsp;are.</p>
  308. <p>Invite me to your next party! ✌️</p>
  309. <p><cite>@nononsensespirituality, <a data-link-domain="mamot.fr" href="https://mamot.fr/@jcfrog/112245851038854526">via masto</a>, que l’on retrouve <a data-link-domain="instagram.com" href="https://www.instagram.com/nononsensespirituality/reel/C5SRDzTLqAh/">aussi sur&nbsp;Instagram</a></cite></p>
  310. </blockquote>
  311. <p>Bienvenue dans mon cerveau&nbsp;😅.</p>
  312. <a href="#hr-146" title="Lien vers cette section de la page"><hr id="hr-146" /></a>
  313. <blockquote>
  314. <p>The Swolf is a composite measurement in sports swimming that reflects how fast and <mark>how efficiently somebody is swimming.</mark> In contrast, time per distance (speed) neglects swimming technique, and the number of swimming strokes per lap neglects the purpose of competitive swimming: Covering a given distance in the shortest&nbsp;time.</p>
  315. <p><cite><a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Swolf">Swolf</a></cite></p>
  316. </blockquote>
  317. <p>Découverte du jour grâce à la montre&nbsp;: la mesure du Swolf en natation. Voilà un calcul qui m’intéresse davantage que la&nbsp;vitesse.</p>
  318. <p>J’ai fait mon premier kilomètre (avec pauses) de l’année. Mon Swolf actuel a l’air de tourner autour de 40-45&nbsp;lorsque je ne suis pas trop dérangé par les autres nageur·euses, on va voir si ça évolue ces prochains&nbsp;mois.</p>
  319. <a href="#hr-147" title="Lien vers cette section de la page"><hr id="hr-147" /></a>
  320. <blockquote>
  321. <p>The other maintainer suddenly&nbsp;disappeared.</p>
  322. <p><cite><a data-link-domain="github.com" href="https://github.com/tukaani-project/xz/commit/77a294d98a9d2d48f7e4ac273711518bf689f5c4">Update maintainer and author&nbsp;info.</a></cite></p>
  323. </blockquote>
  324. <p>Le <em>commit</em> du&nbsp;jour.</p>
  325. <nav>
  326. <p>
  327. <a href="/david/2024/communaute/"
  328. title="Liste de tous les articles 2024 associés à cette étiquette"
  329. rel="tag">#communauté</a>
  330. <a href="/david/2024/poesie/"
  331. title="Liste de tous les articles 2024 associés à cette étiquette"
  332. rel="tag">#poésie</a>
  333. <a href="/david/2024/psychologie/"
  334. title="Liste de tous les articles 2024 associés à cette étiquette"
  335. rel="tag">#psychologie</a>
  336. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  337. </p>
  338. </nav>
  339. <h2>
  340. <a href="/david/2024/04/05/" title="Lien permanent vers cet article">Productivité</a> <time datetime="2024-04-05">5 avril 2024</time>
  341. </h2>
  342. <blockquote lang="en">
  343. <p>You see, the more I wrote about “productivity”, the more I found myself falling into a trap. <mark>It’s very difficult to write in this space without approaching the topic in a way that’s weirdly moralistic.</mark> It’s difficult to avoid implying that “being productive” is some sort of objectively virtuous behavior – and that conversely a lack of “productivity” is some sort of moral failing. I don’t believe this. Nor do I believe that we have any sort of imperative to be maximally-productive at work. You don’t need to “give 110%” to your job. You don’t “owe” your employer any sort of maximal time and&nbsp;attention.</p>
  344. <p>I do think that “productivity” is important, but it’s a more subtle importance. It’s not about being a nice little compliant worker drone and maximizing your contributions to capitalism! Productivity is important to me in the way that it contributes to feeling content and&nbsp;fulfilled.</p>
  345. <p><cite><em><a data-link-domain="jacobian.org" href="https://jacobian.org/2024/apr/4/not-writing-about-productivity/" hreflang="en"
  346. title="Consultation de l’article (anglais)">Why I’m Not Writing a Productivity Series</a>
  347. <a href="/david/cache/2024/10d2718395313e94f45ab8484bfc8d86/" hreflang="en"
  348. data-tippy data-description="I planned and started to write a series about personal productivity systems, but I’m abandoning the series. Here’s why."
  349. data-source="https://jacobian.org/2024/apr/4/not-writing-about-productivity/"
  350. data-date="2024-04-06"
  351. data-favicon="https://jacobian.org/favicon.ico"
  352. data-domain="jacobian.org"
  353. ><svg xmlns="http://www.w3.org/2000/svg"
  354. width="24" height="24" viewBox="0 0 24 24" fill="none"
  355. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  356. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  357. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  358. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  359. </svg>
  360. <span class="sr-only">[archive]</span></a></em></cite></p>
  361. </blockquote>
  362. <p>Il y a des tâches à l’état gazeux, qui remplissent tout le temps que l’on est prêt à leur&nbsp;laisser.</p>
  363. <p>Il y a des tâches à l’état liquide, qui vont se répandre dans tous les interstices de temps d’autres&nbsp;tâches.</p>
  364. <p>Il y a des tâches à l’état solide, que l’on peine à sup·porter et dont on a du mal à se&nbsp;défaire.</p>
  365. <p>Il y a des tâches qui sont des réactions en chaîne, dont il faut attendre le point de bascule en préparant les matières&nbsp;premières.</p>
  366. <p>La classification périodique des tâches, un autre moyen de les&nbsp;qualifier&#8239;?</p>
  367. <a href="#hr-143" title="Lien vers cette section de la page"><hr id="hr-143" /></a>
  368. <blockquote lang="en">
  369. <p>The fast, feature-rich, GPU based terminal&nbsp;emulator</p>
  370. <p><cite><em><a data-link-domain="sw.kovidgoyal.net" href="https://sw.kovidgoyal.net/kitty/">kitty</a></em></cite></p>
  371. </blockquote>
  372. <p>Je me demande souvent si d’autres outils me permettraient d’être plus efficace / rapide. C’est le temps d’apprentissage puis la robustesse de l’outil et la communauté (et son support) qui m’importent. J’ai aussi cette croyance qu’en altérant trop les outils par défaut, je vais être moins à même de pouvoir accompagner des personnes moins techniques lorsque l’occasion se&nbsp;présente.</p>
  373. <p>Aujourd’hui, j’ai repris à zéro mes <em>packages</em> de <a data-link-domain="sublimetext.com" href="https://www.sublimetext.com/">Sublime Text 4</a> car j’avais un <a data-link-domain="github.com" href="https://github.com/wbond/package_control/issues/1612">souci avec Package Control</a> et le <em>log</em> des 27&nbsp;paquets installés me masquait la vraie erreur. Je n’ai ensuite installé que <a data-link-domain="packagecontrol.io" href="https://packagecontrol.io/packages/LSP">LSP</a>, <a data-link-domain="packagecontrol.io" href="https://packagecontrol.io/packages/LSP-ruff">LSP-ruff</a> et <a data-link-domain="packagecontrol.io" href="https://packagecontrol.io/packages/LSP-rome">LSP-rome</a>. Peut-être que c’est suffisant à mes besoins actuels&#8239;? (Merci&nbsp;Rust.)</p>
  374. <p>Je suis toujours assez effaré par les performances de&nbsp;VSCodium…</p>
  375. <nav>
  376. <p>
  377. <a href="/david/2024/documentation/"
  378. title="Liste de tous les articles 2024 associés à cette étiquette"
  379. rel="tag">#documentation</a>
  380. <a href="/david/2024/experience/"
  381. title="Liste de tous les articles 2024 associés à cette étiquette"
  382. rel="tag">#expérience</a>
  383. <a href="/david/2024/psychologie/"
  384. title="Liste de tous les articles 2024 associés à cette étiquette"
  385. rel="tag">#psychologie</a>
  386. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  387. </p>
  388. </nav>
  389. <h2>
  390. <a href="/david/2024/03/23/" title="Lien permanent vers cet article">Intendant</a> <time datetime="2024-03-23">23 mars 2024</time>
  391. </h2>
  392. <blockquote lang="en">
  393. <p>In <a data-link-domain="andrewkelley.me" href="https://andrewkelley.me/post/why-we-cant-have-nice-software.html">Why We Can’t Have Nice Software</a>, I point out this pattern of needless software churn in the mindless quest for profit. This is a perfect example occurring right now. Redict has already reached its peak; it does not need any more serious software development to occur. It does not need to <a data-link-domain="redis.com" href="https://redis.com/blog/the-future-of-redis/">pivot to AI</a>. It can be maintained for decades to come with minimal effort. It can continue to provide a high amount of value for a low amount of labor. That’s the entire point of&nbsp;software!</p>
  394. <p>Redict does not have any profit left to offer. It no longer needs a fund-raising entity behind it anymore. <mark>It just needs a good project&nbsp;steward.</mark></p>
  395. <p><cite><em><a data-link-domain="andrewkelley.me" href="https://andrewkelley.me/post/redis-renamed-to-redict.html" hreflang="en"
  396. title="Consultation de l’article (anglais)">Redis Renamed to Redict</a>
  397. <a href="/david/cache/2024/d58c7619eec894c5c069244114ea1df5/" hreflang="en"
  398. data-tippy data-description="In other words, Redict is the true spiritual successor to what was once Redis."
  399. data-source="https://andrewkelley.me/post/redis-renamed-to-redict.html"
  400. data-date="2024-03-23"
  401. data-favicon=""
  402. data-domain="andrewkelley.me"
  403. ><svg xmlns="http://www.w3.org/2000/svg"
  404. width="24" height="24" viewBox="0 0 24 24" fill="none"
  405. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  406. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  407. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  408. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  409. </svg>
  410. <span class="sr-only">[archive]</span></a></em></cite></p>
  411. </blockquote>
  412. <p>Je me pose beaucoup de questions sur cette notion de finitude logicielle. Et sur le fait de parfois créer ma propre nécessité, sans en avoir forcément conscience ou&nbsp;l’intention.</p>
  413. <p>J’y vois un parallèle avec une frugalité que je n’arrive pas à atteindre, les deux étant probablement&nbsp;liés.</p>
  414. <p>Il me reste encore tellement de choses à&nbsp;démêler…</p>
  415. <a href="#hr-130" title="Lien vers cette section de la page"><hr id="hr-130" /></a>
  416. <blockquote lang="en">
  417. <p>So, yeah, I’ve been at this for a while, and this is the answer: Write CSS. Not too much. Mostly&nbsp;scoped.</p>
  418. <p>I’m sure we’ll never argue about how to manage CSS ever&nbsp;again.</p>
  419. <p><cite><em><a data-link-domain="leereamsnyder.com" href="https://www.leereamsnyder.com/write-css-not-too-much-mostly-scoped" hreflang="en"
  420. title="Consultation de l’article (anglais)">Write CSS. Not too much. Mostly scoped.</a>
  421. <a href="/david/cache/2024/4e116948ed4d26daa981a6c4ea9e4282/" hreflang="en"
  422. data-tippy data-description="Let’s talk about Tailwind and appease no one"
  423. data-source="https://www.leereamsnyder.com/write-css-not-too-much-mostly-scoped"
  424. data-date="2024-03-23"
  425. data-favicon="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%3e%3cstyle%3e%20@media%20(prefers-color-scheme:%20dark)%20{%20.lee%20{%20fill:%20%23FF4640;%20}%20.ream%20{%20fill:%20%23EC7F00;%20}%20.sny%20{%20fill:%20%23FFB258;%20}%20.der%20{%20fill:%20%23FFDFC6;%20}%20.letters%20{%20fill:%20%23373948;%20}%20}%20%3c/style%3e%3cpath%20class='lee'%20fill='%239B70FF'%20d='M0%203.066A3.066%203.066%200%200%201%203.066%200h57.868A3.066%203.066%200%200%201%2064%203.066v14.946H0V3.066Z'/%3e%3cpath%20class='ream'%20fill='%2300749D'%20d='M64%2034.108H0V15.713h64z'/%3e%3cpath%20class='sny'%20fill='%230092C5'%20d='M64%2031.808v20.695H0V31.808z'/%3e%3cpath%20class='der'%20fill='%238BCFFC'%20d='M64%2047.904v13.03A3.066%203.066%200%200%201%2060.934%2064H3.066A3.066%203.066%200%200%201%200%2060.934v-13.03h64Z'/%3e%3cg%20class='letters'%20fill='%23fff'%20fill-rule='nonzero'%3e%3cpath%20d='M13.275%2040.809c0-4.277%207.379-14.523%207.379-20.304%200-3.102-1.927-4.7-5.17-4.7-4.089%200-8.554%202.021-13.865%206.063a20.491%2020.491%200%200%201%202.726%204.277c3.807-3.055%206.016-4.559%207.849-4.559%201.081%200%201.457.517%201.457%201.363%200%203.76-6.956%2012.643-6.956%2019.458%200%204.136%202.444%206.063%207.144%206.063%205.687%200%2010.481-2.679%2016.215-9.494-1.175-.893-2.303-1.739-3.854-3.384-3.854%205.405-7.332%207.52-10.199%207.52-1.927%200-2.726-.846-2.726-2.303ZM50.286%2048c.33-1.692%201.128-3.431%201.833-5.17-.987.047-3.384.141-5.875.141-1.692%200-1.88-1.128-1.41-2.444%202.444-6.58%206.44-10.81%2010.575-10.81%201.363%200%202.491.423%203.243%201.41-.235-.047-.517-.047-.799-.047-2.538%200-3.9%201.739-3.9%203.76s1.268%203.29%203.336%203.29c3.29%200%204.935-3.431%204.935-7.332%200-3.619-1.692-6.627-5.687-6.627-4.183%200-7.52%203.055-10.763%209.87h-.423c.423-2.021.658-3.572.658-4.559%200-3.525-2.115-5.264-5.499-5.264-2.96%200-5.78%201.363-8.883%203.854.893.987%201.645%202.256%202.491%203.807%202.021-1.833%203.478-2.679%204.935-2.679%201.081%200%201.551.705%201.551%201.88%200%201.645-.94%205.311-2.726%209.776-.705%201.739-1.363%202.115-2.679%202.115-2.02%200-3.572-.141-4.324-.141-.329%201.692-1.08%203.431-1.786%205.17%202.632-.141%2018.33-.141%2021.197%200Z'/%3e%3c/g%3e%3c/svg%3e"
  426. data-domain="leereamsnyder.com"
  427. ><svg xmlns="http://www.w3.org/2000/svg"
  428. width="24" height="24" viewBox="0 0 24 24" fill="none"
  429. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  430. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  431. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  432. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  433. </svg>
  434. <span class="sr-only">[archive]</span></a></em></cite></p>
  435. </blockquote>
  436. <p>Ça commence par le classique «&nbsp;pour ou contre Tailwind&nbsp;» mais après il y a des choses&nbsp;inspirantes.</p>
  437. <a href="#hr-131" title="Lien vers cette section de la page"><hr id="hr-131" /></a>
  438. <blockquote lang="en">
  439. <p>quick q, however: how do they get off the worm when they’ve arrived at their&nbsp;destination</p>
  440. <p>keep noticing that the movie cuts before they get off, Denis my friend you can’t fool me, how do you stop riding the worm, answer&nbsp;us</p>
  441. <p><cite><em><a data-link-domain="youngvulgarian.substack.com" href="https://youngvulgarian.substack.com/p/sydney-sweeney-if-youre-free-on-thursday" hreflang="en"
  442. title="Consultation de l’article (anglais)">Sydney Sweeney, if you’re free on Thursday,</a>
  443. <a href="/david/cache/2024/0e3d54128711421c0878723dafed66e8/" hreflang="en"
  444. data-tippy data-description="Behold! I have had a thought."
  445. data-source="https://youngvulgarian.substack.com/p/sydney-sweeney-if-youre-free-on-thursday"
  446. data-date="2024-03-23"
  447. data-favicon="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdaf53371-1861-41b7-8e48-82787a877e62%2Ffavicon-16x16.png"
  448. data-domain="youngvulgarian.substack.com"
  449. ><svg xmlns="http://www.w3.org/2000/svg"
  450. width="24" height="24" viewBox="0 0 24 24" fill="none"
  451. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  452. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  453. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  454. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  455. </svg>
  456. <span class="sr-only">[archive]</span></a></em></cite></p>
  457. </blockquote>
  458. <p>Tiens c’est vrai ça&#8239;! 🤔🤯</p>
  459. <nav>
  460. <p>
  461. <a href="/david/2024/dependance/"
  462. title="Liste de tous les articles 2024 associés à cette étiquette"
  463. rel="tag">#dépendance</a>
  464. <a href="/david/2024/psychologie/"
  465. title="Liste de tous les articles 2024 associés à cette étiquette"
  466. rel="tag">#psychologie</a>
  467. <a href="/david/2024/technique/"
  468. title="Liste de tous les articles 2024 associés à cette étiquette"
  469. rel="tag">#technique</a>
  470. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  471. </p>
  472. </nav>
  473. <h2>
  474. <a href="/david/2024/03/08/" title="Lien permanent vers cet article">Flow</a> <time datetime="2024-03-08">8 mars 2024</time>
  475. </h2>
  476. <p>Le <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Flow_(psychologie)">flow</a> n’est pas seulement un état où j’ai besoin de calme, il s’agit d’un contexte à part entière. Il me faut une problématique connue, qui est définie avec des contours relativement flous, davantage une intention qu’une direction. Si j’ai déjà eu l’occasion d’être précédemment frustré par l’implémentation en cours, cela me donne beaucoup de motivation pour plonger. Parfois la zone est atteinte en n’étant pas devant un écran (en courant, sous la douche, etc), une forme d’<em>Eurêka&#8239;!</em> qui annonce la libération du <em>flow</em> à&nbsp;venir.</p>
  477. <p>La crue monte et butte contre des digues techniques, plusieurs fois, avant de créer la brèche qui va tout libérer d’un coup et se répandre dans l’ensemble du code. Reste la tâche de <em>ressuyage</em>&nbsp;: <q lang="fr">l’évacuation des eaux qui se sont déversées dans les terres après une inondation et ainsi de diminuer le temps de submersion</q> nous dit le <a data-link-domain="symadrem.fr" href="https://www.symadrem.fr/anticiper-intervenir/evacuation-des-eaux-post-crue/quest-ce-que-le-ressuyage/">Symadrem</a>. Ce n’est pas une tâche ingrate car c’est celle qui rend le code pérenne et compréhensible, l’objet du <em>flow</em> accessible au plus grand nombre. Le temps de la décrue permet d’identifier les cas aux limites&nbsp;également.</p>
  478. <p>Ce contexte ne m’est atteignable que 3&nbsp;ou 4&nbsp;fois par an en moyenne. Et heureusement, car il est vraiment peu soutenable (mais tellement&nbsp;satisfaisant&#8239;!).</p>
  479. <a href="#hr-104" title="Lien vers cette section de la page"><hr id="hr-104" /></a>
  480. <blockquote lang="en">
  481. <p>CSS is a programming language because that’s what you’re doing when you write it; you’re <em>programming</em> the application’s presentation logic. And that’s important, because CSS has power enough to either maximize the useability of software, or to ruin it beyond all utility. (Really; you’d probably be astounded how many ways there are to utterly destroy anything on the web with hardly any&nbsp;CSS.)</p>
  482. <p>In many ways, <mark>CSS has greater impact than any other language</mark> on a user’s experience, which often directly influences success. Why, then, is its role so&nbsp;belittled?</p>
  483. <p><cite><em><a data-link-domain="joshcollinsworth.com" href="https://joshcollinsworth.com/blog/devaluing-frontend" hreflang="en"
  484. title="Consultation de l’article (anglais)">The quiet, pervasive devaluation of frontend</a>
  485. <a href="/david/cache/2024/64ec164fc6c5c23ede3fba6006a47f36/" hreflang="en"
  486. data-tippy data-description="I keep noticing those of us in the frontend field being treated much the same as nurses, paralegals, and executive assistants. Our work is seen as important, certainly, but just not the same as, or as important as, the “real” work."
  487. data-source="https://joshcollinsworth.com/blog/devaluing-frontend"
  488. data-date="2024-03-09"
  489. data-favicon="https://joshcollinsworth.com/favicon.png"
  490. data-domain="joshcollinsworth.com"
  491. ><svg xmlns="http://www.w3.org/2000/svg"
  492. width="24" height="24" viewBox="0 0 24 24" fill="none"
  493. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  494. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  495. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  496. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  497. </svg>
  498. <span class="sr-only">[archive]</span></a></em></cite></p>
  499. </blockquote>
  500. <p>J’aurais pu citer beaucoup de parties de cet article. Je choisis celle vraiment centrée sur CSS car les avancées récentes en font encore davantage un outil qui demande une grande connaissance du domaine, une veille active et une réflexion importante. Ce langage exprime la complexité de nos interfaces et de notre évolution collective en terme d’exploration d’affordances. Les <em>patterns</em>, ces façons de résoudre des problèmes similaires, évoluent et les personnes qui arrivent à suivre ces évolutions vont être de plus en plus sollicitées (j’en parlais <a href="/david/2024/02/28/#hr-94">par ici</a>) — notamment lorsqu’il va falloir nettoyer 10&nbsp;ans de&nbsp;CSS-in-JS/Tailwind/YouNameIt.</p>
  501. <p>Je n’ai pas la même considération pour ces personnes, <strong>j’en ai bien davantage</strong>.</p>
  502. <a href="#hr-105" title="Lien vers cette section de la page"><hr id="hr-105" /></a>
  503. <blockquote lang="en">
  504. <p>So far we have designed our component to be a function of the host. We can go further and ensure that the rendering routine is actually private to the host, so that the rendering code is encapsulated inside along with any potential behaviour enhancements (the <code>countClickable</code> mixin for example), while both remain&nbsp;reusable.</p>
  505. <p><cite><em><a data-link-domain="lorenzofox.dev" href="https://lorenzofox.dev/posts/component-as-infinite-loop/" hreflang="en"
  506. title="Consultation de l’article (anglais)">Coroutines and web components</a>
  507. <a href="/david/cache/2024/6f3cb3c0c6c580407b1cfaa2d7d9005b/" hreflang="en"
  508. data-tippy data-description="Custom elements (web components) modelling with coroutines"
  509. data-source="https://lorenzofox.dev/posts/component-as-infinite-loop/"
  510. data-date="2024-03-09"
  511. data-favicon="https://lorenzofox.dev/posts/component-as-infinite-loop/public/favicon.ico"
  512. data-domain="lorenzofox.dev"
  513. ><svg xmlns="http://www.w3.org/2000/svg"
  514. width="24" height="24" viewBox="0 0 24 24" fill="none"
  515. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  516. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  517. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  518. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  519. </svg>
  520. <span class="sr-only">[archive]</span></a></em></cite></p>
  521. </blockquote>
  522. <p>Je n’ai pas tout compris (et j’en suis à la seconde lecture) mais ça a l’air&nbsp;fun&#8239;!&nbsp;😜</p>
  523. <nav>
  524. <p>
  525. <a href="/david/2024/experience/"
  526. title="Liste de tous les articles 2024 associés à cette étiquette"
  527. rel="tag">#expérience</a>
  528. <a href="/david/2024/psychologie/"
  529. title="Liste de tous les articles 2024 associés à cette étiquette"
  530. rel="tag">#psychologie</a>
  531. <a href="/david/2024/technique/"
  532. title="Liste de tous les articles 2024 associés à cette étiquette"
  533. rel="tag">#technique</a>
  534. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  535. </p>
  536. </nav>
  537. <h2>
  538. <a href="/david/2024/03/05/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-03-05">5 mars 2024</time>
  539. </h2>
  540. <p>On se réveille dans la brume avec le soleil peinant à passer à travers, le lac et la neige ont regelé pendant la nuit. C’est une belle ambiance après une nuit agitée par la chaleur du <del>sauna</del> refuge. Les poêles tirent à fond dans ces endroits pour éviter que des personnes n’arrivent pas à faire démarrer un feu (j’imagine que ça peut être critique) mais ça les rend très inefficaces dans la durée et très chauds dès qu’on met deux buches&nbsp;dedans.</p>
  541. <figure>
  542. <a href="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  543. title="Cliquer pour une version haute résolution">
  544. <img
  545. src="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  546. width="4032" height="3024"
  547. srcset="/static/david/2024/2024-03-05-lac-corbeau.jpg 4032w, /static/david/2024/2024-03-05-lac-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-lac-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-lac-corbeau_1320x880.jpg 1320w"
  548. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  549. loading="lazy"
  550. decoding="async"
  551. alt="Lac corbeau à l’aube.">
  552. </a>
  553. <figcaption>De bien jolies couleurs au&nbsp;réveil.</figcaption>
  554. </figure>
  555. <p>Cet épisode me confirme encore une fois que les enfants ont des corps de sportifs de très haut niveau. Je suis impatient de pouvoir le charger un peu plus car c’est frustrant de le voir gambader devant de bon matin alors que mes muscles sont à peine réveillés. J’aime bien lorsqu’on va explorer un peu plus loin et que l’on se projette sur ce que l’on pourrait faire l’année&nbsp;suivante.</p>
  556. <figure>
  557. <a href="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  558. title="Cliquer pour une version haute résolution">
  559. <img
  560. src="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  561. width="3024" height="4032"
  562. srcset="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg 3024w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_1320x880.jpg 1320w"
  563. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  564. loading="lazy"
  565. decoding="async"
  566. alt="Un enfant qui court dans la neige vers un refuge.">
  567. </a>
  568. <figcaption>Jamais&nbsp;fatigué.</figcaption>
  569. </figure>
  570. <p>Le retour est moins joyeux car il s’agit d’enchainer les efforts et chaque heure qui passe rend la neige plus meuble. À tel point que l’on décide de couper par une piste sur une courte section. Mon évaluation est que la saison de ski est terminée, même une sous-couche bien travaillée ne tiendra pas la semaine qui s’en&nbsp;vient.</p>
  571. <p>J’aurais aimé faire une boucle un peu plus longue au retour mais il faut savoir s’adapter aux conditions. Le plus important est de terminer sans blessure ni&nbsp;dégoût.</p>
  572. <p><em>Je commence à imaginer un parcours rapide sur plusieurs jours dans cette forêt que je connais bien. Peut-être qu’une fenêtre se dessine en avril… il faut que je récupère un peu de cardio d’ici&nbsp;là.</em></p>
  573. <nav>
  574. <p>
  575. <a href="/david/2024/adaptation/"
  576. title="Liste de tous les articles 2024 associés à cette étiquette"
  577. rel="tag">#adaptation</a>
  578. <a href="/david/2024/aventure/"
  579. title="Liste de tous les articles 2024 associés à cette étiquette"
  580. rel="tag">#aventure</a>
  581. <a href="/david/2024/psychologie/"
  582. title="Liste de tous les articles 2024 associés à cette étiquette"
  583. rel="tag">#psychologie</a>
  584. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  585. </p>
  586. </nav>
  587. <h2>
  588. <a href="/david/2024/02/29/" title="Lien permanent vers cet article">Wikipédia</a> <time datetime="2024-02-29">29 février 2024</time>
  589. </h2>
  590. <blockquote>
  591. <p>Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai écrire plus longuement sur le sujet, je n’ai pas la bande passante nocturne pour le faire encore moins diurne. <mark>Je travaille de façon ouverte en espérant que les esprits refroidis retrouveront un brin de lucidité.</mark> Wikipédia est un projet important, chacun y contribue à sa manière, j’essaie de poser quelques bases pour éventuellement développer plus en détails certains points à l’avenir. Une note de synthèse en quelques&nbsp;sortes.</p>
  592. <p><cite><em><a data-link-domain="write.apreslanu.it" href="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective" hreflang="fr"
  593. title="Consultation de l’article">Wikipédia ou la désillusion de l’intelligence collective</a>
  594. <a href="/david/cache/2024/71d5226ddc436248164884b12f15ed42/" hreflang="fr"
  595. data-tippy data-description="Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai ..."
  596. data-source="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective"
  597. data-date="2024-03-01"
  598. data-favicon="https://write.apreslanu.it/favicon.ico"
  599. data-domain="write.apreslanu.it"
  600. ><svg xmlns="http://www.w3.org/2000/svg"
  601. width="24" height="24" viewBox="0 0 24 24" fill="none"
  602. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  603. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  604. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  605. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  606. </svg>
  607. <span class="sr-only">[archive]</span></a></em></cite></p>
  608. </blockquote>
  609. <p>Cela fait quelques jours que j’observe la situation en essayant de ne pas réagir à chaud. Je vois d’un côté des personnes qui souhaitent documenter des faits «&nbsp;historiques&nbsp;» sans en subir aucune conséquence et de l’autre des personnes qui ont bien souvent souffert et souffrent encore de cette histoire, sans compter les potentiels risques actuels et futurs&nbsp;encourus.</p>
  610. <p>Ce résumé est sûrement caricatural <em>et</em> je peux passer outre mon besoin de savoir encyclopédique pour la sécurité physique et mentale d’autres&nbsp;personnes.</p>
  611. <p>Une pensée pour les personnes concernées qui sont impliquées et contributrices régulières, ça ne doit pas être évident de garder la motivation après&nbsp;ça&nbsp;💜.</p>
  612. <blockquote>
  613. <p>Comment comprendre cette contradiction entre volonté de transparence et&nbsp;d’entre-soi&#8239;?</p>
  614. <p><cite><em><a data-link-domain="crowdagger.fr" href="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/" hreflang="fr"
  615. title="Consultation de l’article">Wikipédia et le nécronyme des personnes trans&nbsp;: l’insoutenable neutralité du point de vue&#8239;?</a>
  616. <a href="/david/cache/2024/1eec2b195d91939cdc7bad71b40021bd/" hreflang="fr"
  617. data-tippy data-description="Tentative de comprendre le conflit sur Wikipédia francophone autour du nécronyme des personnes trans"
  618. data-source="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/"
  619. data-date="2024-03-01"
  620. data-favicon="https://crowdagger.fr/wp-content/uploads/2021/11/cropped-facivon-32x32.png"
  621. data-domain="crowdagger.fr"
  622. ><svg xmlns="http://www.w3.org/2000/svg"
  623. width="24" height="24" viewBox="0 0 24 24" fill="none"
  624. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  625. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  626. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  627. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  628. </svg>
  629. <span class="sr-only">[archive]</span></a></em></cite></p>
  630. </blockquote>
  631. <a href="#hr-95" title="Lien vers cette section de la page"><hr id="hr-95" /></a>
  632. <p>Si jamais vous avez un code Python qui doit tourner sous Windows et qui semble avoir des problème d’encodage (notamment sur <code>Path().read/write_text()</code>), <a data-link-domain="dev.to" href="https://dev.to/methane/python-use-utf-8-mode-on-windows-212i">vous pouvez tenter</a> la variable d’environnement <code>PYTHONUTF8=1</code> ou le paramètre <code>-Xutf8</code> pour lancer Python&nbsp;3.7+.</p>
  633. <a href="#hr-96" title="Lien vers cette section de la page"><hr id="hr-96" /></a>
  634. <blockquote lang="en">
  635. <p>25&nbsp;January 1999&nbsp;was my first day at W3C. I was 23&nbsp;years old when I started. I’ve now spent more than half my life at that. <mark>I regret nothing</mark> because I find the work I do really interesting, important, meaningful; and I don’t tire of it because I feel like there’s renewal every now and&nbsp;then.</p>
  636. <p><cite><em><a data-link-domain="blog.koalie.net" href="https://blog.koalie.net/2024/02/29/25th-work-anniversary/" hreflang="en"
  637. title="Consultation de l’article (anglais)">25th work anniversary</a>
  638. <a href="/david/cache/2024/d74f376e53fc6a1108c59b6e6fa57ba1/" hreflang="en"
  639. data-tippy data-description="25 January 1999 was my first day at W3C. I was 23 years old when I started. I’ve now spent more than half my life at that. I regret nothing because I find the work I do really interesting, im…"
  640. data-source="https://blog.koalie.net/2024/02/29/25th-work-anniversary/"
  641. data-date="2024-03-01"
  642. data-favicon="https://blog.koalie.net/wp-content/uploads/2023/12/cropped-koalie-meiji-shrine-cropped-400px-32x32.jpeg"
  643. data-domain="blog.koalie.net"
  644. ><svg xmlns="http://www.w3.org/2000/svg"
  645. width="24" height="24" viewBox="0 0 24 24" fill="none"
  646. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  647. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  648. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  649. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  650. </svg>
  651. <span class="sr-only">[archive]</span></a></em></cite></p>
  652. </blockquote>
  653. <p>Dans la catégorie pas-toutes-les-héroïnes-ne-portent-de-capes, koalie tient une belle&nbsp;place&nbsp;🙇.</p>
  654. <nav>
  655. <p>
  656. <a href="/david/2024/commun/"
  657. title="Liste de tous les articles 2024 associés à cette étiquette"
  658. rel="tag">#commun</a>
  659. <a href="/david/2024/deception/"
  660. title="Liste de tous les articles 2024 associés à cette étiquette"
  661. rel="tag">#déception</a>
  662. <a href="/david/2024/psychologie/"
  663. title="Liste de tous les articles 2024 associés à cette étiquette"
  664. rel="tag">#psychologie</a>
  665. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  666. </p>
  667. </nav>
  668. <h2>
  669. <a href="/david/2024/02/27/" title="Lien permanent vers cet article">Rédaction</a> <time datetime="2024-02-27">27 février 2024</time>
  670. </h2>
  671. <blockquote>
  672. <p>Je suis curieux de savoir comment tu rédiges ces textes&#8239;! Tu prends des notes pendant tes excursions sur lesquelles tu te bases ou tu écris tout à chaud une fois chez toi&#8239;? Ou tu écris quelques jours après sur des souvenirs qui s’effritent déjà mais ça n’a pas&nbsp;d’importance&#8239;?&nbsp;🙂</p>
  673. <p><cite><em>Question de <a data-link-domain="social.bim.land" href="https://social.bim.land/@mlbiche">@mlbiche</a> sur&nbsp;masto</em></cite></p>
  674. </blockquote>
  675. <p>Il m’arrive de prendre des notes lors de sorties plus contemplatives (et moins risquées pour mes doigts&#8239;!) mais c’est assez rare. Je n’arrive pas à écrire une histoire en étant en train de la vivre, c’est comme de faire des vidéos, j’ai l’impression de trop me mettre en scène sinon. Lorsque le récit influe sur le déroulé, ça brise quelque chose au niveau de son authenticité et de mon&nbsp;ressenti.</p>
  676. <p>En général, je rédige cela à la maison, à chaud. Une fois que toutes les affaires ont été mises à sécher. Avec parfois des bribes qui s’agencent lors du long retour en voiture. Si j’attends plus de 24h, ce ne sont pas tant les souvenirs qui s’effritent que la motivation à les partager qui s’envole, ça m’est déjà arrivé plusieurs&nbsp;fois.</p>
  677. <a href="#hr-91" title="Lien vers cette section de la page"><hr id="hr-91" /></a>
  678. <blockquote>
  679. <p>Nos vies sont faites de métal incandescent.<br />
  680. Tant qu’elles rougeoient, nous en restons les forgerons.<br />
  681. Créateurs et inventeurs de&nbsp;nous-mêmes.</p>
  682. <p>Mais comme le métal du forgeron qui refroidit, comme la coulée de lave qui atteint l’extrémité de son expansion, nos vies se figent.<br />
  683. Ce n’est qu’à cet instant précis que l’on peut dire qui on a été. quand la coulée de la vie a pris sa forme&nbsp;définitive.</p>
  684. <p>D’ici je la contemple, cette vie. Ma vie.<br />
  685. Et je sais enfin qui je&nbsp;suis…</p>
  686. <p><cite><em>La saga de Grimr</em>, Jérémie&nbsp;Moreau</cite></p>
  687. </blockquote>
  688. <p>Rétrospective sous forme de <a data-link-domain="ut7.fr" href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html" hreflang="en"
  689. title="Consultation de l’article (anglais)">Conseil</a>
  690. <a href="/david/cache/2024/f3974ec778551dd1c3134c8094c3372b/" hreflang="en"
  691. data-tippy data-description="Un conseil, c’est une réunion en cercle où les personnes se parlent et font l’expérience individuelle de ce que c’est que d’appartenir au groupe."
  692. data-source="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html"
  693. data-date="2024-02-27"
  694. data-favicon="https://www.ut7.fr/favicon-192x192.png"
  695. data-domain="ut7.fr"
  696. ><svg xmlns="http://www.w3.org/2000/svg"
  697. width="24" height="24" viewBox="0 0 24 24" fill="none"
  698. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  699. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  700. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  701. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  702. </svg>
  703. <span class="sr-only">[archive]</span></a> aujourd’hui. Je suis de plus en plus tenté d’introduire une 6<sup>e</sup> étape qui serait autour du pardon. <q>Je te pardonne pour …, cela m’a permis d’apprendre … </q>. J’ai l’intuition que cela pourrait ajouter quelque chose pour un groupe relativement intime qui s’inscrit dans la&nbsp;durée.</p>
  704. <nav>
  705. <p>
  706. <a href="/david/2024/ecriture/"
  707. title="Liste de tous les articles 2024 associés à cette étiquette"
  708. rel="tag">#écriture</a>
  709. <a href="/david/2024/processus/"
  710. title="Liste de tous les articles 2024 associés à cette étiquette"
  711. rel="tag">#processus</a>
  712. <a href="/david/2024/psychologie/"
  713. title="Liste de tous les articles 2024 associés à cette étiquette"
  714. rel="tag">#psychologie</a>
  715. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  716. </p>
  717. </nav>
  718. <h2>
  719. <a href="/david/2024/02/21/" title="Lien permanent vers cet article">Cinéma</a> <time datetime="2024-02-21">21 février 2024</time>
  720. </h2>
  721. <blockquote lang="en">
  722. <p>Software is a creative industry with more in common with media production industries than&nbsp;housebuilding.</p>
  723. <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/software-is-a-medium-of-setbacks/" hreflang="en"
  724. title="Consultation de l’article (anglais)">Software is a medium of setbacks, but a medium’s limitations don’t define the artist</a>
  725. <a href="/david/cache/2024/d133365d1dec62b9ad7ab4c911db863a/" hreflang="en"
  726. data-tippy data-description="Much of the time, progress in software development comes coupled with a matching regression.“We’ve made it better.”(Whispered) “But we’ve also made it worse. The evolution of Apple’s computing devices makes for a decent example."
  727. data-source="https://www.baldurbjarnason.com/2024/software-is-a-medium-of-setbacks/"
  728. data-date="2024-02-21"
  729. data-favicon="https://www.baldurbjarnason.com/dark-bird.svg"
  730. data-domain="baldurbjarnason.com"
  731. ><svg xmlns="http://www.w3.org/2000/svg"
  732. width="24" height="24" viewBox="0 0 24 24" fill="none"
  733. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  734. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  735. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  736. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  737. </svg>
  738. <span class="sr-only">[archive]</span></a></em></cite></p>
  739. </blockquote>
  740. <p>Pour filer la métaphore, je me demande si les assistants à base de <a data-link-domain="vitrinelinguistique.oqlf.gouv.qc.ca" href="https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/26570880/grand-modele-de-langage">grands modèles de langage</a> seraient l’équivalent des environnements verts dans lesquels évoluent les acteur·ices aujourd’hui. Leur métier a changé avec la technologie, leur jeu a dû s’adapter pour transmettre des émotions dans un contexte où iels ne maîtrisent plus du tout la chaîne de représentation de leur travail. J’imagine que même la vérification de leur prise nécessite une bonne dose&nbsp;d’imaginaire.</p>
  741. <p>Quel est leur sentiment à la fin d’une journée de tournage&#8239;? Quel sera le&nbsp;mien&#8239;?</p>
  742. <blockquote lang="en">
  743. <p>Dear Mr. Architect!</p>
  744. <p>Please design and build me a house. I am not quite sure of what I need, so you should use your discretion. My house should have between two and forty-five bedrooms. Just make sure the plans are such that the bedrooms can be easily added or deleted. When you bring the blueprints to me, I will make the final decision of what I want. Also, bring me the cost breakdown for each configuration so that I can arbitrarily pick&nbsp;one.</p>
  745. <p><cite><em><a data-link-domain="gksoft.com" href="http://www.gksoft.com/a/fun/architects.html" hreflang="en"
  746. title="Consultation de l’article (anglais)">If Architects had to work like Programmers</a>
  747. <a href="/david/cache/2024/2ad967b8fc35e160fa8e6c1d2a3b4734/" hreflang="en"
  748. data-tippy data-description="You must be thrilled to be working on an interesting project as this!"
  749. data-source="http://www.gksoft.com/a/fun/architects.html"
  750. data-date="2024-02-21"
  751. data-favicon=""
  752. data-domain="gksoft.com"
  753. ><svg xmlns="http://www.w3.org/2000/svg"
  754. width="24" height="24" viewBox="0 0 24 24" fill="none"
  755. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  756. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  757. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  758. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  759. </svg>
  760. <span class="sr-only">[archive]</span></a></em>, 1995</cite></p>
  761. </blockquote>
  762. <a href="#hr-83" title="Lien vers cette section de la page"><hr id="hr-83" /></a>
  763. <blockquote>
  764. <p>Fracas est un collectif queer et féministe d’aide à la gestion de conflits interpersonnels, de violences et d’agressions au sein de&nbsp;collectifs.</p>
  765. <p><cite><em><a data-link-domain="collectif-fracas.com" href="https://www.collectif-fracas.com/" hreflang="fr"
  766. title="Consultation de l’article">Fracas, collectif queer et féministe d’aide à la gestion de conflits</a>
  767. <a href="/david/cache/2024/f1041ff1c0dfabc719d64a4a5bcb0c10/" hreflang="fr"
  768. data-tippy data-description="Fracas est un collectif queer et féministe d’aide à la gestion de conflits interpersonnels, de violences et d’agressions au sein de collectifs."
  769. data-source="https://www.collectif-fracas.com/"
  770. data-date="2024-02-21"
  771. data-favicon="https://assets-global.website-files.com/60339ece26e0011279a8b071/614c50304051ad041149ae60_favicon.png"
  772. data-domain="collectif-fracas.com"
  773. ><svg xmlns="http://www.w3.org/2000/svg"
  774. width="24" height="24" viewBox="0 0 24 24" fill="none"
  775. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  776. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  777. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  778. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  779. </svg>
  780. <span class="sr-only">[archive]</span></a></em></cite></p>
  781. </blockquote>
  782. <p>Si peu de temps et tellement à&nbsp;explorer.</p>
  783. <p>(<a data-link-domain="cqfd-journal.org" href="https://cqfd-journal.org/Se-reapproprier-nos-conflits" hreflang="fr"
  784. title="Consultation de l’article">Via CQFD</a>
  785. <a href="/david/cache/2024/81e8bd49021e320b84e5d4fbd4c7f587/" hreflang="fr"
  786. data-tippy data-description="En se penchant sur les manières dont sont prises en charge les violences (notamment sexistes et sexuelles) dans les milieux militants, l’ouvrage (...)"
  787. data-source="https://cqfd-journal.org/Se-reapproprier-nos-conflits"
  788. data-date="2024-02-21"
  789. data-favicon="https://cqfd-journal.org/squelettes/favicon.ico"
  790. data-domain="cqfd-journal.org"
  791. ><svg xmlns="http://www.w3.org/2000/svg"
  792. width="24" height="24" viewBox="0 0 24 24" fill="none"
  793. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  794. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  795. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  796. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  797. </svg>
  798. <span class="sr-only">[archive]</span></a> qui arrive à ne faire aucun lien vers le site en question, ça me rend&nbsp;fou…)</p>
  799. <nav>
  800. <p>
  801. <a href="/david/2024/dystopie/"
  802. title="Liste de tous les articles 2024 associés à cette étiquette"
  803. rel="tag">#dystopie</a>
  804. <a href="/david/2024/ia/"
  805. title="Liste de tous les articles 2024 associés à cette étiquette"
  806. rel="tag">#IA</a>
  807. <a href="/david/2024/psychologie/"
  808. title="Liste de tous les articles 2024 associés à cette étiquette"
  809. rel="tag">#psychologie</a>
  810. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  811. </p>
  812. </nav>
  813. <h2>
  814. <a href="/david/2024/02/11/" title="Lien permanent vers cet article">Violence</a> <time datetime="2024-02-11">11 février 2024</time>
  815. </h2>
  816. <p>Il y a une forme de violence à dire —&nbsp;de manière plus ou moins directe&nbsp;— à des personnes que les outils numériques qu’elles utilisent ne sont pas appropriés. D’autant plus en ne proposant pas d’alternative réellement&nbsp;utilisable&nbsp;:&nbsp;</p>
  817. <ul>
  818. <li>dans le contexte de littératie numérique de la&nbsp;personne,</li>
  819. <li>dans le contexte culturel du groupe de travail autour de la&nbsp;personne,</li>
  820. <li>dans les priorités actuelles du groupe pour lequel l’informatique reste un outil&nbsp;et/ou</li>
  821. <li>dans la situation de détresse en&nbsp;cours.</li>
  822. </ul>
  823. <p>Si la <em>ré</em>-action est inappropriée, c’est peut-être que l’action initiale ne l’était pas non&nbsp;plus…</p>
  824. <nav>
  825. <p>
  826. <a href="/david/2024/communaute/"
  827. title="Liste de tous les articles 2024 associés à cette étiquette"
  828. rel="tag">#communauté</a>
  829. <a href="/david/2024/opensource/"
  830. title="Liste de tous les articles 2024 associés à cette étiquette"
  831. rel="tag">#opensource</a>
  832. <a href="/david/2024/psychologie/"
  833. title="Liste de tous les articles 2024 associés à cette étiquette"
  834. rel="tag">#psychologie</a>
  835. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  836. </p>
  837. </nav>
  838. <h2>
  839. <a href="/david/2024/02/10/" title="Lien permanent vers cet article">Validisme</a> <time datetime="2024-02-10">10 février 2024</time>
  840. </h2>
  841. <blockquote>
  842. <p>En informatique, y’a ce concept de «&nbsp;ça marche sur ma machine&nbsp;». C’est quand une personne qui utilise un logiciel, remonte un problème qu’elle rencontre et la personne qui fabrique le logiciel répond&nbsp;ça</p>
  843. <p>Évidemment, c’est frustrant de recevoir cette réponse, parce que ça ne fournit aucune solution, mais ça ressemble aussi très fort à «&nbsp;je ne vois pas le problème, donc ce problème n’existe&nbsp;pas&nbsp;»</p>
  844. <p>Un peu comme une personne blanche qui dirait que le racisme n’existe pas vu qu’elle ne le vit pas<br />
  845. Ou un homme avec le&nbsp;sexisme</p>
  846. <p>Et j’ai vécu plusieurs fois avec des grosses structures (administrations et entreprises privées) un truc qui ressemble à «&nbsp;ça marche sur leur machine&nbsp;»<br />
  847. Là, c’est une variante de dénégation qui dit «&nbsp;ça marche pour suffisamment d’autres personnes, donc on ne va pas s’intéresser à votre situation&nbsp;particulière&nbsp;»</p>
  848. <p>Et c’est frustrant quand, mauvaise pioche&#8239;! on est systématiquement dans la minorité&nbsp;statistique</p>
  849. <p><mark>Le validisme, ça parle aussi de comment des personnes sont systématiquement le&nbsp;1%</mark> de personnes qui voient mal l’écran pendant une présentation<br />
  850. ou le&nbsp;1% avec un fauteuil roulant dans la pièce
  851. etc.</p>
  852. <p>Certaines personnes passent 90% de leur vie à être dans le&nbsp;mauvaise-pioche-1%</p>
  853. <p><cite><em><a data-link-domain="eldritch.cafe" href="https://eldritch.cafe/@davidbruant/111872926260149351">Sapphire Rubyant sur&nbsp;masto</a></em></cite></p>
  854. </blockquote>
  855. <p>Se retrouver en invalidité temporaire permet de se rendre compte de choses par l’expérience. Et c’est parfois bien plus que de la double peine&nbsp;: je mets plus de temps pour faire ma correspondance métro faute d’infrastructures adaptées, ce qui me fait arriver en retard donc j’ai la place la moins appropriée, je dois travailler plus vite / efficacement pour rattraper le groupe ce qui me fait prendre davantage de risques, etc. Et je ne parle même pas de l’impact psychologique sur la situation&nbsp;: frustration, colère, dévaluation de soi, à quoi bon, honte, isolement, etc.</p>
  856. <p>C’est déplacé de parler de <em>mon</em> cas alors que de très nombreuses personnes vivent cela au quotidien. Toute leur vie. En supportant le regard des autres, avec une potentielle intersectionalité qui vient mettre les difficultés au&nbsp;carré…</p>
  857. <p>Ce que je voulais souligner avec cet exemple parmi d’autres, c’est qu’il n’y a qu’en expérimentant la situation que j’ai pu prendre conscience de cet effet domino. J’étais pourtant relativement sensibilisé aux problèmes d’accessibilité de manière isolée mais c’est vraiment leur enchainement qui m’a sauté aux yeux pendant cette&nbsp;période.</p>
  858. <p>Je m’imagine maintenant des suites de frustrations numériques du même ordre&nbsp;: il y a un souci bloquant sur le site que je voudrais solidairement faire remonter, je cherche à faire un report de <em>bug</em> sur l’outil dédié mais il y a de l’authentification qui m’affiche une erreur à laquelle je n’ai pas accès, je décide de passer par le formulaire de contact mais il y a un captcha illisible pour moi, je fais une demande sur les réseaux sociaux et on me redirige vers un <em>screencast</em> non sous-titré ou une aide en anglais, etc.</p>
  859. <p>L’accessibilité doit être pensée holistiquement (pour employer un gros mot), chaque situation impensée devenant une goutte de plus dans un verre déjà bien trop&nbsp;plein.</p>
  860. <p>J’ai encore du&nbsp;travail.</p>
  861. <nav>
  862. <p>
  863. <a href="/david/2024/accessibilite/"
  864. title="Liste de tous les articles 2024 associés à cette étiquette"
  865. rel="tag">#accessibilité</a>
  866. <a href="/david/2024/experience/"
  867. title="Liste de tous les articles 2024 associés à cette étiquette"
  868. rel="tag">#expérience</a>
  869. <a href="/david/2024/psychologie/"
  870. title="Liste de tous les articles 2024 associés à cette étiquette"
  871. rel="tag">#psychologie</a>
  872. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  873. </p>
  874. </nav>
  875. <h2>
  876. <a href="/david/2024/02/05/" title="Lien permanent vers cet article">Jeu</a> <time datetime="2024-02-05">5 février 2024</time>
  877. </h2>
  878. <p>Dans la même&nbsp;journée&nbsp;:</p>
  879. <blockquote lang="en">
  880. <p><mark>Built like a video&nbsp;game</mark></p>
  881. <p>Designed to perform smoothly at 60&nbsp;frames per second, our tool disappears and you can focus on what matters: working with your&nbsp;data.</p>
  882. <p><cite><em><a data-link-domain="quadratichq.com" href="https://www.quadratichq.com/">quadratic</a></em></cite></p>
  883. </blockquote>
  884. <p>Puis&nbsp;:</p>
  885. <blockquote lang="en">
  886. <p><mark>Built like a video&nbsp;game</mark></p>
  887. <p>Zed’s breakthrough performance starts with our GPUI framework, a new way to build 2D user interfaces. GPUI rasterizes the entire window on the GPU, just like a 3D video game. The result? Fast, reliable, and smooth delivery of pixels on every&nbsp;frame.</p>
  888. <p><cite><em><a data-link-domain="zed.dev" href="https://zed.dev/">Zed</a></em></cite></p>
  889. </blockquote>
  890. <p>Intéressant comme coïncidence&nbsp;commerciale.</p>
  891. <a href="#hr-67" title="Lien vers cette section de la page"><hr id="hr-67" /></a>
  892. <p>J’ai réussi à trottiner 3&#8239;km aujourd’hui, à vitesse très réduite et en étant strapé. C’est une première après 4&nbsp;semaines <a href="/david/2024/01/09/" title="Blessure">de repos</a>. Il s’agit de reculer maintenant au maximum le moment où je vais me retordre cette cheville. Afin de réduire ce risque, j’hésite à repartir sur du <em>barefoot</em> car le mollet a aussi souffert pendant la torsion. Puis bon, il fait encore un peu&nbsp;frais…</p>
  893. <p>Il y a cette nostalgie des sorties longues à Tokyo, en étant <a href="/david/thoughts/#barefoot">quasiment pieds nus</a>. Si j’étais joueur, j’appellerais ça <em>bearfoot</em> dans mon contexte&nbsp;actuel.</p>
  894. <nav>
  895. <p>
  896. <a href="/david/2024/experience/"
  897. title="Liste de tous les articles 2024 associés à cette étiquette"
  898. rel="tag">#expérience</a>
  899. <a href="/david/2024/psychologie/"
  900. title="Liste de tous les articles 2024 associés à cette étiquette"
  901. rel="tag">#psychologie</a>
  902. <a href="/david/2024/technique/"
  903. title="Liste de tous les articles 2024 associés à cette étiquette"
  904. rel="tag">#technique</a>
  905. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  906. </p>
  907. </nav>
  908. <h2>
  909. <a href="/david/2024/01/26/" title="Lien permanent vers cet article">Cargo</a> <time datetime="2024-01-26">26 janvier 2024</time>
  910. </h2>
  911. <blockquote lang="en">
  912. <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
  913. <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
  914. <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en"
  915. title="Consultation de l’article (anglais)">Unsigned Commits</a>
  916. <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" hreflang="en"
  917. data-tippy data-description="Deciphering Glyph, the blog of Glyph Lefkowitz."
  918. data-source="https://blog.glyph.im/2024/01/unsigned-commits.html"
  919. data-date="2024-01-25"
  920. data-favicon="https://blog.glyph.im/images/favicon.ico"
  921. data-domain="blog.glyph.im"
  922. ><svg xmlns="http://www.w3.org/2000/svg"
  923. width="24" height="24" viewBox="0 0 24 24" fill="none"
  924. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  925. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  926. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  927. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  928. </svg>
  929. <span class="sr-only">[archive]</span></a></em></cite></p>
  930. </blockquote>
  931. <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
  932. <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
  933. <a href="#hr-50" title="Lien vers cette section de la page"><hr id="hr-50" /></a>
  934. <blockquote>
  935. <p>Cette lutte ne créera pas un mouvement de masse…<br />
  936. Mais elle est un ingrédient, parmi de nombreuses autres luttes territoriales, qui toutes façonnent ces mêmes possibilités affectives…<br />
  937. Se sentir coïncider non pas avec soi-même mais avec un milieu de vie…<br />
  938. Se sentir maillé à un vaste collectif d’humains et de non-humains…<br />
  939. Des affects, qui constituent la nécessaire force motrice du mouvement que nous espérons voir&nbsp;croître.</p>
  940. <p><cite><em><a data-link-domain="puntish.blogspot.com" href="http://puntish.blogspot.com/2024/01/defendre-le-glacier-de-la-grave.html">Défendre le glacier de La&nbsp;Grave</a></em></cite></p>
  941. </blockquote>
  942. <p>La justesse d’Alessandro Pignocchi et les couleurs de ses&nbsp;aquarelles&nbsp;💚.</p>
  943. <a href="#hr-51" title="Lien vers cette section de la page"><hr id="hr-51" /></a>
  944. <blockquote lang="en">
  945. <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
  946. <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en"
  947. title="Consultation de l’article (anglais)">Portable EPUBs</a>
  948. <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" hreflang="en"
  949. data-tippy data-description="A proposal for the next generation of portable documents."
  950. data-source="https://willcrichton.net/notes/portable-epubs/"
  951. data-date="2024-01-25"
  952. data-favicon=""
  953. data-domain="willcrichton.net"
  954. ><svg xmlns="http://www.w3.org/2000/svg"
  955. width="24" height="24" viewBox="0 0 24 24" fill="none"
  956. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  957. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  958. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  959. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  960. </svg>
  961. <span class="sr-only">[archive]</span></a></em></cite></p>
  962. </blockquote>
  963. <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
  964. <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
  965. <a href="#hr-52" title="Lien vers cette section de la page"><hr id="hr-52" /></a>
  966. <blockquote>
  967. <p>Les sites et outils numériques que je&nbsp;propose</p>
  968. <p><cite><em><a data-link-domain="eyssette.github.io" href="https://eyssette.github.io/">Cédric&nbsp;Eyssette</a></em></cite></p>
  969. </blockquote>
  970. <p>Beaucoup de belles et frugales choses (autour de markdown) à explorer sur cet&nbsp;espace.</p>
  971. <nav>
  972. <p>
  973. <a href="/david/2024/gratitude/"
  974. title="Liste de tous les articles 2024 associés à cette étiquette"
  975. rel="tag">#gratitude</a>
  976. <a href="/david/2024/partage/"
  977. title="Liste de tous les articles 2024 associés à cette étiquette"
  978. rel="tag">#partage</a>
  979. <a href="/david/2024/psychologie/"
  980. title="Liste de tous les articles 2024 associés à cette étiquette"
  981. rel="tag">#psychologie</a>
  982. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  983. </p>
  984. </nav>
  985. <h2>
  986. <a href="/david/2024/01/12/" title="Lien permanent vers cet article">Personnel</a> <time datetime="2024-01-12">12 janvier 2024</time>
  987. </h2>
  988. <blockquote>
  989. <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
  990. <p>J’écris de deux&nbsp;façons.</p>
  991. <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr"
  992. title="Consultation de l’article">je ne sais pas pourquoi</a>
  993. <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" hreflang="fr"
  994. data-tippy data-description=""
  995. data-source="https://www.la-grange.net/2024/01/11/pourquoi"
  996. data-date="2024-01-11"
  997. data-favicon="https://www.la-grange.net/favicon.ico"
  998. data-domain="la-grange.net"
  999. ><svg xmlns="http://www.w3.org/2000/svg"
  1000. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1001. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1002. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1003. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1004. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1005. </svg>
  1006. <span class="sr-only">[archive]</span></a></em></cite></p>
  1007. </blockquote>
  1008. <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr"
  1009. title="Consultation de l’article">définition par ici</a>
  1010. <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" hreflang="fr"
  1011. data-tippy data-description="Une chaise, un lit, un canapé, une baignoire, une place de métro, un banc dans un parc, un muret. Un fauteuil à roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafétéria."
  1012. data-source="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB"
  1013. data-date="2024-01-11"
  1014. data-favicon="https://tw5.immateriel.fr/wiki/immateriel/b/favicon.ico"
  1015. data-domain="tw5.immateriel.fr"
  1016. ><svg xmlns="http://www.w3.org/2000/svg"
  1017. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1018. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1019. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1020. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1021. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1022. </svg>
  1023. <span class="sr-only">[archive]</span></a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
  1024. <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en"
  1025. title="Consultation de l’article (anglais)">compost</a>
  1026. <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" hreflang="en"
  1027. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  1028. data-source="https://blog.jim-nielsen.com/2023/blogging-and-compositing/"
  1029. data-date="2024-01-11"
  1030. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  1031. data-domain="blog.jim-nielsen.com"
  1032. ><svg xmlns="http://www.w3.org/2000/svg"
  1033. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1034. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1035. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1036. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1037. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1038. </svg>
  1039. <span class="sr-only">[archive]</span></a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
  1040. <blockquote lang="en">
  1041. <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
  1042. <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
  1043. <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
  1044. <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks — in order to validate its&nbsp;existence.</p>
  1045. <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en"
  1046. title="Consultation de l’article (anglais)">build a world, not an audience</a>
  1047. <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" hreflang="en"
  1048. data-tippy data-description="don’t chase your audience, let them find your world."
  1049. data-source="https://keningzhu.com/journal/build-a-world-not-an-audience"
  1050. data-date="2024-01-11"
  1051. data-favicon="https://images.squarespace-cdn.com/content/v1/51e8148de4b01c1eb79c1977/1547586234044-PLNK9XVHXBYWZ5A1673H/favicon.ico?format=100w"
  1052. data-domain="keningzhu.com"
  1053. ><svg xmlns="http://www.w3.org/2000/svg"
  1054. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1055. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1056. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1057. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1058. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1059. </svg>
  1060. <span class="sr-only">[archive]</span></a></em></cite></p>
  1061. </blockquote>
  1062. <a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
  1063. <blockquote lang="en">
  1064. <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
  1065. <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
  1066. <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en"
  1067. title="Consultation de l’article (anglais)">The personality of a personal website</a>
  1068. <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" hreflang="en"
  1069. data-tippy data-description="With his “ I am a poem I am not software” post Robin touched on an interesting problem related to personal websites. I’m not going to summarise …"
  1070. data-source="https://manuelmoreale.com/the-personality-of-a-personal-website"
  1071. data-date="2024-01-11"
  1072. data-favicon="https://manuelmoreale.com/favicon.ico"
  1073. data-domain="manuelmoreale.com"
  1074. ><svg xmlns="http://www.w3.org/2000/svg"
  1075. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1076. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1077. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1078. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1079. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1080. </svg>
  1081. <span class="sr-only">[archive]</span></a></em></cite></p>
  1082. </blockquote>
  1083. <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr"
  1084. title="Consultation de l’article">vraiment fidèle</a>
  1085. <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" hreflang="fr"
  1086. data-tippy data-description="J’aurais pu m’en rendre compte il y a vingt ans, mais il me manquait le recul de deux décennies."
  1087. data-source="https://thom4.net/2023/02/01/carnets/"
  1088. data-date="2024-01-11"
  1089. data-favicon="https://thom4.net/assets/favicon-32x32.png"
  1090. data-domain="thom4.net"
  1091. ><svg xmlns="http://www.w3.org/2000/svg"
  1092. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1093. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1094. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1095. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1096. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1097. </svg>
  1098. <span class="sr-only">[archive]</span></a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&nbsp;là.</p>
  1099. <a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
  1100. <blockquote lang="en">
  1101. <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
  1102. <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en"
  1103. title="Consultation de l’article (anglais)">Tomorrow &amp; Tomorrow &amp; Tomorrow</a>
  1104. <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" hreflang="en"
  1105. data-tippy data-description="We realize then that it is just the patterns of events in space which are repeating in the building or the town: and nothing else."
  1106. data-source="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow"
  1107. data-date="2024-01-11"
  1108. data-favicon=""
  1109. data-domain="erinkissane.com"
  1110. ><svg xmlns="http://www.w3.org/2000/svg"
  1111. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1112. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1113. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1114. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1115. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1116. </svg>
  1117. <span class="sr-only">[archive]</span></a></cite></p>
  1118. </blockquote>
  1119. <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr"
  1120. title="Consultation de l’article">découverte d’Antoine</a>
  1121. <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" hreflang="fr"
  1122. data-tippy data-description="Je découvre (très) tardivement ce _mantra_, ou plutôt ce positionnement récursif et infini : les pratiques modèlent les outils qui modèlent les pratiques etc."
  1123. data-source="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/"
  1124. data-date="2024-01-11"
  1125. data-favicon=""
  1126. data-domain="quaternum.net"
  1127. ><svg xmlns="http://www.w3.org/2000/svg"
  1128. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1129. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1130. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1131. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1132. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1133. </svg>
  1134. <span class="sr-only">[archive]</span></a>. Une autre façon d’être&nbsp;dé·formé.</p>
  1135. <a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
  1136. <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
  1137. <ul>
  1138. <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>
  1139. <li><a data-link-domain="mifi.no" href="https://mifi.no/losslesscut/">LosslessCut</a></li>
  1140. </ul>
  1141. <nav>
  1142. <p>
  1143. <a href="/david/2024/ecriture/"
  1144. title="Liste de tous les articles 2024 associés à cette étiquette"
  1145. rel="tag">#écriture</a>
  1146. <a href="/david/2024/processus/"
  1147. title="Liste de tous les articles 2024 associés à cette étiquette"
  1148. rel="tag">#processus</a>
  1149. <a href="/david/2024/psychologie/"
  1150. title="Liste de tous les articles 2024 associés à cette étiquette"
  1151. rel="tag">#psychologie</a>
  1152. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1153. </p>
  1154. </nav>
  1155. <form action="/david/recherche/" method="get">
  1156. <fieldset>
  1157. <legend>Recherche</legend>
  1158. <label for="input-search">Termes de votre recherche :</label>
  1159. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  1160. <input type="submit" value="Chercher">
  1161. <p id="indexation-infos">
  1162. <small>
  1163. Seuls les contenus de ces 8 dernières années sont indexés.
  1164. </small>
  1165. </p>
  1166. </fieldset>
  1167. </form>
  1168. <aside>
  1169. <theme-toggle></theme-toggle>
  1170. </aside>
  1171. </article>
  1172. <hr>
  1173. <footer>
  1174. <p>
  1175. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  1176. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  1177. <a href="http://larlet.com"
  1178. title="Go to my English profile"
  1179. data-instant>Pro</a>
  1180. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  1181. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  1182. </p>
  1183. <template id="theme-selector">
  1184. <form>
  1185. <style type="text/css">
  1186. fieldset div {
  1187. text-align: center;
  1188. }
  1189. </style>
  1190. <fieldset>
  1191. <legend>Thème</legend>
  1192. <div>
  1193. <label>
  1194. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  1195. Auto
  1196. </label>
  1197. <label>
  1198. <input type="radio" value="dark" name="chosen-color-scheme">
  1199. Foncé
  1200. </label>
  1201. <label>
  1202. <input type="radio" value="light" name="chosen-color-scheme">
  1203. Clair
  1204. </label>
  1205. </div>
  1206. </fieldset>
  1207. </form>
  1208. </template>
  1209. </footer>
  1210. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  1211. <script>
  1212. class ThemeToggle extends HTMLElement {
  1213. constructor() {
  1214. super()
  1215. const themeSelectorTemplate = document.querySelector('#theme-selector')
  1216. const form = themeSelectorTemplate.content.firstElementChild
  1217. this.attachShadow({ mode: 'open' })
  1218. this.shadowRoot.appendChild(form.cloneNode(true))
  1219. }
  1220. connectedCallback() {
  1221. const form = this.shadowRoot.querySelector('form')
  1222. form.addEventListener('change', (e) => {
  1223. const chosenColorScheme = e.target.value
  1224. localStorage.setItem('theme', chosenColorScheme)
  1225. toggleTheme(chosenColorScheme)
  1226. })
  1227. const selectedTheme = localStorage.getItem('theme')
  1228. if (selectedTheme && selectedTheme !== 'undefined') {
  1229. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  1230. }
  1231. }
  1232. }
  1233. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  1234. window.addEventListener('load', () => {
  1235. let colorsLayer = undefined
  1236. let hasDarkRules = false
  1237. for (const styleSheet of Array.from(document.styleSheets)) {
  1238. let mediaRules = []
  1239. for (const layerRule of styleSheet.cssRules) {
  1240. if (!(layerRule instanceof CSSLayerBlockRule)) {
  1241. continue
  1242. }
  1243. if (layerRule.name === 'colors') {
  1244. colorsLayer = layerRule
  1245. }
  1246. for (const cssRule of layerRule.cssRules) {
  1247. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  1248. continue
  1249. }
  1250. // WARNING: Safari does not have/supports `conditionText`.
  1251. if (cssRule.conditionText) {
  1252. if (cssRule.conditionText !== prefersColorSchemeDark) {
  1253. continue
  1254. }
  1255. } else {
  1256. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  1257. continue
  1258. }
  1259. }
  1260. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  1261. }
  1262. }
  1263. // WARNING: do not try to insert a Rule to a styleSheet you are
  1264. // currently iterating on, otherwise the browser will be stuck
  1265. // in a infinite loop…
  1266. for (const mediaRule of mediaRules) {
  1267. // Safari requires the `0` second parameter (even if default).
  1268. colorsLayer.insertRule(mediaRule.cssText, 0)
  1269. hasDarkRules = true
  1270. }
  1271. }
  1272. if (hasDarkRules) {
  1273. if ('customElements' in window && !customElements.get('theme-toggle')) {
  1274. customElements.define('theme-toggle', ThemeToggle)
  1275. }
  1276. }
  1277. })
  1278. </script>
  1279. </body>
  1280. </html>