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

index.xml 122KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <?xml-stylesheet href="/david/log/feed.xsl" type="text/xsl"?>
  3. <feed xmlns="http://www.w3.org/2005/Atom">
  4. <title>David Larlet</title>
  5. <subtitle>Dernières mises à jour du site</subtitle>
  6. <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
  7. <link href="https://larlet.fr/david/log/" rel="self" />
  8. <id>https://larlet.fr/david/</id>
  9. <updated>2024-01-23T12:00:00+01:00</updated>
  10. <author>
  11. <name>David Larlet</name>
  12. <uri>https://larlet.fr/david/</uri>
  13. </author>
  14. <rights>Copyright (c) 2004-2024, David Larlet</rights>
  15. <entry xml:lang="fr">
  16. <title type="html">Thèse</title>
  17. <link href="https://larlet.fr/david/2024/01/23/" rel="alternate" type="text/html" />
  18. <updated>2024-01-23T12:00:00+01:00</updated>
  19. <id>https://larlet.fr/david/2024/01/23/</id>
  20. <summary type="html">
  21. &lt;blockquote&gt;
  22. &lt;p&gt;Cette thèse porte sur les processus d’édition en considérant qu’ils sont constitutifs de la production du sens et qu’ils reflètent des visions du monde plurielles. Nous considérons le phénomène de fabrique d’édition comme un acte éditorial qui comprend autant la formalisation d’un texte &lt;mark&gt;que la constitution des outils permettant ce travail.&lt;/mark&gt; Les dimensions techniques de l’édition sont ainsi imbriquées, telles que la construction de procédés de fabrication et de production de formes, d’objets et d’artefacts que sont les livres, ou telles que des opérations sur le texte comme l’architecture des contenus, la structuration sémantique et la composition&amp;nbsp;typographique.&lt;/p&gt;
  23. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://these.quaternum.net/&quot;&gt;Fabriquer des éditions
  24. Éditer des fabriques - Reconfiguration des processus techniques éditoriaux et nouveaux modèles épistémologiques&lt;/a&gt;&lt;/em&gt;, Antoine&amp;nbsp;Fauchié&lt;/cite&gt;&lt;/p&gt;
  25. &lt;/blockquote&gt;
  26. &lt;p&gt;J’assiste en direct à une soutenance de thèse pour la première fois de ma vie. Il s’agit d’un exercice moins facile que ce que je m’imaginais mais pas toutes les soutenances ne se font dans un tel contexte si j’ai bien réussi à lire entre les lignes. En tout cas, j’étais impressionné par la pertinence des réponses d’Antoine à chaud et sa faculté à recentrer les&amp;nbsp;discussions.&lt;/p&gt;
  27. &lt;p&gt;Les questions que j’aurais aimé&amp;nbsp;poser&amp;nbsp;:&lt;/p&gt;
  28. &lt;ol&gt;
  29. &lt;li&gt;Comment transformer ces fabriques de logiciels &lt;em&gt;open-source&lt;/em&gt; en communs numériques impliquant une gouvernance partagée&amp;#8239;? Comment sont impliquées les différentes parties&amp;nbsp;prenantes&amp;#8239;?&lt;/li&gt;
  30. &lt;li&gt;Quelle est la littéracie numérique nécessaire pour devenir auteur·ice aujourd’hui&amp;#8239;? Quelle est l’in·accessibilité de ces fabriques sous cet angle&amp;nbsp;là&amp;#8239;?&lt;/li&gt;
  31. &lt;li&gt;Le rôle de l’éditeur·ice devient-il également celui d’un·e accompagnateur·ice technique&amp;#8239;? Quelle part pour l’éthique dans ce choix&amp;nbsp;d’intermédiaire&amp;#8239;?&lt;/li&gt;
  32. &lt;/ol&gt;
  33. &lt;p&gt;Niveau technique, dommage qu’il ne soit pas possible de faire référence à des passages particuliers vu qu’ils sont déjà numérotés dans la version HTML (mais en&amp;nbsp;CSS).&lt;/p&gt;
  34. &lt;p&gt;&lt;mark&gt;@nnotation(contexte)&lt;/mark&gt;&amp;nbsp;: J’ai &lt;a href=&quot;https://larlet.fr/david/2023/12/08/&quot;&gt;participé au développement&lt;/a&gt; d’une partie des outils présentés dans la thèse et on se connait depuis un moment avec&amp;nbsp;Antoine.&lt;/p&gt;
  35. &lt;hr /&gt;
  36. &lt;blockquote&gt;
  37. &lt;p&gt;La sociologie parle de «&amp;nbsp;dépossession économique&amp;nbsp;» et de «&amp;nbsp;dépossession culturelle&amp;nbsp;» pour nommer la manière dont la société limite les capacités d’accès à certaines ressources et les expériences qu’elles rendent possibles. Ne pourrait-on pas suggérer qu’il y a aussi, à côté de ces deux phénomènes, ce que l’on pourrait désigner comme des mécanismes de dépossession existentielle&amp;#8239;? Subir la forme-de-vie qui s’empare de nous et nous fait être ce que nous sommes, c’est subir sa vie et subir certains modes d’existence alors que d’autres auraient pu beaucoup mieux nous convenir et nous rendre plus heureux. C’est même, en un sens, se faire voler son existence par la société et les autres — et peut-être même par soi-même, par une certaine version de&amp;nbsp;soi-même.&lt;/p&gt;
  38. &lt;p&gt;&lt;mark&gt;Nous ne devons jamais, comme dit Adorno, confondre ce que nous sommes et ce que la société a fait de nous.&lt;/mark&gt; Nous ne sommes pas de toute éternité ce que nous avons été amenés à devenir. Il n’y a donc pas de projet qui vise à mettre en place une analytique oppositionnelle de l’ordre social et de notre inscription à l’intérieur de celui-ci qui pourrait faire l’économie d’une investigation de l’existence — d’une interrogation sur les formes de la vie et le tissu relationnel qui nous&amp;nbsp;constitue.&lt;/p&gt;
  39. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Une aspiration au dehors&lt;/em&gt;, Geoffroy de&amp;nbsp;Lagasnerie&lt;/cite&gt;&lt;/p&gt;
  40. &lt;/blockquote&gt;
  41. &lt;p&gt;D’une certaine manière, je vis une &lt;em&gt;dépossession existentielle&lt;/em&gt; choisie en assistant à cet exercice après avoir bifurqué d’une carrière&amp;nbsp;universitaire.&lt;/p&gt;
  42. &lt;p&gt;Merci Antoine pour&amp;nbsp;l’invitation.&lt;/p&gt;
  43. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/processus/&quot;&gt;#processus&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  44. </entry>
  45. <entry xml:lang="fr">
  46. <title type="html">Légitimité</title>
  47. <link href="https://larlet.fr/david/2024/01/22/" rel="alternate" type="text/html" />
  48. <updated>2024-01-22T12:00:00+01:00</updated>
  49. <id>https://larlet.fr/david/2024/01/22/</id>
  50. <summary type="html">
  51. &lt;blockquote&gt;
  52. &lt;p&gt;Car comment écrire le monde, en particulier celui qui souffre, suffoque et se bat, depuis une situation privilégiée&amp;#8239;? Comment, dans un monde baigné de superflu, mener une analyse fine et lucide sur la nécessité&amp;#8239;? Peut-on en appeler à la beauté dans un monde de violence&amp;#8239;? Et comment combattre le sentiment d’imposture&amp;#8239;? Comment concilier lucidité et poésie, politique et esthétique, sentiment de classe et pulsions d’universalité, comment enfin écrire sur ce qu’on ne fait parfois qu’effleurer, sans l’avoir parfaitement, longuement et profondément&amp;nbsp;éprouvé&amp;#8239;?&lt;/p&gt;
  53. &lt;p&gt;En étant honnête, sans doute. […] &lt;mark&gt;Mais l’écriture, une fois entravée d’un tel filet de précautions et de prudences, ne perd-elle pas en&amp;nbsp;sincérité&amp;#8239;?&lt;/mark&gt;&lt;/p&gt;
  54. &lt;p&gt;Le désir de beauté, les envies de mots débridés, le souci même de l’éthique viennent souvent se fracasser sur la réalité sociale, le prosaïque du quotidien et &lt;em&gt;in fine&lt;/em&gt; la crainte de l’indécence. C’est un souci salutaire sans aucun doute, mais aussi un brise-l’élan qui, depuis des années, me détourne de&amp;nbsp;l’essai.&lt;/p&gt;
  55. &lt;p&gt;La critique est tellement facile et le dénigrement si prisé dans les milieux militants que je ne dois pas être la seule, parfois, à me sentir dissuadée d’écrire sur certains sujets. Pourtant, faut-il s’empêcher d’explorer de nouveaux espaces, d’écrire ses impressions, de poser des intuitions et des sensations, de formuler des hypothèses? Faut-il s’interdire certains&amp;nbsp;thèmes&amp;#8239;?&lt;/p&gt;
  56. &lt;p&gt;Doit-on être spécialiste d’un sujet pour en parler&amp;#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&amp;nbsp;création.&lt;/p&gt;
  57. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
  58. &lt;/blockquote&gt;
  59. &lt;p&gt;La légitimité de la personne qui écrit est importante —&amp;nbsp;notamment en terme de crédibilité&amp;nbsp;— et j’apprécie qu’IA Writer &lt;a href=&quot;https://ia.net/topics/writing-with-ai&quot;&gt;expérimente des choses&lt;/a&gt; dans le domaine et peut-être que leur &lt;a href=&quot;https://github.com/iainc/Markdown-Annotations&quot;&gt;spécification pour annotations&lt;/a&gt; pourrait être détournée pour mentionner où l’auteur·ice &lt;em&gt;se situe&lt;/em&gt; explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&amp;nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.&lt;/p&gt;
  60. &lt;p&gt;C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&amp;nbsp;jours&amp;#8239;?&lt;/p&gt;
  61. &lt;blockquote lang=&quot;en&quot;&gt;
  62. &lt;p&gt;optionally followed by author annotation session, with a format &lt;mark&gt;to be announced&lt;/mark&gt; in a future version of the spec, separated from the author name either by the author identifier or a&amp;nbsp;comma&lt;/p&gt;
  63. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/iainc/Markdown-Annotations#author-annotations&quot;&gt;Author&amp;nbsp;Annotations&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  64. &lt;/blockquote&gt;
  65. &lt;hr /&gt;
  66. &lt;blockquote lang=&quot;en&quot;&gt;
  67. &lt;p&gt;Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&amp;nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&amp;nbsp;months. It felt&amp;nbsp;normal.&lt;/p&gt;
  68. &lt;p&gt;I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. &lt;mark&gt;Antarctica was a a different world, a radical departure from my normal reality.&lt;/mark&gt; It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&amp;nbsp;life.&lt;/p&gt;
  69. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://brr.fyi/posts/redeployment-part-three&quot;&gt;Redeployment Part&amp;nbsp;Three&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  70. &lt;/blockquote&gt;
  71. &lt;p&gt;Troisième partie (&lt;a href=&quot;https://brr.fyi/posts/redeployment-part-one&quot;&gt;1&lt;/a&gt;, &lt;a href=&quot;https://brr.fyi/posts/redeployment-part-two&quot;&gt;2&lt;/a&gt;) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&amp;nbsp;parfaits.&lt;/p&gt;
  72. &lt;p&gt;&lt;em&gt;Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&amp;nbsp;froid.&lt;/em&gt;&lt;/p&gt;
  73. &lt;hr /&gt;
  74. &lt;blockquote&gt;
  75. &lt;p&gt;Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la &lt;strong&gt;représentativité&lt;/strong&gt;. &lt;mark&gt;Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.&lt;/mark&gt; J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être &lt;strong&gt;marraine&lt;/strong&gt; et intervenir dans des écoles avec &lt;a href=&quot;https://www.ellesbougent.com/&quot;&gt;Elles bougent&lt;/a&gt; ou &lt;a href=&quot;https://www.intrepidesdelatech.org/&quot;&gt;Les intrépides de la tech&lt;/a&gt;.&lt;/p&gt;
  76. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html&quot;&gt;Manuel de survie de la femme dans la&amp;nbsp;tech&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  77. &lt;/blockquote&gt;
  78. &lt;p&gt;Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&amp;nbsp;listés.&lt;/p&gt;
  79. &lt;p&gt;Je peux faire le &lt;em&gt;parrain-à-6000km&lt;/em&gt;, mon adresse de courriel est en pied de&amp;nbsp;page.&lt;/p&gt;
  80. &lt;p&gt;&lt;mark&gt;@nnotation(intention)&lt;/mark&gt;&amp;nbsp;: Je précise la distance depuis la France car ça réduit les possibilités d’agressions physiques… et malheureusement c’est non&amp;nbsp;négligeable.&amp;nbsp;😢&lt;/p&gt;
  81. &lt;blockquote&gt;
  82. &lt;p&gt;La technique de l’amplification, popularisée à la Maison Blanche à l’époque d’Obama, consiste à répéter l’idée en lui reconnaissant la maternité, ce qui permet d’augmenter son audibilité. Sachez aussi que nous n’apprenons pas à nous exprimer de la même façon selon notre genre. Quand les femmes prennent la parole, elles l’encombrent plus souvent de termes parasites minimisant comme &lt;em&gt;“peut-être”&lt;/em&gt;, &lt;em&gt;“je pense que”&lt;/em&gt;, &lt;em&gt;“c’est juste mon avis”&lt;/em&gt;. &lt;mark&gt;Les femmes enrobent plus leurs propos, ce qui peut limiter sa portée et/ou nuire à sa clarté, et surtout minimiser des propos pas moins importants.&lt;/mark&gt; Elles s’excusent aussi plus souvent de déranger (à tort). À l’écrit, ce sont les points d’exclamation et les smileys qui sont sur représentés, pour adoucir le ton et paraître sympathique. Dans tous les cas, ces parasites réduisent l’impact des messages exprimés. En gros, il vaut mieux faire court pour limiter la charge cognitive et répéter plusieurs fois le&amp;nbsp;message…&lt;/p&gt;
  83. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  84. &lt;/blockquote&gt;
  85. &lt;p&gt;… ou que les personnes à l’écoute apprennent à communiquer de cette façon&amp;#8239;? À donner le temps nécessaire à la prise de soin plutôt que de formater d’autres personnes à ce qui peut être interprété comme de l’«&amp;nbsp;efficacité&amp;nbsp;» analytique (telle que définie par des hommes)&amp;#8239;? L’adaptation peut et doit se faire dans les deux&amp;nbsp;sens.&lt;/p&gt;
  86. &lt;p&gt;&lt;mark&gt;@nnotation(légitimité)&lt;/mark&gt;&amp;nbsp;: Je propose cela alors qu’il y a 6&amp;nbsp;femmes sur les 8&amp;nbsp;membres de Scopyleft, à la création nous étions 4&amp;nbsp;hommes. Le changement dans nos interactions a été&amp;nbsp;radical.&lt;/p&gt;
  87. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/echanges/&quot;&gt;#échanges&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  88. </entry>
  89. <entry xml:lang="fr">
  90. <title type="html">Bois</title>
  91. <link href="https://larlet.fr/david/2024/01/21/" rel="alternate" type="text/html" />
  92. <updated>2024-01-21T12:00:00+01:00</updated>
  93. <id>https://larlet.fr/david/2024/01/21/</id>
  94. <summary type="html">
  95. &lt;p&gt;La dissonance cognitive du jour&amp;nbsp;: faire un atelier de tour à bois et lire dans la foulée &lt;em&gt;La vie secrète des arbre&lt;/em&gt; de Peter Wohlleben brillamment mise en version BD par Fred Bernard et Benjamin&amp;nbsp;Flao.&lt;/p&gt;
  96. &lt;figure&gt;
  97. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-20-tour-a-bois.jpg&quot;
  98. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  99. &lt;img
  100. src=&quot;https://larlet.fr/static/david/2024/2024-01-20-tour-a-bois.jpg&quot;
  101. width=&quot;3024&quot; height=&quot;4032&quot;
  102. srcset=&quot;/static/david/2024/2024-01-20-tour-a-bois.jpg 3024w, /static/david/2024/2024-01-20-tour-a-bois_660x440.jpg 660w, /static/david/2024/2024-01-20-tour-a-bois_990x660.jpg 990w, /static/david/2024/2024-01-20-tour-a-bois_1320x880.jpg 1320w&quot;
  103. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  104. loading=&quot;lazy&quot;
  105. decoding=&quot;async&quot;
  106. alt=&quot;Une assiette, un bol et une cuillère en bois à côté du livre cité avec des plantes en fond.&quot;&gt;
  107. &lt;/a&gt;
  108. &lt;figcaption&gt;6 heures de travail non-stop pour faire cette assiette et ce&amp;nbsp;bol.&lt;/figcaption&gt;
  109. &lt;/figure&gt;
  110. &lt;blockquote&gt;
  111. &lt;p&gt;Lorsque je marche en foret, je sens que je fais partie intégrante du vivant. Je suis, nous sommes naturellement, unis au minéral, aux bactéries, aux virus, aux champignons aux plantes, aux chenilles, aux papillons, à tous les&amp;nbsp;animaux.&lt;/p&gt;
  112. &lt;p&gt;Nous sommes tous reliés et &lt;mark&gt;ne faisons que passer sur cette mince pellicule de vie&lt;/mark&gt; qui couvre miraculeusement la terre. Tout le vivant est constitue des mêmes atomes présents sur notre planète depuis sa&amp;nbsp;création.&lt;/p&gt;
  113. &lt;p&gt;Je porte en moi des particules qui ont constitue des arbres du crétacé, des légionnaires romains, des plants de tomates rapportés d’Amérique par les conquistadors… rien ne se crée, tout se transforme, dit-on. Rien n’est plus&amp;nbsp;vrai.&lt;/p&gt;
  114. &lt;/blockquote&gt;
  115. &lt;figure&gt;
  116. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-20-vie-secrete-arbres.jpg&quot;
  117. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  118. &lt;img
  119. src=&quot;https://larlet.fr/static/david/2024/2024-01-20-vie-secrete-arbres.jpg&quot;
  120. width=&quot;3024&quot; height=&quot;4032&quot;
  121. srcset=&quot;/static/david/2024/2024-01-20-vie-secrete-arbres.jpg 3024w, /static/david/2024/2024-01-20-vie-secrete-arbres_660x440.jpg 660w, /static/david/2024/2024-01-20-vie-secrete-arbres_990x660.jpg 990w, /static/david/2024/2024-01-20-vie-secrete-arbres_1320x880.jpg 1320w&quot;
  122. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  123. loading=&quot;lazy&quot;
  124. decoding=&quot;async&quot;
  125. alt=&quot;Extrait du livre «&amp;nbsp;La vie secrète des arbres&amp;nbsp;» dont est issue la citation ci-dessus.&quot;&gt;
  126. &lt;/a&gt;
  127. &lt;figcaption&gt;J’aime beaucoup des livres transformés en BD, je trouve que l’image leur donne une autre&amp;nbsp;dimension.&lt;/figcaption&gt;
  128. &lt;/figure&gt;
  129. &lt;p&gt;D’autant plus motivé pour trouver un bout de forêt à préserver —&amp;nbsp;des chasseurs, de l’exploitation, de la pollution, etc.&amp;nbsp;— dans le coin. Un de mes objectifs&amp;nbsp;2024.&lt;/p&gt;
  130. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  131. </entry>
  132. <entry xml:lang="fr">
  133. <title type="html">Extinction</title>
  134. <link href="https://larlet.fr/david/2024/01/20/" rel="alternate" type="text/html" />
  135. <updated>2024-01-20T12:00:00+01:00</updated>
  136. <id>https://larlet.fr/david/2024/01/20/</id>
  137. <summary type="html">
  138. &lt;blockquote lang=&quot;en&quot;&gt;
  139. &lt;p&gt;So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&amp;nbsp;metrics.&lt;/p&gt;
  140. &lt;p&gt;One important thing to note; &lt;mark&gt;websites aren’t extinct.&lt;/mark&gt; In fact, you’re on one now! Uploading your own words is ancient technology but still&amp;nbsp;works.&lt;/p&gt;
  141. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://daverupert.com/2024/01/where-have-all-the-websites-gone/&quot;&gt;Where have all the flowers&amp;nbsp;gone?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  142. &lt;/blockquote&gt;
  143. &lt;p&gt;En réponse à &lt;q lang=&quot;en&quot;&gt;&lt;a href=&quot;https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/&quot;&gt;Where have all the websites gone?&lt;/a&gt;&lt;/q&gt; que j’ai &lt;a href=&quot;https://larlet.fr/david/2024/01/10/#hr-24&quot;&gt;déjà cité&lt;/a&gt;. Peut-être que la capacité à publier est toujours là mais que nous avons &lt;a href=&quot;https://larlet.fr/david/2024/01/12/#hr-27&quot;&gt;trop changé&lt;/a&gt; pour être capables de perdurer dans cette pratique. 2024&amp;nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si &lt;em&gt;je&lt;/em&gt;&amp;nbsp;dure.&lt;/p&gt;
  144. &lt;p&gt;&lt;em&gt;Guidé par le besoin, je suis en train d’automatiser des ancres sur mes &lt;code&gt;&amp;lt;hr&amp;gt;&lt;/code&gt;, fausse bonne idée&amp;#8239;? En affinant un peu le style ça me convient pour&amp;nbsp;l’instant.&lt;/em&gt;&lt;/p&gt;
  145. &lt;hr /&gt;
  146. &lt;blockquote&gt;
  147. &lt;p&gt;public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&amp;nbsp;archives.&lt;/p&gt;
  148. &lt;p&gt;public-inbox spawned around three main&amp;nbsp;ideas:&lt;/p&gt;
  149. &lt;ul&gt;
  150. &lt;li&gt;Publicly accessible and archived communication is essential to Free Software&amp;nbsp;development.&lt;/li&gt;
  151. &lt;li&gt;Contributing to Free Software projects should not require the use of non-Free services or&amp;nbsp;software.&lt;/li&gt;
  152. &lt;li&gt;&lt;mark&gt;Graphical user interfaces should not be required for text-based communication.&lt;/mark&gt; Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&amp;nbsp;hardware.&lt;/li&gt;
  153. &lt;/ul&gt;
  154. &lt;p&gt;public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&amp;nbsp;overhead.&lt;/p&gt;
  155. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://public-inbox.org/README.html&quot;&gt;public-inbox - an &amp;quot;archives first&amp;quot; approach to mailing&amp;nbsp;lists&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  156. &lt;/blockquote&gt;
  157. &lt;p&gt;D’une certaine manière, l’&lt;a href=&quot;https://github.com/jgm/pandoc/issues/9250&quot;&gt;extinction de voix des un·es&lt;/a&gt; fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de &lt;em&gt;Google Groups&lt;/em&gt; à &lt;em&gt;Microsoft Github Discussions&lt;/em&gt; par&amp;nbsp;commodité.&lt;/p&gt;
  158. &lt;hr /&gt;
  159. &lt;blockquote&gt;
  160. &lt;p&gt;… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&amp;nbsp;mal.&lt;/p&gt;
  161. &lt;p&gt;Et que tu es juste &lt;mark&gt;un peu raciste&lt;/mark&gt;.&lt;/p&gt;
  162. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://emmaclit.com/2024/01/19/culture-froncaise/&quot;&gt;Culture&amp;nbsp;fronçaise&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  163. &lt;/blockquote&gt;
  164. &lt;p&gt;Voilà.&lt;/p&gt;
  165. &lt;hr /&gt;
  166. &lt;figure&gt;
  167. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg&quot;
  168. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  169. &lt;img
  170. src=&quot;https://larlet.fr/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg&quot;
  171. width=&quot;3024&quot; height=&quot;3024&quot;
  172. srcset=&quot;/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w&quot;
  173. sizes=&quot;min(100vw, calc(100vh * 3024 / 3024))&quot;
  174. loading=&quot;lazy&quot;
  175. decoding=&quot;async&quot;
  176. alt=&quot;Un enfant de dos dans des traces de ski de fond classique à la tombée du jour&quot;&gt;
  177. &lt;/a&gt;
  178. &lt;figcaption&gt;-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&amp;nbsp;l’école.&lt;/figcaption&gt;
  179. &lt;/figure&gt;
  180. &lt;p&gt;Cette photo est floue, c’est devenu tellement rare avec un téléphone (&lt;em&gt;OK&amp;nbsp;Boomer&lt;/em&gt;&amp;nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&amp;nbsp;chemin.&lt;/p&gt;
  181. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  182. </entry>
  183. <entry xml:lang="fr">
  184. <title type="html">Marcher</title>
  185. <link href="https://larlet.fr/david/2024/01/19/" rel="alternate" type="text/html" />
  186. <updated>2024-01-19T12:00:00+01:00</updated>
  187. <id>https://larlet.fr/david/2024/01/19/</id>
  188. <summary type="html">
  189. &lt;blockquote lang=&quot;en&quot;&gt;
  190. &lt;p&gt;A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&amp;nbsp;memorable.&lt;/p&gt;
  191. &lt;p&gt;&lt;mark&gt;To focus on conversations while walking,&lt;/mark&gt; participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&amp;#8239;km and has had deep conversations with all the&amp;nbsp;others.&lt;/p&gt;
  192. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://craigmod.com/ridgeline/176/&quot;&gt;The Walk and Talk: Everything We&amp;nbsp;Know&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  193. &lt;/blockquote&gt;
  194. &lt;p&gt;C’est peu de dire que ce format m’intéresse et je l’ai envisagé à plusieurs reprises en France, notamment autour du Mont-Blanc. J’ai l’impression que la Traversée de Charlevoix serait un chemin assez idéal compte tenu des &lt;a href=&quot;https://www.traverseedecharlevoix.qc.ca/services-offerts/&quot;&gt;services proposés&lt;/a&gt; s’il s’agit de s’en tenir au format décrit (transport des&amp;nbsp;bagages).&lt;/p&gt;
  195. &lt;p&gt;Le faire une première fois de manière rapide en solo cette année m’aiderait certainement —&amp;nbsp;en plus d’en faire la reconnaissance&amp;nbsp;— à l’envisager sur un rythme beaucoup plus doux en étant accompagné par la&amp;nbsp;suite.&lt;/p&gt;
  196. &lt;hr /&gt;
  197. &lt;blockquote lang=&quot;en&quot;&gt;
  198. &lt;p&gt;Going forward I plan to version the projects I work on in a way that communicates &lt;em&gt;how much effort I expect a user will need to spend to adopt the new version.&lt;/em&gt; I’m going to refer to that scheme as &lt;strong&gt;Intended Effort Versioning (EffVer for short)&lt;/strong&gt;.&lt;/p&gt;
  199. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jacobtomlinson.dev/effver/&quot;&gt;EffVer: Version your code by the effort required to&amp;nbsp;upgrade&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  200. &lt;/blockquote&gt;
  201. &lt;p&gt;Il faudrait que je rende explicite ma façon de décompter les crédits (facturés) dans &lt;a href=&quot;https://larlet.fr/david/2022/12/15/&quot;&gt;mes journaux&lt;/a&gt; car la notion d’effort / pénibilité y est présente, ce n’est pas qu’une question de temps. Ça m’aide notamment à vérifier qu’une journée n’est pas trop intense et n’a pas consommé toutes mes &lt;a href=&quot;https://fr.wikipedia.org/wiki/Th%C3%A9orie_des_cuill%C3%A8res&quot;&gt;cuillères&lt;/a&gt;, sociales surtout, ce qui peut avoir des conséquences sur les jours&amp;nbsp;suivants…&lt;/p&gt;
  202. &lt;hr /&gt;
  203. &lt;blockquote&gt;
  204. &lt;p&gt;il&lt;/p&gt;
  205. &lt;p&gt;suffit&lt;br /&gt;
  206. parfois d’&lt;br /&gt;
  207. être&amp;nbsp;là&lt;/p&gt;
  208. &lt;p&gt;pour que&lt;br /&gt;
  209. quelqu’un nous&amp;nbsp;voit&lt;/p&gt;
  210. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://clairesohem.com/blog/2024/01/10-12-2023-2/&quot;&gt;10&amp;#8239;12&amp;#8239;2023&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  211. &lt;/blockquote&gt;
  212. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/echanges/&quot;&gt;#échanges&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  213. </entry>
  214. <entry xml:lang="fr">
  215. <title type="html">Open-source</title>
  216. <link href="https://larlet.fr/david/2024/01/18/" rel="alternate" type="text/html" />
  217. <updated>2024-01-18T12:00:00+01:00</updated>
  218. <id>https://larlet.fr/david/2024/01/18/</id>
  219. <summary type="html">
  220. &lt;p&gt;Deux phrases du&amp;nbsp;jour&amp;nbsp;:&lt;/p&gt;
  221. &lt;ol&gt;
  222. &lt;li&gt;&lt;q lang=&quot;en&quot;&gt;Open Source is the Right to Repair, for software.&lt;/q&gt;, &lt;a href=&quot;https://macaw.social/@andypiper/111774169944729337&quot;&gt;sur&amp;nbsp;masto&lt;/a&gt;&lt;/li&gt;
  223. &lt;li&gt;&lt;q lang=&quot;fr&quot;&gt;uMap est-il un produit ou un commun&amp;#8239;?&lt;/q&gt;, en réunion&amp;nbsp;interne&lt;/li&gt;
  224. &lt;/ol&gt;
  225. &lt;p&gt;Faute de temps, le développement est laissé comme exercice aux&amp;nbsp;lecteur·ices.&lt;/p&gt;
  226. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  227. </entry>
  228. <entry xml:lang="fr">
  229. <title type="html">Vieillesse</title>
  230. <link href="https://larlet.fr/david/2024/01/17/" rel="alternate" type="text/html" />
  231. <updated>2024-01-17T12:00:00+01:00</updated>
  232. <id>https://larlet.fr/david/2024/01/17/</id>
  233. <summary type="html">
  234. &lt;blockquote&gt;
  235. &lt;p&gt;Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&amp;nbsp;génération.&lt;/p&gt;
  236. &lt;p&gt;&lt;mark&gt;Il n’y a quasiment aucune personne de 50&amp;nbsp;ans ou plus dans les équipes techniques.&lt;/mark&gt; Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&amp;nbsp;métier.&lt;/p&gt;
  237. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://n.survol.fr/n/quand-je-serai-bien-vieux&quot;&gt;Quand je serai bien&amp;nbsp;vieux&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  238. &lt;/blockquote&gt;
  239. &lt;p&gt;Cet onglet d’Éric D. est ouvert dans mon navigateur depuis plus d’un an (rassurez-vous, il était bien entouré avec au moins 300&amp;nbsp;collègues). Le temps passant, je me pose également ces&amp;nbsp;questions…&lt;/p&gt;
  240. &lt;p&gt;Il y a deux&amp;nbsp;aspects&amp;nbsp;:&lt;/p&gt;
  241. &lt;ol&gt;
  242. &lt;li&gt;Jusqu’à quand est-ce que l’on aura besoin de&amp;nbsp;moi&amp;#8239;?&lt;/li&gt;
  243. &lt;li&gt;Jusqu’à quand est-ce que j’aurai besoin de&amp;nbsp;coder&amp;#8239;?&lt;/li&gt;
  244. &lt;/ol&gt;
  245. &lt;p&gt;Sur la première, j’ai l’impression que l’expérience de base s’accumule et aura toujours une certaine valeur, je ne vois pas vraiment de plateau depuis 25&amp;nbsp;ans mais des centres d’intérêts qui évoluent plutôt en étoile. Certains sont des impasses —&amp;nbsp;ou mis en dormance plus ou moins prolongée&amp;nbsp;—, d’autres sont temporels et/ou gagnent un regain d’intérêt au gré de produits et de rencontres. Ce n’est pas tant d’avoir appris à apprendre que d’avoir croisé suffisamment de situations pour permettre à des équipes de sauter certains fossés ou &lt;em&gt;sentir&lt;/em&gt; lorsqu’il y a un outil / techno / pattern qui vaut le coup. Je ne me sens pas obsolète et encore moins face à une IA-llucinante actuelle qui nécessite cette&amp;nbsp;expérience.&lt;/p&gt;
  246. &lt;p&gt;C’est le deuxième point qui est critique car il touche à l’envie et peut-être que d’ici quelques années la technique m’intéressera moins pour plein de raisons (stagnation, répétition, sentiment d’inutilité, consommation de ressources, etc). Et peut-être que le code ne sera plus alors une expression de ma personnalité à laquelle je voudrai consacrer autant de temps. Et peut-être que je n’aurai plus envie de transmettre non plus à des personnes moins expérimentées pour ces mêmes raisons. Aujourd’hui, derrière ce besoin de coder, il y a cette nécessité d’apprendre en continu et de me sentir capable d’avoir un semblant d’&lt;a href=&quot;https://larlet.fr/david/2024/01/11/&quot;&gt;impact&lt;/a&gt; sur ce&amp;nbsp;monde.&lt;/p&gt;
  247. &lt;p&gt;Je peux aussi considérer que je ne suis qu’à la moitié de ma carrière technique. C’est vertigineux exprimé ainsi. &lt;em&gt;Et pourquoi&amp;nbsp;pas.&lt;/em&gt;&lt;/p&gt;
  248. &lt;blockquote lang=&quot;en&quot;&gt;
  249. &lt;p&gt;After almost 10&amp;nbsp;years of remote work, it would be close to impossible for me to go back to an&amp;nbsp;office.&lt;/p&gt;
  250. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://world.hey.com/jorge/aging-programmer-d448bdec&quot;&gt;Aging&amp;nbsp;programmer&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  251. &lt;/blockquote&gt;
  252. &lt;p&gt;J’ai souvent ce sentiment (je partage les autres points de l’article aussi). Je ne sais pas du tout ce que ça ferait de retourner dans un bureau mais au-delà de cette hypothèse physique, c’est le côté avec subordination / pyramidal que j’ai l’impression d’avoir dépassé sans vraiment de possibilité de retour en arrière. Il n’y a que dans des collectifs bien spécifiques que j’aurais une chance de trouver une place qui me soit&amp;nbsp;acceptable.&lt;/p&gt;
  253. &lt;p&gt;&lt;em&gt;Voir aussi &lt;a href=&quot;https://news.ycombinator.com/item?id=32961933&quot;&gt;cette discussion&lt;/a&gt; à ce&amp;nbsp;sujet.&lt;/em&gt;&lt;/p&gt;
  254. &lt;hr /&gt;
  255. &lt;p&gt;J’ai de plus en plus de mal avec les légalistes donneurs de leçons qui utilisent le ton le plus anxiogèno-aggressif qui soit. La vieillesse a ceci de bon que je commence à savoir retourner ces situations en interrogeant les intentions et les peurs de ces&amp;nbsp;personnes.&lt;/p&gt;
  256. &lt;hr /&gt;
  257. &lt;blockquote lang=&quot;en&quot;&gt;
  258. &lt;p&gt;The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for &lt;em&gt;aren’t going to be based on JavaScript&lt;/em&gt;. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is &lt;mark&gt;now implemented in Rust,&lt;/mark&gt; not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&amp;nbsp;ecosystems.&lt;/p&gt;
  259. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2024/disillusioned-with-deno/&quot;&gt;Disillusioned with&amp;nbsp;Deno&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  260. &lt;/blockquote&gt;
  261. &lt;p&gt;Je partage l’analyse de Baldur, l’avenir est à la rouille. De &lt;a href=&quot;https://biomejs.dev/&quot;&gt;Biome&lt;/a&gt; à &lt;a href=&quot;https://docs.astral.sh/ruff/&quot;&gt;Ruff&lt;/a&gt; en passant par &lt;a href=&quot;https://rye-up.com/&quot;&gt;rye&lt;/a&gt; ou &lt;a href=&quot;https://hurl.dev/&quot;&gt;hurl&lt;/a&gt; pour n’en citer que quelques uns, &lt;a href=&quot;https://www.rust-lang.org/&quot;&gt;Rust&lt;/a&gt; est en train de devenir un véritable atout pour tout ce qui est&amp;nbsp;outils-performants-autour-du-web.&lt;/p&gt;
  262. &lt;p&gt;Les (vieilles) mauvaises langues pourraient dire que l’on arrive au bout de la décennie tout-JS, surtout avec l’arrivée de &lt;a href=&quot;https://component-model.bytecodealliance.org/language-support/python.html&quot;&gt;WebAssembly+Python&lt;/a&gt;&amp;nbsp;🤞.&lt;/p&gt;
  263. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  264. </entry>
  265. <entry xml:lang="fr">
  266. <title type="html">Endorphines</title>
  267. <link href="https://larlet.fr/david/2024/01/16/" rel="alternate" type="text/html" />
  268. <updated>2024-01-16T12:00:00+01:00</updated>
  269. <id>https://larlet.fr/david/2024/01/16/</id>
  270. <summary type="html">
  271. &lt;p&gt;J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&amp;nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (&lt;em&gt;tape&lt;/em&gt;ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&amp;nbsp;boitant.&lt;/p&gt;
  272. &lt;p&gt;Cela conclus peut-être mon journal de&amp;nbsp;chialage.&lt;/p&gt;
  273. &lt;hr /&gt;
  274. &lt;p&gt;Hier soir, je travaillais sur la &lt;a href=&quot;https://larlet.fr/david/&quot;&gt;page d’accueil&lt;/a&gt; en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&amp;nbsp;chantier).&lt;/p&gt;
  275. &lt;p&gt;Et puis ce matin &lt;a href=&quot;https://nicolas-hoizey.com/&quot;&gt;Nicolas H.&lt;/a&gt; m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le &lt;em&gt;parsing&lt;/em&gt; du contenu HTML (intégrer une &lt;a href=&quot;https://validator.w3.org/feed/&quot;&gt;validation&lt;/a&gt; pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&amp;nbsp;fait.&lt;/p&gt;
  276. &lt;p&gt;Il y a dorénavant 54&amp;nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&amp;nbsp;sourire.&lt;/p&gt;
  277. &lt;p&gt;Je constate au passage que la &lt;a href=&quot;https://larlet.fr/david/recherche/&quot;&gt;page de recherche&lt;/a&gt; fait 2&amp;#8239;Mo (700&amp;#8239;Ko à télécharger), désindexer des années ou explorer des &lt;a href=&quot;https://pagefind.app/&quot;&gt;alternatives&lt;/a&gt;&amp;#8239;? J’aime bien me dire que mes écrits de ces 8&amp;nbsp;dernières années tiennent sur&amp;nbsp;2&amp;nbsp;disquettes.&lt;/p&gt;
  278. &lt;hr /&gt;
  279. &lt;p&gt;Vidéo du jour&amp;nbsp;: &lt;a href=&quot;https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6&quot;&gt;DRY JANUARY, ÉCOLOGIE&amp;nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&amp;#8239;?&lt;/a&gt; (désolé pour les cris, ça semble être le style de&amp;nbsp;BLAST&amp;nbsp;🙃).&lt;/p&gt;
  280. &lt;hr /&gt;
  281. &lt;p&gt;On creuse les &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap&quot;&gt;&lt;code&gt;importmap&lt;/code&gt;&lt;/a&gt; pour &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;uMap&lt;/a&gt; en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&amp;nbsp;Baseline™2023.&lt;/p&gt;
  282. &lt;p&gt;Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&amp;#8239;? &lt;em&gt;À&amp;nbsp;méditer.&lt;/em&gt;&lt;/p&gt;
  283. &lt;blockquote lang=&quot;en&quot;&gt;
  284. &lt;p&gt;If the new software no longer runs on old hardware, it is &lt;mark&gt;worse&lt;/mark&gt; than the old&amp;nbsp;software.&lt;/p&gt;
  285. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/&quot;&gt;Notes from “An approach to computing and sustainability inspired from permaculture” by Devine&amp;nbsp;LuLinvega&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  286. &lt;/blockquote&gt;
  287. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  288. </entry>
  289. <entry xml:lang="fr">
  290. <title type="html">Rééducation</title>
  291. <link href="https://larlet.fr/david/2024/01/15/" rel="alternate" type="text/html" />
  292. <updated>2024-01-15T12:00:00+01:00</updated>
  293. <id>https://larlet.fr/david/2024/01/15/</id>
  294. <summary type="html">
  295. &lt;p&gt;J’ai réussi à marcher 6&amp;#8239;km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations&amp;nbsp;surtout&amp;#8239;!&lt;/p&gt;
  296. &lt;p&gt;Récupération active ou&amp;nbsp;impatience&amp;#8239;?&lt;/p&gt;
  297. &lt;hr /&gt;
  298. &lt;blockquote lang=&quot;en&quot;&gt;
  299. &lt;p&gt;The front-end to your dev&amp;nbsp;env.&lt;/p&gt;
  300. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://mise.jdx.dev/&quot;&gt;mise-en-place&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  301. &lt;/blockquote&gt;
  302. &lt;p&gt;Ironiquement, j’ai toujours la crainte que ces outils viennent davantage polluer mon environnement actuel. Je ne suis pas sur assez de produits pour rencontrer des limites à ce niveau. Je m’en sors plutôt bien avec &lt;a href=&quot;https://code.larlet.fr/shell/#alias&quot;&gt;quelques alias&lt;/a&gt; et un &lt;a href=&quot;https://code.larlet.fr/shell/#auto-deactivation-des-virtualenvs&quot;&gt;environnement virtuel dé·monté&lt;/a&gt; à l’entrée dans un&amp;nbsp;dossier.&lt;/p&gt;
  303. &lt;p&gt;Je compare un peu des carottes et des patates mais ça donne une direction en terme de frugalité sur ce plan là. On simplifie rarement un environnement en ajoutant une couche (coucou Docker), au mieux on masque une incompétence. Ce qui n’est pas toujours une &lt;a href=&quot;https://larlet.fr/david/2024/01/05/&quot;&gt;tension&lt;/a&gt; en fonction du&amp;nbsp;contexte&amp;#8239;!&lt;/p&gt;
  304. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  305. </entry>
  306. <entry xml:lang="fr">
  307. <title type="html">Fiction</title>
  308. <link href="https://larlet.fr/david/2024/01/14/" rel="alternate" type="text/html" />
  309. <updated>2024-01-14T12:00:00+01:00</updated>
  310. <id>https://larlet.fr/david/2024/01/14/</id>
  311. <summary type="html">
  312. &lt;blockquote&gt;
  313. &lt;p&gt;Ces &lt;em&gt;moments perspectivistes&lt;/em&gt;, qu’ils soient activés par un voyage ou par une lecture, sont déroutants mais ils sont salutaires. Ils développent la capacité à comprendre d’autres points de vue que le sien ou, du moins, faute de comprendre, à toucher du doigt la multiplicité des rapports au monde et à accepter la relativité de nos perceptions. Le réel n’est pas un. Et on ne perd jamais en humanité à se mettre dans la peau de&amp;nbsp;l’autre.&lt;/p&gt;
  314. &lt;p&gt;&lt;mark&gt;La fiction peut nous y aider, c’est le lieu par excellence de tous les possibles; saisissons-nous-en comme d’un terrain d’expérimentation.&lt;/mark&gt; Tout n’a pas été écrit&amp;nbsp;: tant que de l’inédit surgit, il reste de la place pour la création. Les mutations du monde nous obligent à repenser le fond comme la forme de nos récits. Il y a des sujets à traiter qui ne l’ont pas été par le passé, des questions qu’on ne s’était jamais posées, de nouveaux enjeux dont il faut s’emparer. Il y a des arcs littéraires à inventer qui ne suivent pas les schémas narratifs classiques et s’affranchissent du syndrome de la grande quête. On doit pouvoir brûler les étapes sans attendre le dénouement. On doit pouvoir brouiller les&amp;nbsp;frontières.&lt;/p&gt;
  315. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
  316. &lt;/blockquote&gt;
  317. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/01/13/&quot;&gt;Suite&lt;/a&gt; de mes lectures et de mes aspirations à écrire —&amp;nbsp;et donc transmettre&amp;nbsp;— différemment. Une autre forme de travail des idées consistant à décrire un à-venir enviable qu’il reste à construire, en commun, avec l’espoir que &lt;q lang=&quot;fr&quot;&gt;la fiction déplace la réalité&lt;/q&gt;.&lt;/p&gt;
  318. &lt;p&gt;De &lt;a href=&quot;https://larlet.fr/david/2024/01/09/&quot;&gt;l’immobilisation&lt;/a&gt; nait la&amp;nbsp;créativité&amp;#8239;?&lt;/p&gt;
  319. &lt;blockquote&gt;
  320. &lt;p&gt;Je crois de plus en plus que nous devons nous entraîner à &lt;em&gt;habiter le trouble&lt;/em&gt; comme l’a formulé Donna Haraway, c’est-à-dire à tenir «&amp;nbsp;pour acquis que les modes d’ordre établis se sont effondrés ou sont en voie d’effondrement, et qu’il devient à la fois urgent et possible d’envisager autre chose&amp;nbsp;». Vivre dans un monde en train de disparaître sans savoir ce qui va émerger n’est pas simple, mais &lt;mark&gt;il ne tient qu’à nous de nous ouvrir à d’autres géographies,&lt;/mark&gt; d’autres cultures, à toucher aux confins civilisationnels pour imaginer «&amp;nbsp;des façons plus florissantes, plus robustes, moins meurtrières de vivre les uns avec les autres&amp;nbsp;», ailleurs, quand notre propre réalité nous fait&amp;nbsp;défaut.&lt;/p&gt;
  321. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  322. &lt;/blockquote&gt;
  323. &lt;hr /&gt;
  324. &lt;p&gt;Je prends le temps de décliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&amp;nbsp;270&amp;nbsp;liens.&lt;/p&gt;
  325. &lt;p&gt;Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l’exploration&amp;#8239;? Offrir une boussole sans proposer de&amp;nbsp;cap.&lt;/p&gt;
  326. &lt;blockquote lang=&quot;en&quot;&gt;
  327. &lt;p&gt;When the right approach reveals itself, it feels obvious. &lt;mark&gt;But only in retrospect.&lt;/mark&gt; &lt;strong&gt;Design is only obvious in retrospect.&lt;/strong&gt; It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&amp;nbsp;solve.&lt;/p&gt;
  328. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lukew.com/ff/entry.asp?2036&quot;&gt;Until the Right Design&amp;nbsp;Emerges…&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  329. &lt;/blockquote&gt;
  330. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/01/13/&quot;&gt;Non&lt;/a&gt;, pas &lt;a href=&quot;https://lukew.com/ff/entry.asp?2008&quot;&gt;cette direction&lt;/a&gt; par&amp;nbsp;contre.&lt;/p&gt;
  331. &lt;hr /&gt;
  332. &lt;p&gt;Découvertes culinaires du&amp;nbsp;jour&amp;nbsp;:&lt;/p&gt;
  333. &lt;ul&gt;
  334. &lt;li&gt;&lt;a href=&quot;https://cooked.wiki/&quot;&gt;cooked.wiki&lt;/a&gt; pour préfixer les recettes&amp;nbsp;(merci &lt;a href=&quot;https://mastodon.tetaneutral.net/@newick/111749530608709450&quot;&gt;@newick&lt;/a&gt;)&lt;/li&gt;
  335. &lt;li&gt;&lt;a href=&quot;https://github.com/mealie-recipes/mealie&quot;&gt;mealie&lt;/a&gt; pour stocker les recettes (merci &lt;a href=&quot;https://mamot.fr/@aspyrine&quot;&gt;@aspyrine&lt;/a&gt;)&lt;/li&gt;
  336. &lt;/ul&gt;
  337. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  338. </entry>
  339. <entry xml:lang="fr">
  340. <title type="html">Wuwei</title>
  341. <link href="https://larlet.fr/david/2024/01/13/" rel="alternate" type="text/html" />
  342. <updated>2024-01-13T12:00:00+01:00</updated>
  343. <id>https://larlet.fr/david/2024/01/13/</id>
  344. <summary type="html">
  345. &lt;blockquote&gt;
  346. &lt;p&gt;Le &lt;em&gt;wuwei&lt;/em&gt;, dans le taoïsme, est d’ailleurs composé de deux idéogrammes&amp;nbsp;: le rien et la volonté. Et on sait à quel point il faut beaucoup de volonté pour revendiquer davantage de rien. Il se traduit généralement par &lt;em&gt;non-agir&lt;/em&gt; ou &lt;em&gt;non-intervention&lt;/em&gt;, mais cela ne signifie pas pour autant rester les bras croisés en rejetant toute nouveauté, simplement de faire des choix éclairés et de ne pas forcer le cours des choses. Se fixer des limites, distinguer ce qui relève du progrès vers une vie bonne et décente de ce qui nous aliène, savoir &lt;em&gt;ne pas&lt;/em&gt; est un art de vivre au quotidien. Et je ne peux m’empêcher de penser que Bartleby devait être&amp;nbsp;chinois.&lt;/p&gt;
  347. &lt;p&gt;Décliner l’usage de ce dont on n’a pas besoin, &lt;mark&gt;discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,&lt;/mark&gt; voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du &lt;em&gt;wuwei&lt;/em&gt;, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&amp;nbsp;retenir.&lt;/p&gt;
  348. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
  349. &lt;/blockquote&gt;
  350. &lt;p&gt;Cette année encore, ce sera pour moi le &lt;em&gt;non-usage&lt;/em&gt; de l’&lt;a href=&quot;https://simonwillison.net/2024/Jan/7/call-it-ai/&quot;&gt;intelligence artificielle&lt;/a&gt; explicite qui sera mon &lt;em&gt;wuwei&lt;/em&gt;. Je précise le &lt;q lang=&quot;fr&quot;&gt;explicite&lt;/q&gt; car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les &lt;abbr title=&quot;Large Language Model&quot;&gt;LLM&lt;/abbr&gt; dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une &lt;a href=&quot;https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra&quot;&gt;lune&lt;/a&gt; ou une &lt;a href=&quot;https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai&quot;&gt;mariée&lt;/a&gt; mais il sera toujours&amp;nbsp;là.&lt;/p&gt;
  351. &lt;p&gt;Ce &lt;strong&gt;explicite&lt;/strong&gt; correspond principalement pour moi à des &lt;em&gt;prompts&lt;/em&gt; qui m’aideraient à coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intérêt mais je vois aussi au détriment de tout ce que cela est rendu possible. Des humains-esclaves qui modèrent ce qui est généré d’un côté, des sources d’apprentissage non consenties —&amp;nbsp;voire privées&amp;nbsp;— et des ressources pharaoniques pour réussir à aligner 3&amp;nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&amp;nbsp;façon.&lt;/p&gt;
  352. &lt;p&gt;Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractère intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma manière de les&amp;nbsp;ré-interpréter&amp;#8239;?&lt;/p&gt;
  353. &lt;hr /&gt;
  354. &lt;blockquote&gt;
  355. &lt;p&gt;Il nous faut trouver de nouvelles manières littéraires susceptibles de percuter sans chercher à convaincre, et déjouer le didactisme qui veut à tout prix expliquer et instruire. Peut-être faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&amp;nbsp;genre.&lt;/p&gt;
  356. &lt;p&gt;Écologie, capitalisme, croissance, nature, social, climat, peuple, vert, environnement, progrès, révolution, biodiversité, démocratie&amp;nbsp;: la plupart d’entre eux ne manquerait à personne tant ils ont été dévoyés et usés jusqu’à la lie. Mais notre meilleure botte est sans doute de miser sur la capacité du sensible à &lt;em&gt;affecter&lt;/em&gt;.&lt;/p&gt;
  357. &lt;p&gt;&lt;mark&gt;En littérature, c’est l’empathie qui amène à la réflexion et non l’inverse.&lt;/mark&gt; Vous pouvez développer l’argumentaire le plus serré qui soit dans un livre, je doute fort que cela fasse changer quiconque d’avis. En revanche, donnez-nous un personnage à chérir, faites-nous partager son intimité, ses émois, ses douleurs et ses joies, et il nous sera bien plus aisé de prendre en compte son point de vue, à défaut de le&amp;nbsp;partager.&lt;/p&gt;
  358. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  359. &lt;/blockquote&gt;
  360. &lt;p&gt;De plus en plus tenté d’explorer cette piste. Je me &lt;a href=&quot;https://larlet.fr/david/stream/2018/11/13/&quot;&gt;souviens&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/stream/2018/11/25/&quot;&gt;avec&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/stream/2018/11/27/&quot;&gt;émotion&lt;/a&gt; de ma lecture de &lt;em&gt;Professeur cherche élève ayant désir de sauver le monde&lt;/em&gt; par Daniel&amp;nbsp;Quinn.&lt;/p&gt;
  361. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ia/&quot;&gt;#IA&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/parvenir/&quot;&gt;#parvenir&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  362. </entry>
  363. <entry xml:lang="fr">
  364. <title type="html">Personnel</title>
  365. <link href="https://larlet.fr/david/2024/01/12/" rel="alternate" type="text/html" />
  366. <updated>2024-01-12T12:00:00+01:00</updated>
  367. <id>https://larlet.fr/david/2024/01/12/</id>
  368. <summary type="html">
  369. &lt;blockquote&gt;
  370. &lt;p&gt;Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&amp;nbsp;lis.&lt;/p&gt;
  371. &lt;p&gt;J’écris de deux&amp;nbsp;façons.&lt;/p&gt;
  372. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/11/pourquoi&quot;&gt;je ne sais pas&amp;nbsp;pourquoi&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  373. &lt;/blockquote&gt;
  374. &lt;p&gt;Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des &lt;abbr title=&quot;Où Lire, Où Écrire.&quot;&gt;oloés&lt;/abbr&gt; communs (une &lt;a href=&quot;https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB&quot;&gt;définition par ici&lt;/a&gt;). 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&amp;nbsp;routiniers.&lt;/p&gt;
  375. &lt;p&gt;Et puis il y a l’écriture qui appelle une autre écriture, ce moment de &lt;a href=&quot;https://blog.jim-nielsen.com/2023/blogging-and-compositing/&quot;&gt;compost&lt;/a&gt; où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre &lt;a href=&quot;https://larlet.fr/david/stream/2018/04/07/&quot;&gt;tour de spirale&lt;/a&gt;.&lt;/p&gt;
  376. &lt;blockquote lang=&quot;en&quot;&gt;
  377. &lt;p&gt;&lt;strong&gt;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&amp;nbsp;“audience.”&lt;/strong&gt;&lt;/p&gt;
  378. &lt;p&gt;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&amp;nbsp;intimacy.&lt;/p&gt;
  379. &lt;p&gt;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.&lt;/p&gt;
  380. &lt;p&gt;[…] instead of “building an audience,” build a world. &lt;mark&gt;build a digital garden-ecosystem, that exists&lt;/mark&gt; — first and primarily — &lt;em&gt;for itself&lt;/em&gt;. a world that doesn’t need likes, traffic, subscribers, or clicks — in order to validate its&amp;nbsp;existence.&lt;/p&gt;
  381. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://keningzhu.com/journal/build-a-world-not-an-audience&quot;&gt;build a world, not an&amp;nbsp;audience&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  382. &lt;/blockquote&gt;
  383. &lt;hr /&gt;
  384. &lt;blockquote lang=&quot;en&quot;&gt;
  385. &lt;p&gt;These are all very interesting questions but for me, the more pressing question is a slightly different one: which &lt;em&gt;you&lt;/em&gt; is your personal site representing? We often don’t pay too much attention to this but &lt;mark&gt;we all have different ways of being&amp;nbsp;ourselves.&lt;/mark&gt;&lt;/p&gt;
  386. &lt;p&gt;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&amp;nbsp;on.&lt;/p&gt;
  387. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/the-personality-of-a-personal-website&quot;&gt;The personality of a personal&amp;nbsp;website&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  388. &lt;/blockquote&gt;
  389. &lt;p&gt;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 &lt;a href=&quot;https://thom4.net/2023/02/01/carnets/&quot;&gt;vraiment fidèle&lt;/a&gt; après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal &lt;em&gt;extime&lt;/em&gt; depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&amp;nbsp;là.&lt;/p&gt;
  390. &lt;hr /&gt;
  391. &lt;blockquote lang=&quot;en&quot;&gt;
  392. &lt;p&gt;We shape our structures and afterward our structures shape us, but the &lt;em&gt;we&lt;/em&gt; of the first clause and the &lt;em&gt;us&lt;/em&gt; of the second &lt;mark&gt;are not the&amp;nbsp;same.&lt;/mark&gt;&lt;/p&gt;
  393. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow&quot;&gt;Tomorrow &amp;amp; Tomorrow &amp;amp; Tomorrow&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  394. &lt;/blockquote&gt;
  395. &lt;p&gt;En rebond de la &lt;a href=&quot;https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/&quot;&gt;découverte d’Antoine&lt;/a&gt;. Une autre façon d’être&amp;nbsp;dé·formé.&lt;/p&gt;
  396. &lt;hr /&gt;
  397. &lt;p&gt;Deux outils autour de la transformation de&amp;nbsp;vidéos&amp;nbsp;:&lt;/p&gt;
  398. &lt;ul&gt;
  399. &lt;li&gt;&lt;a href=&quot;https://ybouane.com/ffmpeg-ui&quot;&gt;FFMPEG&amp;nbsp;UI&lt;/a&gt;&lt;/li&gt;
  400. &lt;li&gt;&lt;a href=&quot;https://mifi.no/losslesscut/&quot;&gt;LosslessCut&lt;/a&gt;&lt;/li&gt;
  401. &lt;/ul&gt;
  402. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/processus/&quot;&gt;#processus&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  403. </entry>
  404. <entry xml:lang="fr">
  405. <title type="html">Impact</title>
  406. <link href="https://larlet.fr/david/2024/01/11/" rel="alternate" type="text/html" />
  407. <updated>2024-01-11T12:00:00+01:00</updated>
  408. <id>https://larlet.fr/david/2024/01/11/</id>
  409. <summary type="html">
  410. &lt;blockquote lang=&quot;en&quot;&gt;
  411. &lt;p&gt;If front web developers work closer to the users’ needs and problems, &lt;mark&gt;if they feel more implicated in the user experience,&lt;/mark&gt; they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]&lt;/p&gt;
  412. &lt;p&gt;Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&amp;nbsp;creating.&lt;/p&gt;
  413. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://gericci.me/we-need-to-talk-about-the-front-web-5.html&quot;&gt;Part 5: Clues to Fix the Front&amp;nbsp;Web&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  414. &lt;/blockquote&gt;
  415. &lt;p&gt;Même si je m’émeus encore de l’esthétique d’un &lt;em&gt;Web Component&lt;/em&gt; ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où &lt;a href=&quot;https://daverupert.com/2022/06/demo-to-demo-loop/&quot;&gt;les démo&lt;/a&gt; prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&amp;nbsp;commun.&lt;/p&gt;
  416. &lt;p&gt;&lt;strong&gt;Une carrière est la cartographie de ces expériences.&lt;/strong&gt; Savoir identifier les &lt;em&gt;optima&lt;/em&gt; locaux qui ont pu procurer de la joie ainsi que les lieux de convergence où l’on aime bien aller car il y a le bon dosage effort / récompense. Apprendre à reconnaître les sentiers hasardeux où l’on a déjà laissé des plumes et reconnaître aussi qu’un contexte et des personnes peuvent&amp;nbsp;changer.&lt;/p&gt;
  417. &lt;p&gt;Admettre que l’on a soi-même changé tout au long de ce&amp;nbsp;cheminement.&lt;/p&gt;
  418. &lt;blockquote lang=&quot;en&quot;&gt;
  419. &lt;p&gt;At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&amp;nbsp;request.&lt;/p&gt;
  420. &lt;p&gt;No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&amp;nbsp;selling.&lt;/p&gt;
  421. &lt;p&gt;&lt;mark&gt;Customers want software that delivers problem-solving &lt;em&gt;impact&lt;/em&gt;.&lt;/mark&gt; And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.&lt;/p&gt;
  422. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://hoho.com/posts/your-stack-is-not-the-product/&quot;&gt;Your tech stack is not the&amp;nbsp;product&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  423. &lt;/blockquote&gt;
  424. &lt;hr /&gt;
  425. &lt;blockquote lang=&quot;en&quot;&gt;
  426. &lt;p&gt;You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&amp;nbsp;them.&lt;/p&gt;
  427. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ishadeed.com/article/target-size&quot;&gt;Designing better target&amp;nbsp;sizes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  428. &lt;/blockquote&gt;
  429. &lt;p&gt;Superbe article de Ahmad Shadeed. En résumé, il faut soigner ses &lt;em&gt;paddings&lt;/em&gt; mais il y a pas mal d’astuces CSS pour y arriver dans certaines conditions. Je retiens notamment l’usage d’un &lt;code&gt;:after&lt;/code&gt; pour ça &lt;a href=&quot;https://ishadeed.com/article/target-size#mobile-menu&quot;&gt;lorsqu’il s’agit d’icônes&lt;/a&gt;&amp;nbsp;notamment&amp;nbsp;:&lt;/p&gt;
  430. &lt;pre&gt;&lt;code&gt;.search__filter:after {
  431. content: &amp;quot;&amp;quot;;
  432. position: absolute;
  433. inset: 0;
  434. z-index: -1;
  435. transform: scale(2);
  436. }
  437. &lt;/code&gt;&lt;/pre&gt;
  438. &lt;p&gt;Je découvre au passage qu’il y a pas mal d’options d’accessibilité dans &lt;a href=&quot;https://polypane.app/&quot;&gt;Polypane&lt;/a&gt; que j’utilise depuis peu et que je n’ai pas pleinement&amp;nbsp;exploré.&lt;/p&gt;
  439. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  440. </entry>
  441. <entry xml:lang="fr">
  442. <title type="html">Écriture</title>
  443. <link href="https://larlet.fr/david/2024/01/10/" rel="alternate" type="text/html" />
  444. <updated>2024-01-10T12:00:00+01:00</updated>
  445. <id>https://larlet.fr/david/2024/01/10/</id>
  446. <summary type="html">
  447. &lt;blockquote lang=&quot;en&quot;&gt;
  448. &lt;p&gt;And, I’ll assume we all agree that owning your own website is a &lt;em&gt;good thing&lt;/em&gt;, and we all want more people to do&amp;nbsp;it.&lt;/p&gt;
  449. &lt;p&gt;But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them &lt;em&gt;trivially simple&lt;/em&gt;.&lt;/p&gt;
  450. &lt;p&gt;We need more self-hosted platforms for personal publishing that &lt;em&gt;aren’t Wordpress&lt;/em&gt;. &lt;mark&gt;And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.&lt;/mark&gt; We need web publishing tools that do not require users to open the Terminal &lt;em&gt;at all&lt;/em&gt;. And we need lots of&amp;nbsp;them.&lt;/p&gt;
  451. &lt;p&gt;We need a whole &lt;em&gt;galaxy&lt;/em&gt; of&amp;nbsp;options.&lt;/p&gt;
  452. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://gilest.org/indie-easy.html&quot;&gt;Let’s make the indie web&amp;nbsp;easier&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  453. &lt;/blockquote&gt;
  454. &lt;p&gt;Quelques étoiles dans la&amp;nbsp;galaxie&amp;nbsp;:&lt;/p&gt;
  455. &lt;ul&gt;
  456. &lt;li&gt;&lt;a href=&quot;https://atelier.scribouilli.org/&quot;&gt;Scribouilli&lt;/a&gt; (&lt;a href=&quot;https://github.com/Scribouilli/scribouilli&quot;&gt;code&lt;/a&gt;) par &lt;a href=&quot;https://lechappeebelle.team/&quot;&gt;L’Échappée Belle&lt;/a&gt;&amp;#8239;;&lt;/li&gt;
  457. &lt;li&gt;&lt;a href=&quot;https://write.as/&quot;&gt;Write.as&lt;/a&gt; (&lt;a href=&quot;https://writefreely.org/&quot;&gt;open-source&lt;/a&gt;) est le plus proche que je pourrais conseiller avec un support commercial de &lt;a href=&quot;https://musing.studio/&quot;&gt;Musing Studio&lt;/a&gt;&amp;#8239;;&lt;/li&gt;
  458. &lt;li&gt;&lt;a href=&quot;https://masto.host/&quot;&gt;mastohost&lt;/a&gt; —&amp;nbsp;que &lt;a href=&quot;https://fedi.larlet.fr/&quot;&gt;j’utilise&lt;/a&gt;&amp;nbsp;— permet d’avoir son propre domaine aussi sans vraiment de connaissance technique, le support est&amp;nbsp;réactif&amp;#8239;;&lt;/li&gt;
  459. &lt;li&gt;&lt;a href=&quot;https://carrd.co/&quot;&gt;Carrd&lt;/a&gt; est revenu plusieurs fois dans ma bulle ces derniers&amp;nbsp;temps&amp;#8239;;&lt;/li&gt;
  460. &lt;li&gt;&lt;a href=&quot;https://pika.page/&quot;&gt;Pika&lt;/a&gt; aussi avec une saveur plus&amp;nbsp;humaine.&lt;/li&gt;
  461. &lt;/ul&gt;
  462. &lt;p&gt;Il y a une bonne liste dans &lt;a href=&quot;https://mastodon.social/@matthiasott/111557355056827064&quot;&gt;cette discussion&lt;/a&gt; et une autre &lt;a href=&quot;https://robertkingett.com/links/&quot;&gt;par ici&lt;/a&gt; (section &lt;q lang=&quot;en&quot;&gt;Managed Static site hosts or Blogging platforms&lt;/q&gt;).&lt;/p&gt;
  463. &lt;hr /&gt;
  464. &lt;blockquote lang=&quot;en&quot;&gt;
  465. &lt;p&gt;Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&amp;nbsp;problems.&lt;/p&gt;
  466. &lt;p&gt;&lt;mark&gt;The result feels like an AI summary of my story&lt;/mark&gt; — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&amp;nbsp;sentences.&lt;/p&gt;
  467. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization&quot;&gt;The Perfect Web&amp;nbsp;Page&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  468. &lt;/blockquote&gt;
  469. &lt;p&gt;Un article de TheVerge qui risque de ne pas être très bien référencé. Le moment où l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&amp;nbsp;juste&amp;nbsp;» mis une nouvelle étiquette dessus en 2023&amp;nbsp;qui permet aux robots / algorithmes de se battre entre eux de manière&amp;nbsp;explicite.&lt;/p&gt;
  470. &lt;p&gt;Pas sûr de vouloir &lt;a href=&quot;https://darkvisitors.com/robots-txt-builder&quot;&gt;entrer sur le ring&lt;/a&gt; sans m’épuiser très&amp;nbsp;vite.&lt;/p&gt;
  471. &lt;blockquote lang=&quot;en&quot;&gt;
  472. &lt;p&gt;I propose &lt;mark&gt;Data Luddism&lt;/mark&gt; as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites&#x27; own rhetoric regarding their resistance to &#x27;obnoxious&amp;nbsp;machines&#x27;.&lt;/p&gt;
  473. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.danmcquillan.org/dataluddism.html&quot;&gt;Data&amp;nbsp;Luddism&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  474. &lt;/blockquote&gt;
  475. &lt;hr /&gt;
  476. &lt;blockquote lang=&quot;en&quot;&gt;
  477. &lt;p&gt;The &lt;code&gt;everything&lt;/code&gt; package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&amp;nbsp;exhaustion.&lt;/p&gt;
  478. &lt;p&gt;But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&amp;nbsp;situation.&lt;/p&gt;
  479. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://socket.dev/blog/when-everything-becomes-too-much&quot;&gt;When “Everything” Becomes Too Much: The npm Package Chaos of&amp;nbsp;2024&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  480. &lt;/blockquote&gt;
  481. &lt;p&gt;&lt;code&gt;npm install lol&lt;/code&gt; 🤣&lt;/p&gt;
  482. &lt;p&gt;En &lt;a href=&quot;https://jop2024.lol/&quot;&gt;parlant de lol&lt;/a&gt;…&lt;/p&gt;
  483. &lt;hr /&gt;
  484. &lt;blockquote&gt;
  485. &lt;p&gt;Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rôle majeur à jouer dans la fabrique de notre rapport au monde, alors voilà qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les déferlements de violence et le virilisme qui caractérisent les héros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crée. C’est la raison pour laquelle &lt;mark&gt;la bataille culturelle passe aussi par la création de nouvelles utopies,&lt;/mark&gt; ni niaises ni naïves, qui puissent donner d’autres matières à rêver qu’un monde dévasté et peuplé de soldats&amp;nbsp;augmentés.&lt;/p&gt;
  486. &lt;p&gt;[…] Nous avons besoin d’autres cadres de pensée dans lesquels évoluer. Nous avons besoin d’&lt;em&gt;ailleurs culturels&lt;/em&gt; pour sortir de l’ornière et nous&amp;nbsp;dérouter.&lt;/p&gt;
  487. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
  488. &lt;/blockquote&gt;
  489. &lt;p&gt;Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une &lt;a href=&quot;https://larlet.fr/david/2021/03/17/&quot;&gt;nouvelle équipe&lt;/a&gt;. Ces &lt;em&gt;ailleurs culturels&lt;/em&gt; doivent pouvoir être partagés et inspirer pour réussir à&amp;nbsp;essaimer.&lt;/p&gt;
  490. &lt;p&gt;C’est l’une de mes frustrations à ne plus &lt;a href=&quot;https://larlet.fr/david/2021/01/26/&quot;&gt;participer à des regroupements&lt;/a&gt;, ne pas partager par ce biais là les expériences menées depuis 11&amp;nbsp;ans en matière d’horizontalité et de travail en&amp;nbsp;commun·s.&lt;/p&gt;
  491. &lt;hr /&gt;
  492. &lt;blockquote lang=&quot;en&quot;&gt;
  493. &lt;p&gt;So when we wonder where all the websites have gone, know it’s the &lt;em&gt;curators&lt;/em&gt; we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&amp;nbsp;it.&lt;/p&gt;
  494. &lt;p&gt;Here’s the best part. &lt;mark&gt;You can be that curator right now, at this very moment.&lt;/mark&gt; You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&amp;nbsp;it.&lt;/p&gt;
  495. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/&quot;&gt;Where have all the websites&amp;nbsp;gone?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  496. &lt;/blockquote&gt;
  497. &lt;p&gt;Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de &lt;q lang=&quot;en&quot;&gt;curation&lt;/q&gt; vous&amp;nbsp;aussi&amp;nbsp;:).&lt;/p&gt;
  498. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ia/&quot;&gt;#IA&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  499. </entry>
  500. <entry xml:lang="fr">
  501. <title type="html">Blessure</title>
  502. <link href="https://larlet.fr/david/2024/01/09/" rel="alternate" type="text/html" />
  503. <updated>2024-01-09T12:00:00+01:00</updated>
  504. <id>https://larlet.fr/david/2024/01/09/</id>
  505. <summary type="html">
  506. &lt;p&gt;Avec les amis, on profite des premières chutes de neige sur Montréal pour aller s’amuser sur le Mont Royal et vérifier que les skis de rando sont encore en bon état. Cinq minutes avant, je tirais l’enfant avec son baudrier en mode remontée musculaire, en pleine forme. Une descente entre les arbres même pas tant engagée et au moment de rejoindre le groupe, légère perte de contrôle dans un endroit très boisé. Mon ski se coince entre deux arbres assez fins mais suffisamment solides pour que ma cheville doive tourner dans le mauvais sens vu que mon corps a choisi de continuer sa course. &lt;em&gt;Ouille.&lt;/em&gt;&lt;/p&gt;
  507. &lt;p&gt;La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un &lt;a href=&quot;https://larlet.fr/david/2024/01/06/&quot;&gt;défi sportif&lt;/a&gt;…&lt;/p&gt;
  508. &lt;p&gt;Youtube est le plus proche du célèbre &lt;q lang=&quot;en&quot;&gt;I know kung-fu&lt;/q&gt; de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&amp;nbsp;semaines vu que j’ai déjà réservé. Une cheville &lt;em&gt;tape&lt;/em&gt;ée devrait pouvoir tenir les 5&amp;#8239;km à skis si j’en prends suffisamment soin d’ici&amp;nbsp;là&amp;nbsp;🤞.&lt;/p&gt;
  509. &lt;p&gt;Ce soir, j’ai besoin d’y&amp;nbsp;croire.&lt;/p&gt;
  510. &lt;hr /&gt;
  511. &lt;p&gt;Copsaé publie un &lt;a href=&quot;https://www.copsae.fr/&quot;&gt;nouveau site web&lt;/a&gt; qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour &lt;a href=&quot;https://access42.net/&quot;&gt;le sien&lt;/a&gt;. Ne pas oublier &lt;a href=&quot;https://koena.net/&quot;&gt;Koena&lt;/a&gt; aussi&amp;#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&amp;nbsp;contre-exemples.&lt;/p&gt;
  512. &lt;hr /&gt;
  513. &lt;blockquote lang=&quot;en&quot;&gt;
  514. &lt;p&gt;In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&amp;nbsp;road.&lt;/p&gt;
  515. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://benmyers.dev/blog/semantic-selectors/&quot;&gt;Style with Stateful, Semantic&amp;nbsp;Selectors&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  516. &lt;/blockquote&gt;
  517. &lt;p&gt;C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&amp;nbsp;aussi&amp;#8239;!&lt;/p&gt;
  518. &lt;blockquote lang=&quot;en&quot;&gt;
  519. &lt;p&gt;Recently I decided to stop using the word &lt;em&gt;semantics&lt;/em&gt;. Instead I talk about the &lt;abbr title=&quot;User eXperience&quot;&gt;UX&lt;/abbr&gt; of &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt;. And all of a sudden my students are not allergic to &lt;abbr&gt;HTML&lt;/abbr&gt; anymore but really interested. Instead of explaining the meaning of a certain element, I show them &lt;em&gt;what it does&lt;/em&gt;. So we look at &lt;em&gt;what happens&lt;/em&gt; when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a &lt;em&gt;label&lt;/em&gt;, the hover state of the connected &lt;em&gt;input&lt;/em&gt; is shown. My students &lt;em&gt;love&lt;/em&gt; stuff like that. They care about &lt;abbr&gt;UX&lt;/abbr&gt;.&lt;/p&gt;
  520. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://vasilis.nl/nerd/the-ux-of-html/&quot;&gt;The UX of&amp;nbsp;HTML&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  521. &lt;/blockquote&gt;
  522. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accessibilite/&quot;&gt;#accessibilité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  523. </entry>
  524. <entry xml:lang="fr">
  525. <title type="html">Liens</title>
  526. <link href="https://larlet.fr/david/2024/01/08/" rel="alternate" type="text/html" />
  527. <updated>2024-01-08T12:00:00+01:00</updated>
  528. <id>https://larlet.fr/david/2024/01/08/</id>
  529. <summary type="html">
  530. &lt;p&gt;Je décide de tester d’ajouter le domaine du lien après la lien, j’ai souvent besoin de cette information avant de cliquer sur un lien. Pour cela je charge le domaine en Python grâce à la flexibilité de &lt;a href=&quot;https://mistune.lepture.com/en/latest/&quot;&gt;mistune&lt;/a&gt; et je m’en sers ensuite en CSS pour l’afficher&amp;nbsp;dynamiquement&amp;nbsp;:&lt;/p&gt;
  531. &lt;pre&gt;&lt;code&gt;a[data-link-domain]::after {
  532. content: &amp;quot; [&amp;quot; attr(data-link-domain) &amp;quot;]&amp;quot;;
  533. font-size: smaller;
  534. color: var(--link-color-domain);
  535. }
  536. &lt;/code&gt;&lt;/pre&gt;
  537. &lt;p&gt;Je fais aussi des tests de soulignement avec un gradient qui irait de la couleur du lien principal à celle du&amp;nbsp;domaine&amp;nbsp;:&lt;/p&gt;
  538. &lt;pre&gt;&lt;code&gt;a {
  539. text-decoration-skip-ink: auto;
  540. text-decoration-thickness: calc(var(--fluid-0) / 10);
  541. position: relative;
  542. }
  543. a::before {
  544. content: &#x27;&#x27;;
  545. width: 100%;
  546. position: absolute;
  547. left: 0;
  548. bottom: -1px;
  549. height: calc(var(--fluid-0) / 10);
  550. background: linear-gradient(
  551. to right,
  552. var(--link-color),
  553. var(--link-color-domain)
  554. );
  555. }
  556. &lt;/code&gt;&lt;/pre&gt;
  557. &lt;p&gt;Mais au final je jette car je perds la partie &lt;code&gt;skip-ink&lt;/code&gt; que je trouve chouette comme évolution de rendu possible. Toujours cet équilibre complexité / expérience /&amp;nbsp;accessibilité.&lt;/p&gt;
  558. &lt;p&gt;Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre &lt;em&gt;Web Component&lt;/em&gt; dédié. En suivant les recommandations &lt;a href=&quot;https://fedi.larlet.fr/@david/111703611010197838&quot;&gt;sur masto&lt;/a&gt;, je les nomme &lt;code&gt;archive&lt;/code&gt; pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus&amp;nbsp;tard.&lt;/p&gt;
  559. &lt;p&gt;Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la&amp;nbsp;durée.&lt;/p&gt;
  560. &lt;p&gt;Chaque lien distant prend une longueur non négligeable suite à ces deux&amp;nbsp;ajouts&amp;nbsp;🤔.&lt;/p&gt;
  561. &lt;hr /&gt;
  562. &lt;blockquote&gt;
  563. &lt;p&gt;Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&amp;nbsp;blog”.&lt;/p&gt;
  564. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment&quot;&gt;Ma page /now (ou plutôt&amp;nbsp;/en-ce-moment)&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  565. &lt;/blockquote&gt;
  566. &lt;p&gt;J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon &lt;a href=&quot;https://larlet.com/&quot;&gt;profil pro&lt;/a&gt;.&lt;/p&gt;
  567. &lt;blockquote lang=&quot;en&quot;&gt;
  568. &lt;p&gt;I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but &lt;mark&gt;they like building their own blog engine to make blogging more pleasant&lt;/mark&gt; (I’m very guilty of this&amp;nbsp;too).&lt;/p&gt;
  569. &lt;p&gt;Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&amp;nbsp;change”.&lt;/p&gt;
  570. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://frantic.im/opening-mail/&quot;&gt;Opening&amp;nbsp;Mail&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  571. &lt;/blockquote&gt;
  572. &lt;p&gt;Note&amp;nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&amp;nbsp;articles.&lt;/p&gt;
  573. &lt;hr /&gt;
  574. &lt;p&gt;L’hiver commence maintenant le 7&amp;nbsp;janvier à Montréal. Phénomène météorologique exceptionnel &lt;em&gt;et&lt;/em&gt; tendance&amp;nbsp;climatique.&lt;/p&gt;
  575. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/processus/&quot;&gt;#processus&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  576. </entry>
  577. <entry xml:lang="fr">
  578. <title type="html">Dons</title>
  579. <link href="https://larlet.fr/david/2024/01/07/" rel="alternate" type="text/html" />
  580. <updated>2024-01-07T12:00:00+01:00</updated>
  581. <id>https://larlet.fr/david/2024/01/07/</id>
  582. <summary type="html">
  583. &lt;blockquote&gt;
  584. &lt;p&gt;Plus que 3&amp;nbsp;jours pour décider de l’usage de vos #impôts en donnant à des&amp;nbsp;#assos&amp;#8239;!&lt;/p&gt;
  585. &lt;p&gt;Vu le succès de &lt;a href=&quot;https://piaille.fr/@mattisg/109605598029237063&quot;&gt;l’opération l’an dernier&lt;/a&gt;, je relance le doublement des dons en cette fin d’année 2023, avec un plafond plus élevé&amp;#8239;! 🤑💞&lt;/p&gt;
  586. &lt;p&gt;Donnez à une des assos ci-dessous, publiez votre reçu en réponse, &lt;mark&gt;je double votre don.&lt;/mark&gt;&amp;nbsp;[…]&lt;/p&gt;
  587. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://piaille.fr/@mattisg/111652988498506725&quot;&gt;@mattisg@piaille.fr&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  588. &lt;/blockquote&gt;
  589. &lt;p&gt;Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&amp;nbsp;personnel.&lt;/p&gt;
  590. &lt;p&gt;Une forme d’impôt volontaire qui ne termine pas / &lt;a href=&quot;https://larlet.fr/david/2024/01/01/&quot;&gt;plus&lt;/a&gt; à la &lt;a href=&quot;https://www.saq.com/&quot;&gt;SAQ&lt;/a&gt;.&lt;/p&gt;
  591. &lt;hr /&gt;
  592. &lt;p&gt;Pensée (genrée) du jour&amp;nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&amp;nbsp;cuisine.&lt;/p&gt;
  593. &lt;p&gt;Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&amp;nbsp;déguisée.&lt;/p&gt;
  594. &lt;hr /&gt;
  595. &lt;p&gt;Masto comme un &lt;a href=&quot;https://fedi.larlet.fr/@david/111709177849752316&quot;&gt;espace de discussion&lt;/a&gt;, le blog comme un espace de synthèse&amp;nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&amp;nbsp;pratiques&amp;#8239;!&lt;/p&gt;
  596. &lt;p&gt;Je décline le sélecteur de thème que l’&lt;a href=&quot;https://larlet.fr/david/2020/06/25/#paillasse&quot;&gt;on avait fait en 2020&lt;/a&gt; avec &lt;a href=&quot;https://ricaud.me/blog/&quot;&gt;Anthony&lt;/a&gt; mais cette fois sous la forme d’un &lt;em&gt;Web Component&lt;/em&gt;. Je me suis pris les pieds dans le tapis car les &lt;em&gt;layers&lt;/em&gt; en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&amp;nbsp;but&amp;#8239;!).&lt;/p&gt;
  597. &lt;p&gt;Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus &lt;em&gt;light&lt;/em&gt;, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&amp;nbsp;thème&amp;nbsp;😅.&lt;/p&gt;
  598. &lt;p&gt;&lt;em&gt;Bientôt 500&amp;nbsp;lignes de&amp;nbsp;CSS.&lt;/em&gt;&lt;/p&gt;
  599. &lt;hr /&gt;
  600. &lt;blockquote&gt;
  601. &lt;p&gt;Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).&lt;/p&gt;
  602. &lt;p&gt;Je suis&amp;nbsp;impressionné.&lt;/p&gt;
  603. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/06/ebauche&quot;&gt;plaisir d’ébauche&lt;/a&gt;&lt;/em&gt;, Karl&lt;/cite&gt;&lt;/p&gt;
  604. &lt;/blockquote&gt;
  605. &lt;p&gt;Ce&amp;nbsp;titre&amp;nbsp;:)&lt;/p&gt;
  606. &lt;p&gt;La transcription des &lt;em&gt;podcast&lt;/em&gt; serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&amp;nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des &lt;a href=&quot;https://larlet.fr/david/2021/01/18/&quot;&gt;essais il y a 3&amp;nbsp;ans&lt;/a&gt; déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&amp;nbsp;inspirantes.&lt;/p&gt;
  607. &lt;hr /&gt;
  608. &lt;blockquote lang=&quot;en&quot;&gt;
  609. &lt;p&gt;We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. &lt;mark&gt;Politics finding its way into tech is one of the reason we do not have innovation any&amp;nbsp;more.&lt;/mark&gt;&lt;/p&gt;
  610. &lt;p&gt;We are primarily in the business of search and we’d like to stay focused on&amp;nbsp;that.&lt;/p&gt;
  611. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6&quot;&gt;Vlad (admin Kagi) répondant&lt;/a&gt; à «&amp;nbsp;Reconsider your partnership with&amp;nbsp;Brave&amp;nbsp;»&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  612. &lt;/blockquote&gt;
  613. &lt;p&gt;À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&amp;nbsp;terrible.&lt;/p&gt;
  614. &lt;p&gt;&lt;a href=&quot;https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy&quot;&gt;Pas de politique au travail&lt;/a&gt; est ma nouvelle&amp;nbsp;cryptonite.&lt;/p&gt;
  615. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/fediverse/&quot;&gt;#fédiverse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  616. </entry>
  617. <entry xml:lang="fr">
  618. <title type="html">Objectif</title>
  619. <link href="https://larlet.fr/david/2024/01/06/" rel="alternate" type="text/html" />
  620. <updated>2024-01-06T12:00:00+01:00</updated>
  621. <id>https://larlet.fr/david/2024/01/06/</id>
  622. <summary type="html">
  623. &lt;p&gt;C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la &lt;em&gt;Traversée de Charlevoix&lt;/em&gt;. Je vais essayer de documenter le processus de&amp;nbsp;préparation.&lt;/p&gt;
  624. &lt;hr /&gt;
  625. &lt;p&gt;Au détour d’un vieux&amp;nbsp;chalet&amp;nbsp;:&lt;/p&gt;
  626. &lt;figure&gt;
  627. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-05-la-recherche-sida.jpg&quot;
  628. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  629. &lt;img
  630. src=&quot;https://larlet.fr/static/david/2024/2024-01-05-la-recherche-sida.jpg&quot;
  631. width=&quot;4032&quot; height=&quot;3024&quot;
  632. srcset=&quot;/static/david/2024/2024-01-05-la-recherche-sida.jpg 4032w, /static/david/2024/2024-01-05-la-recherche-sida_660x440.jpg 660w, /static/david/2024/2024-01-05-la-recherche-sida_990x660.jpg 990w, /static/david/2024/2024-01-05-la-recherche-sida_1320x880.jpg 1320w&quot;
  633. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  634. loading=&quot;lazy&quot;
  635. decoding=&quot;async&quot;
  636. alt=&quot;Photo du Magazine «&amp;nbsp;La Recherche&amp;nbsp;» (couverture)&quot;&gt;
  637. &lt;/a&gt;
  638. &lt;figcaption&gt;La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de&amp;nbsp;découverte.&lt;/figcaption&gt;
  639. &lt;/figure&gt;
  640. &lt;p&gt;D’autres temps, d’autres&amp;nbsp;démons.&lt;/p&gt;
  641. &lt;hr /&gt;
  642. &lt;p&gt;Le dossier spécial sur la voiture électrique se terminait&amp;nbsp;ainsi&amp;nbsp;:&lt;/p&gt;
  643. &lt;blockquote&gt;
  644. &lt;p&gt;Nous sommes loin des anticipations du début des années 1970&amp;nbsp;qui attribuaient au véhicule électrique 7&amp;nbsp;à 10&amp;#8239;% du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. &lt;mark&gt;Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels&lt;/mark&gt; (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine&amp;nbsp;décennie.&lt;/p&gt;
  645. &lt;/blockquote&gt;
  646. &lt;p&gt;D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve&amp;nbsp;américain.&lt;/p&gt;
  647. &lt;hr /&gt;
  648. &lt;blockquote&gt;
  649. &lt;p&gt;J’aime bien l’expression «&amp;nbsp;sans nom&amp;nbsp;» (genre une galère sans nom, une injustice sans nom)&lt;br /&gt;
  650. Ça fait un peu eldritchien pour moi, genre quelque chose de si terrible qu’on ne peut pas le nommer, qu’on ne peut pas concevoir&amp;nbsp;entièrement&lt;/p&gt;
  651. &lt;p&gt;Mais aussi ça me donne l’impression que si je nomme les choses ça va régler une partie du problème c’est&amp;nbsp;fun&lt;/p&gt;
  652. &lt;p&gt;«&amp;nbsp;ma vie était une galère sans nom c’était terrible. Bha je l’ai appelé bob et du coup depuis ça&amp;nbsp;va&amp;nbsp;»&lt;/p&gt;
  653. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://pipou.academy/@tiphaine/111629699683457788&quot;&gt;@tiphaine@pipou.academy&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  654. &lt;/blockquote&gt;
  655. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/processus/&quot;&gt;#processus&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  656. </entry>
  657. <entry xml:lang="fr">
  658. <title type="html">Vocabulaire</title>
  659. <link href="https://larlet.fr/david/2024/01/05/" rel="alternate" type="text/html" />
  660. <updated>2024-01-05T12:00:00+01:00</updated>
  661. <id>https://larlet.fr/david/2024/01/05/</id>
  662. <summary type="html">
  663. &lt;blockquote&gt;
  664. &lt;p&gt;Les tensions et processer les tensions. Essayez de remplacer les termes «&amp;nbsp;problèmes&amp;nbsp;» et «&amp;nbsp;solutions&amp;nbsp;» par «&amp;nbsp;tensions&amp;nbsp;» et «&amp;nbsp;processer&amp;nbsp;». Les êtres humains semblent être enclins de manière innée à attendre la dernière minute pour gérer ce qu’ils perçoivent comme des problèmes. Par conséquent, l’emploi de ce langage «&amp;nbsp;négatif&amp;nbsp;» dans le monde de l’entreprise peut donner naissance à une culture de l’évitement ou de l’inquiétude inutile. Le terme «&amp;nbsp;tension&amp;nbsp;», comme employé en &lt;em&gt;Holacracy&lt;/em&gt;, est neutre et signifie simplement &lt;em&gt;la perception d’un écart entre la réalité et ce qu’elle pourrait&amp;nbsp;être.&lt;/em&gt;&lt;/p&gt;
  665. &lt;p&gt;Une tension n’est pas un «&amp;nbsp;problème&amp;nbsp;» et n’induit pas nécessairement une «&amp;nbsp;solution&amp;nbsp;». Elle met en lumière une occasion de rapprocher la situation actuelle de ce qu’elle pourrait être — ce qui sous-entend généralement une amélioration. &lt;mark&gt;Holacracy emploie le terme «&amp;nbsp;processer&amp;nbsp;» pour décrire ce phénomène, qui évite la notion de résultat fixe et définitif et illustre un cheminement fait d’une adaptation et de progrès&amp;nbsp;permanents.&lt;/mark&gt;&lt;/p&gt;
  666. &lt;p&gt;Des propositions plutôt que des problèmes. Le changement qui va de pair avec celui que je viens de décrire est de prendre l’habitude de faire des «&amp;nbsp;propositions&amp;nbsp;» au lieu de se contenter de se lamenter. Lorsque vous ressentez une tension, demandez-vous&amp;nbsp;: «&amp;nbsp;Qu’est-ce qui pourrait améliorer la situation&amp;#8239;? Que pourrais-je proposer&amp;#8239;?&amp;nbsp;» Encouragez votre équipe à en faire de même. La proposition ne se doit pas d’être une «&amp;nbsp;solution&amp;nbsp;» parfaite — c’est un moyen d’entamer la conversation de manière proactive et créative, et non&amp;nbsp;négative.&lt;/p&gt;
  667. &lt;p&gt;&lt;cite&gt;&lt;em&gt;La révolution Holacracy&lt;/em&gt;, Brian J. Robertson, chapitre «&amp;nbsp;Changez votre langage, changez votre&amp;nbsp;culture&amp;nbsp;»&lt;/cite&gt;&lt;/p&gt;
  668. &lt;/blockquote&gt;
  669. &lt;p&gt;On pourrait y voir de la &lt;a href=&quot;https://fr.wikipedia.org/wiki/Novlangue&quot;&gt;novlangue&lt;/a&gt; de &lt;em&gt;manager&lt;/em&gt; mais il y a cette idée derrière qu’on ne tente pas de résoudre un problème mais de libérer —&amp;nbsp;peut-être temporairement&amp;nbsp;— une tension qui me plait bien. Ce que l’on aborde alors ensemble ce sont les actions qui nous semblent aller vers &lt;em&gt;un&lt;/em&gt; mieux parmi l’arbre des possibles. L’enjeu d’un collectif qui se respecte est de trouver la légitimité individuelle nécessaire pour continuer à explorer des pistes ne faisant pas forcément l’unanimité lors d’une première itération. &lt;em&gt;Holacratie&lt;/em&gt; semble mettre des règles explicites sur ces&amp;nbsp;pratiques.&lt;/p&gt;
  670. &lt;p&gt;J’apprécie particulièrement le couple proposition / objections. Difficile de sortir d’une forme de confort une fois celui-ci établi. Peut-être que le &lt;em&gt;refus de confort&lt;/em&gt; pourrait être une notion au même titre que le &lt;a href=&quot;https://larlet.fr/david/2020/10/08/&quot;&gt;&lt;em&gt;refus de parvenir&lt;/em&gt;&lt;/a&gt;&amp;#8239;? Accepter le risque de l’inconnu pour ne pas se perdre dans un hier déjà expérimenté, déjà&amp;nbsp;dé·fini.&lt;/p&gt;
  671. &lt;blockquote&gt;
  672. &lt;p&gt;Des objections&amp;#8239;? La prochaine fois que vous recherchez l’adhésion de votre équipe à une décision, modifiez votre mode de communication. Ne demandez pas&amp;nbsp;: «&amp;nbsp;Est-ce que tout le monde est d’accord&amp;#8239;?&amp;nbsp;» ou «&amp;nbsp;Ma proposition plaît-elle à tout le monde&amp;#8239;?&amp;nbsp;». Ces questions débouchent sur une discussion longue et pénible. Demandez-leur plutôt&amp;nbsp;: &lt;mark&gt;«&amp;nbsp;Y a-t-il des objections à l’adoption de cette proposition&amp;#8239;?&amp;nbsp;»&lt;/mark&gt; Et définissez une objection comme «&amp;nbsp;une raison pour laquelle l’adoption de cette proposition causerait du tort ou nous ferait&amp;nbsp;régresser&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  673. &lt;p&gt;Voici une autre formulation&amp;nbsp;: «&amp;nbsp;Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits&amp;#8239;?&amp;nbsp;» Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus&amp;nbsp;décisionnel.&lt;/p&gt;
  674. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  675. &lt;/blockquote&gt;
  676. &lt;hr /&gt;
  677. &lt;p&gt;&lt;a href=&quot;https://piaille.fr/@nicosomb/111696724396676161&quot;&gt;Nicolas L.&lt;/a&gt; et &lt;a href=&quot;https://mamot.fr/@nhoizey/111697128068526484&quot;&gt;Nicolas H.&lt;/a&gt; me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions&amp;#8239;?) en commun à ce&amp;nbsp;sujet.&lt;/p&gt;
  678. &lt;p&gt;J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte&amp;nbsp;🧑‍🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi&amp;#8239;? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. &lt;strong&gt;Cet espace est suffisamment sur-pensé comme&amp;nbsp;ça.&lt;/strong&gt;&lt;/p&gt;
  679. &lt;p&gt;Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les&amp;nbsp;couleurs.&lt;/p&gt;
  680. &lt;p&gt;Plus tard, &lt;a href=&quot;https://mamot.fr/@emmanuelc/111700432836997597&quot;&gt;Emmanuel&lt;/a&gt; m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller&amp;#8239;? Oui, mais il faudra toujours finir par le&amp;nbsp;décortiquer.&lt;/p&gt;
  681. &lt;p&gt;La CSS progresse, 426&amp;nbsp;lignes ce soir… et un seul &lt;code&gt;breakpoint&lt;/code&gt; défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette&amp;nbsp;idée.&lt;/p&gt;
  682. &lt;hr /&gt;
  683. &lt;p&gt;Randonnée de 8&amp;#8239;km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances —&amp;nbsp;qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons&amp;nbsp;s’ouvrent.&lt;/p&gt;
  684. &lt;hr /&gt;
  685. &lt;blockquote&gt;
  686. &lt;p&gt;— Comment appelle-t-on un groupe de faisans&amp;#8239;? demande Anna.&lt;br /&gt;
  687. — Un bouquet, répond Isobel. Un groupe d’étourneaux&amp;#8239;?&lt;br /&gt;
  688. — Un murmure.&lt;br /&gt;
  689. — De flamants&amp;#8239;?&lt;br /&gt;
  690. — Une flamboyance de flamants. De hiboux&amp;#8239;?&lt;br /&gt;
  691. Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&amp;nbsp;:&lt;br /&gt;
  692. — On dit un parlement de hiboux.&lt;br /&gt;
  693. — Très bien. Plus difficile alors. Comment appelle-t-on un groupe d’alouettes&amp;#8239;?&lt;br /&gt;
  694. — Une exaltation.&lt;br /&gt;
  695. — Et de papillons&amp;#8239;?&lt;br /&gt;
  696. — Un kaléidoscope de&amp;nbsp;papillons.&lt;/p&gt;
  697. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel Darleux citant Dominique Fortier sur Emily Dickinson, &lt;em&gt;Les Villes de&amp;nbsp;papiers&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  698. &lt;/blockquote&gt;
  699. &lt;p&gt;💚 Quand l’ornithologie fait de la&amp;nbsp;poésie.&lt;/p&gt;
  700. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  701. </entry>
  702. <entry xml:lang="fr">
  703. <title type="html">Repos</title>
  704. <link href="https://larlet.fr/david/2024/01/04/" rel="alternate" type="text/html" />
  705. <updated>2024-01-04T12:00:00+01:00</updated>
  706. <id>https://larlet.fr/david/2024/01/04/</id>
  707. <summary type="html">
  708. &lt;blockquote&gt;
  709. &lt;p&gt;Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. &lt;mark&gt;J’en suis aussi excitée que prudente,&lt;/mark&gt; je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour&amp;nbsp;absolus.&lt;/p&gt;
  710. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt;, Corinne Morel&amp;nbsp;Darleux&lt;/cite&gt;&lt;/p&gt;
  711. &lt;/blockquote&gt;
  712. &lt;p&gt;Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&amp;nbsp;tempo.&lt;/p&gt;
  713. &lt;hr /&gt;
  714. &lt;p&gt;Je me demande s’il serait pertinent &lt;a href=&quot;https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/&quot;&gt;d’utiliser &lt;code&gt;text-wrap&lt;/code&gt;&lt;/a&gt; sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec &lt;a href=&quot;https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py&quot;&gt;un script Python&lt;/a&gt; que l’on a fait avec &lt;a href=&quot;https://ronan.amicel.net/&quot;&gt;Ronan&lt;/a&gt; à l’époque &lt;a href=&quot;https://larlet.fr/david/2020/05/26/&quot;&gt;de MesConseilsCovid / Covidoudou&lt;/a&gt;.&lt;/p&gt;
  715. &lt;p&gt;Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&amp;nbsp;: &lt;q&gt;Ah je croyais que c’était de toi&amp;#8239;!&lt;/q&gt;.&lt;/p&gt;
  716. &lt;pre&gt;&lt;code&gt;blockquote::before {
  717. content: &amp;quot;citation&amp;quot;;
  718. transform: rotate(-90deg);
  719. position: absolute;
  720. margin-left: -1rem;
  721. margin-top: 3.5rem;
  722. }
  723. &lt;/code&gt;&lt;/pre&gt;
  724. &lt;p&gt;Au passage, autant faire de même pour le code. Des couleurs, de la vie&amp;#8239;! De&amp;nbsp;l’envie.&lt;/p&gt;
  725. &lt;p&gt;Note&amp;nbsp;: être développeur d’un produit &lt;em&gt;open-source&lt;/em&gt; populaire c’est un boulot à plein temps, pas de vacances pour les notifications /&amp;nbsp;sollicitations.&lt;/p&gt;
  726. &lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  727. </entry>
  728. <entry xml:lang="fr">
  729. <title type="html">Appariement</title>
  730. <link href="https://larlet.fr/david/2024/01/03/" rel="alternate" type="text/html" />
  731. <updated>2024-01-03T12:00:00+01:00</updated>
  732. <id>https://larlet.fr/david/2024/01/03/</id>
  733. <summary type="html">
  734. &lt;p&gt;Je me réveille avec une envie d’expérimentations typographiques. Après une nuit de réflexion, ce sera &lt;a href=&quot;https://mbtype.com/fonts/century-supra/&quot;&gt;Century Supra&lt;/a&gt; qui fera la paire avec &lt;a href=&quot;https://mbtype.com/fonts/concourse/&quot;&gt;Concourse&lt;/a&gt; pour du &lt;em&gt;sans serif&lt;/em&gt; (oui, je suis fan du travail de Matthew Butterick depuis très longtemps). Il va falloir que je m’habitue à ce que mon édition dans iA&amp;nbsp;Writer ne ressemble plus au rendu sur la prévisualisation du&amp;nbsp;site.&lt;/p&gt;
  735. &lt;p&gt;Au niveau de la taille, j’ai enfin l’occasion de tester un &lt;a href=&quot;https://utopia.fyi/blog/css-modular-scales&quot;&gt;échelle modulaire&lt;/a&gt; et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&amp;nbsp;avec.&lt;/p&gt;
  736. &lt;p&gt;Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux &lt;em&gt;CSS&amp;nbsp;layers&lt;/em&gt; c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes&amp;nbsp;sections.&lt;/p&gt;
  737. &lt;p&gt;Je m’amuse comme un petit fou même si la CSS fait subitement&amp;nbsp;350&amp;nbsp;lignes.&lt;/p&gt;
  738. &lt;hr /&gt;
  739. &lt;blockquote&gt;
  740. &lt;p&gt;&lt;mark&gt;Je crois qu’on écrit pour créer un monde dans lequel on puisse vivre.&lt;/mark&gt; Je ne pouvais vivre dans aucun de ceux qui m’étaient proposés&amp;nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait créer un monde à moi, comme un climat, un pays, une atmosphère, où je puisse respirer, régner et me régénérer lorsque j’étais détruite par la&amp;nbsp;vie.&lt;/p&gt;
  741. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Journal 1947-1955&lt;/em&gt;, Anaïs&amp;nbsp;Nin&lt;/cite&gt;&lt;/p&gt;
  742. &lt;/blockquote&gt;
  743. &lt;p&gt;L’introduction de &lt;em&gt;Alors nous irons trouver la beauté ailleurs&lt;/em&gt; par Corinne Morel Darleux m’aura suffit pour&amp;nbsp;aujourd’hui&amp;nbsp;🙂.&lt;/p&gt;
  744. &lt;hr /&gt;
  745. &lt;p&gt;On a couru 10&amp;#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&amp;#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&amp;nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&amp;nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&amp;nbsp;-6°C.&lt;/p&gt;
  746. &lt;p&gt;Tout ça pour aller chercher un bidon d’huile pour la transmission de la&amp;nbsp;voiture.&lt;/p&gt;
  747. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  748. </entry>
  749. <entry xml:lang="fr">
  750. <title type="html">Fondations</title>
  751. <link href="https://larlet.fr/david/2024/01/02/" rel="alternate" type="text/html" />
  752. <updated>2024-01-02T12:00:00+01:00</updated>
  753. <id>https://larlet.fr/david/2024/01/02/</id>
  754. <summary type="html">
  755. &lt;p&gt;Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&amp;nbsp;: des &lt;em&gt;grids&lt;/em&gt;, des &lt;em&gt;layers&lt;/em&gt;, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&amp;nbsp;temps.&lt;/p&gt;
  756. &lt;p&gt;Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des &lt;em&gt;reset&lt;/em&gt;&amp;nbsp;modernes&amp;nbsp;:&lt;/p&gt;
  757. &lt;ul&gt;
  758. &lt;li&gt;&lt;a href=&quot;https://piccalil.li/blog/a-more-modern-css-reset/&quot;&gt;A (more) Modern CSS Reset&lt;/a&gt; par Andy&amp;nbsp;Bell&amp;#8239;;&lt;/li&gt;
  759. &lt;li&gt;&lt;a href=&quot;https://www.joshwcomeau.com/css/custom-css-reset/&quot;&gt;My Custom CSS Reset&lt;/a&gt; par Josh W. Comeau&amp;#8239;;&lt;/li&gt;
  760. &lt;li&gt;&lt;a href=&quot;https://github.com/jensimmons/cssremedy&quot;&gt;CSS Remedy&lt;/a&gt; par Jen Simmons et Miriam&amp;nbsp;Suzanne&amp;#8239;;&lt;/li&gt;
  761. &lt;li&gt;&lt;a href=&quot;https://jgthms.com/minireset.css/&quot;&gt;A tiny modern CSS reset&lt;/a&gt; par Jeremy&amp;nbsp;Thomas.&lt;/li&gt;
  762. &lt;/ul&gt;
  763. &lt;p&gt;J’aimerais commencer ma CSS par &lt;code&gt;@layer reset&lt;/code&gt; mais c’est sur du &lt;a href=&quot;https://caniuse.com/css-cascade-layers&quot;&gt;Baseline™ 2022&lt;/a&gt;. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. &lt;mark&gt;Au pire, cette page nue est consultable&lt;/mark&gt; et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des &lt;a href=&quot;https://css-tricks.com/css-cascade-layers/&quot;&gt;CSS layers&lt;/a&gt; mais quand je fais une refonte de cet espace je ne suis pas &lt;em&gt;que&lt;/em&gt; sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. &lt;strong&gt;Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.&lt;/strong&gt; Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&amp;nbsp;colon.&lt;/p&gt;
  764. &lt;p&gt;Je finis par tout jeter / ré-interroger et je m’en sors avec&amp;nbsp;6&amp;nbsp;règles.&lt;/p&gt;
  765. &lt;p&gt;J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&amp;nbsp;&lt;a href=&quot;https://www.quaternum.net/2023/06/02/fabrique-concept/&quot;&gt;coucou Antoine&lt;/a&gt;&amp;nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui &lt;em&gt;est&lt;/em&gt; le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations &lt;a href=&quot;https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu&quot;&gt;à fond perdu&lt;/a&gt; tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&amp;nbsp;publications.&lt;/p&gt;
  766. &lt;p&gt;Je suis satisfait de mon résultat très minimaliste du&amp;nbsp;jour.&lt;/p&gt;
  767. &lt;hr /&gt;
  768. &lt;blockquote&gt;
  769. &lt;p&gt;Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&amp;nbsp;rêves.&lt;/p&gt;
  770. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2023/07/10/notes-train&quot;&gt;notes&lt;/a&gt;&lt;/em&gt;, Karl&lt;/cite&gt;&lt;/p&gt;
  771. &lt;/blockquote&gt;
  772. &lt;p&gt;🧡&lt;/p&gt;
  773. &lt;hr /&gt;
  774. &lt;p&gt;Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&amp;nbsp;an&amp;nbsp;:&lt;/p&gt;
  775. &lt;figure&gt;
  776. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-02-ancien-essai.png&quot;
  777. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  778. &lt;img
  779. src=&quot;https://larlet.fr/static/david/2024/2024-01-02-ancien-essai.png&quot;
  780. width=&quot;2488&quot; height=&quot;1486&quot;
  781. srcset=&quot;/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w&quot;
  782. sizes=&quot;min(100vw, calc(100vh * 2488 / 1486))&quot;
  783. loading=&quot;lazy&quot;
  784. decoding=&quot;async&quot;
  785. alt=&quot;Capture d’écran de l’essai&quot;&gt;
  786. &lt;/a&gt;
  787. &lt;figcaption&gt;Capture d’écran de&amp;nbsp;l’essai.&lt;/figcaption&gt;
  788. &lt;/figure&gt;
  789. &lt;p&gt;Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les &lt;em&gt;layers&lt;/em&gt; qu’une refonte sérieuse (et cette typo&amp;nbsp;😱 (Bizmeud, &lt;a href=&quot;https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/&quot;&gt;en retraite&lt;/a&gt;)). Il n’est pas exclus que les essais actuels finissent également à la&amp;nbsp;poubelle.&lt;/p&gt;
  790. &lt;p&gt;Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&amp;#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&amp;nbsp;explorer…&lt;/p&gt;
  791. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  792. </entry>
  793. <entry xml:lang="fr">
  794. <title type="html">Dryear(s)</title>
  795. <link href="https://larlet.fr/david/2024/01/01/" rel="alternate" type="text/html" />
  796. <updated>2024-01-01T12:00:00+01:00</updated>
  797. <id>https://larlet.fr/david/2024/01/01/</id>
  798. <summary type="html">
  799. &lt;blockquote&gt;
  800. &lt;p&gt;33&amp;#8239;% de 44&amp;nbsp;millions de consommateurs vont faire le Dry January&lt;br /&gt;
  801. 22&amp;#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&amp;nbsp;verres/semaine max et plus de deux&amp;nbsp;verres/jour.&lt;/p&gt;
  802. &lt;p&gt;Les seniors sont aussi très touché·es.&lt;br /&gt;
  803. &lt;mark&gt;L’alcool est une drogue.&lt;/mark&gt;.
  804. On peut faire la fête sans alcool et&amp;nbsp;s’éclater.&lt;/p&gt;
  805. &lt;p&gt;Quand on arrête&amp;nbsp;: bienfaits sur le foie, la peau, le coeur, etc…&lt;br /&gt;
  806. Pb&amp;nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…&lt;br /&gt;
  807. 41000&amp;nbsp;décès par an en&amp;nbsp;France.&lt;/p&gt;
  808. &lt;p&gt;Les cinq symptômes définissent un problème de&amp;nbsp;dépendance&amp;nbsp;:&lt;/p&gt;
  809. &lt;ul&gt;
  810. &lt;li&gt;Perte de&amp;nbsp;contrôle&lt;/li&gt;
  811. &lt;li&gt;Usage&amp;nbsp;compulsif&lt;/li&gt;
  812. &lt;li&gt;Envie&amp;nbsp;répressive&lt;/li&gt;
  813. &lt;li&gt;Usage&amp;nbsp;chronique&lt;/li&gt;
  814. &lt;li&gt;Conséquences psychiques, physiques, sociales,…&lt;/li&gt;
  815. &lt;/ul&gt;
  816. &lt;p&gt;Bon Dry J. pour celleux qui le font&amp;#8239;! Moi j’en&amp;nbsp;suis&amp;#8239;!&lt;/p&gt;
  817. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://framapiaf.org/@Air/111681709094993435&quot;&gt;@Air@framapiaf.org&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  818. &lt;/blockquote&gt;
  819. &lt;p&gt;Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&amp;nbsp;mois.&lt;/p&gt;
  820. &lt;p&gt;Je me sens prêt, on verra bien où cela me&amp;nbsp;mène.&lt;/p&gt;
  821. &lt;hr /&gt;
  822. &lt;p&gt;Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&amp;nbsp;retenir.&lt;/p&gt;
  823. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  824. </entry>
  825. </feed>