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 153KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329
  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-04-04T12: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">Porte</title>
  17. <link href="https://larlet.fr/david/2024/04/02/" rel="alternate" type="text/html" />
  18. <updated>2024-04-02T12:00:00+01:00</updated>
  19. <id>https://larlet.fr/david/2024/04/02/</id>
  20. <summary type="html">
  21. &lt;blockquote lang=&quot;en&quot;&gt;
  22. &lt;p&gt;For me, the two big lessons from #XZ were first, the lack of resources supporting crucial Open-Source infrastructure, but then and especially, the demonstration that the attackers are numerous, skilled &lt;em&gt;and patient&lt;/em&gt;. We already knew about numerous and skilled but this episode, where the attacker was already well-embedded in the project by May 2022, opened a few eyes, including&amp;nbsp;mine.&lt;/p&gt;
  23. &lt;p&gt;The advantage, to various flavors of malefactor, of subverting core pieces of Open-Source infrastructure, is incalculable. &lt;mark&gt;#XZ was the one we caught; how many have we&amp;nbsp;missed?&lt;/mark&gt;&lt;/p&gt;
  24. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.tbray.org/ongoing/When/202x/2024/04/01/OSQI&quot;&gt;ongoing by Tim Bray ·&amp;nbsp;OSQI&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  25. &lt;/blockquote&gt;
  26. &lt;p&gt;J’ai laissé le web 2&amp;nbsp;jours et hop, une &lt;a href=&quot;https://fr.wikipedia.org/wiki/Porte_d%C3%A9rob%C3%A9e&quot;&gt;porte dérobée&lt;/a&gt; a été fermée à temps. C’est &lt;a href=&quot;https://boehs.org/node/everything-i-know-about-the-xz-backdoor&quot;&gt;la chronologie&lt;/a&gt; qui est surprenante dans sa durée et pose immédiatement la question de savoir s’il s’agit d’une exception ou s’il y a déjà des portes un peu partout, exploitées par plus ou moins de&amp;nbsp;monde.&lt;/p&gt;
  27. &lt;p&gt;Lorsqu’on voit ce que &lt;a href=&quot;https://larlet.fr/david/2024/03/28/#hr-140&quot;&gt;sont prêts à faire les GAFAM+&lt;/a&gt;, je n’ai aucun doute sur le fait qu’ils se rueraient sur de telles «&amp;nbsp;opportunités&amp;nbsp;». On parle souvent de malveillance dans ces cas là, je pense que l’on peut facilement mettre tout ce qui est &lt;em&gt;growth hacking&lt;/em&gt; et &lt;em&gt;marketing&lt;/em&gt; dans ce&amp;nbsp;périmètre.&lt;/p&gt;
  28. &lt;p&gt;Pour en revenir à des OSQI (Open Source Quality Institutes) nationaux, cela me rappelle des initiatives comme &lt;a href=&quot;https://copiepublique.fr/&quot;&gt;copie publique&lt;/a&gt; ou cette idée de &lt;a href=&quot;https://larlet.fr/david/2023/01/11/&quot;&gt;MécénatDeCompétencesPublic&lt;/a&gt;&amp;#8239;.&lt;/p&gt;
  29. &lt;p&gt;Transformer l’Open-Source en bien commun est peut-être le chantier de la décennie à venir. J’espère en faire partie à mon&amp;nbsp;échelle.&lt;/p&gt;
  30. &lt;blockquote lang=&quot;en&quot;&gt;
  31. &lt;p&gt;Tuesday, Hans-Christoph Steiner, a longtime developer of F-Droid, explained that a very similar situation nearly led F-Droid to push an update that would have introduced a security vulnerability into the product three years ago: “Three years ago, F-Droid had a similar kind of attempt as the Xz backdoor,” he posted on Mastodon. “A new contributor submitted a merge request to improve the search, which was oft requested but the maintainers hadn’t found time to work on. There was also pressure from other random accounts to merge it. In the end, it became clear that it added a SQL injection vulnerability. In this case, we managed to catch it before it was merged. Since similar tactics were used, I think it’s relevant&amp;nbsp;now.”&lt;/p&gt;
  32. &lt;p&gt;Other open source developers and security experts have pointed to the dynamic of bullying and the general reliance on a small number of volunteer developers. They explained that it’s a problem across much of the open source software ecosystem, and is definitely a problem for the large tech companies and infrastructure who rely on these often volunteer-led projects to build their for-profit software on top&amp;nbsp;of.&lt;/p&gt;
  33. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.404media.co/xz-backdoor-bullying-in-open-source-software-is-a-massive-security-vulnerability/&quot;&gt;Bullying in Open Source Software Is a Massive Security&amp;nbsp;Vulnerability&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  34. &lt;/blockquote&gt;
  35. &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/opensource/&quot;&gt;#opensource&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>
  36. </entry>
  37. <entry xml:lang="fr">
  38. <title type="html">Jour 2</title>
  39. <link href="https://larlet.fr/david/2024/03/30/" rel="alternate" type="text/html" />
  40. <updated>2024-03-30T12:00:00+01:00</updated>
  41. <id>https://larlet.fr/david/2024/03/30/</id>
  42. <summary type="html">
  43. &lt;blockquote&gt;
  44. &lt;p&gt;Le vent fera tomber des branches,&lt;br /&gt;
  45. L’aube viendra dans sa mârde&amp;nbsp;blanche.&lt;/p&gt;
  46. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Mars&lt;/em&gt;, Cissou du «&amp;nbsp;vrai&amp;nbsp;» sud-ouest (fin du&amp;nbsp;débat)&lt;/cite&gt;&lt;/p&gt;
  47. &lt;/blockquote&gt;
  48. &lt;p&gt;La montre m’indique avoir dormi 5h. Optimiste. Je me lève relativement tôt car je ne veux pas trop m’enfoncer dans la neige en début d’après-midi. Les seules traces de retour bien profondes de la veille m’ont fait un peu peur à ce sujet. J’ai greloté une partie de la nuit (oups, des calories en moins), ça motive à s’extirper du duvet&amp;nbsp;aussi…&lt;/p&gt;
  49. &lt;p&gt;Le temps de déjeuner et de plier le camp, la neige se met à tomber. Il neige faiblement pendant les 2&amp;#8239;km d’ascension qui m’ont séché la veille. Vu le nombre de nouvelles branches que je dois enjamber, je suis bien content de ne pas m’en être pris une sur la tête cette nuit. J’espérais pouvoir bénéficier d’un lever de soleil mais c’est compter sans la couverture&amp;nbsp;nuageuse.&lt;/p&gt;
  50. &lt;figure&gt;
  51. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-30-lac.jpg&quot;
  52. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  53. &lt;img
  54. src=&quot;https://larlet.fr/static/david/2024/2024-03-30-lac.jpg&quot;
  55. width=&quot;3024&quot; height=&quot;4032&quot;
  56. srcset=&quot;/static/david/2024/2024-03-30-lac.jpg 3024w, /static/david/2024/2024-03-30-lac_660x440.jpg 660w, /static/david/2024/2024-03-30-lac_990x660.jpg 990w, /static/david/2024/2024-03-30-lac_1320x880.jpg 1320w&quot;
  57. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  58. loading=&quot;lazy&quot;
  59. decoding=&quot;async&quot;
  60. alt=&quot;Un lac gelé.&quot;&gt;
  61. &lt;/a&gt;
  62. &lt;figcaption&gt;Un de ces paysages&amp;nbsp;typiques.&lt;/figcaption&gt;
  63. &lt;/figure&gt;
  64. &lt;p&gt;Je découvre qu’il faut avoir une trace aller et une autre retour car la montre ne sait pas réaliser que je ne fais pas du &lt;em&gt;moonwalk&lt;/em&gt; toute seule. Étonnant.&lt;/p&gt;
  65. &lt;p&gt;L’un des inconvénient d’être reparti à la fraîche, c’est que les rochers mouillés sont devenus bien glissants mais la boue a gelé. Il faut bien savoir choisir son poison dans ces&amp;nbsp;circonstances&amp;nbsp;😅.&lt;/p&gt;
  66. &lt;p&gt;Au fil du chemin, je réalise que je ne suis pas prêt à enchaîner en rando-course sur plusieurs jours et qu’il va falloir travailler l’endurance avant, ce que j’ai commencé mais ça va me prendre plusieurs mois pour arriver à la forme qui me semble&amp;nbsp;nécessaire.&lt;/p&gt;
  67. &lt;figure&gt;
  68. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-30-ruisseau.jpg&quot;
  69. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  70. &lt;img
  71. src=&quot;https://larlet.fr/static/david/2024/2024-03-30-ruisseau.jpg&quot;
  72. width=&quot;3024&quot; height=&quot;4032&quot;
  73. srcset=&quot;/static/david/2024/2024-03-30-ruisseau.jpg 3024w, /static/david/2024/2024-03-30-ruisseau_660x440.jpg 660w, /static/david/2024/2024-03-30-ruisseau_990x660.jpg 990w, /static/david/2024/2024-03-30-ruisseau_1320x880.jpg 1320w&quot;
  74. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  75. loading=&quot;lazy&quot;
  76. decoding=&quot;async&quot;
  77. alt=&quot;Un ruisseau gelé.&quot;&gt;
  78. &lt;/a&gt;
  79. &lt;figcaption&gt;La couche de glace depuis hier me permet de mesurer la température&amp;nbsp;nocturne.&lt;/figcaption&gt;
  80. &lt;/figure&gt;
  81. &lt;p&gt;J’espère pouvoir alléger le sac aussi avec les températures qui remontent. Je peux probablement réduire de 2&amp;nbsp;kilos par dizaine de degrés gagnée, ce qui n’est pas&amp;nbsp;négligeable&amp;#8239;!&lt;/p&gt;
  82. &lt;p&gt;Une sortie plus en mode recherche que l’habituelle exploration / contemplation / plaisir. Toujours cet arbitrage pour réussir à être dans de bonnes conditions tout en recherchant l’isolement&amp;nbsp;relatif.&lt;/p&gt;
  83. &lt;p&gt;Les derniers kilomètres sont bien longs (je suis limite en hypo), surtout que je m’étais garé assez loin du départ pour estimer ce que pourrait être une jonction du &lt;a href=&quot;https://www.randoquebec.ca/sentier-national-au-quebec/&quot;&gt;sentier national&lt;/a&gt; qui enchainerait trois tronçons dont j’ai maintenant fait tous les morceaux. Envisageable dans des conditions non-hivernales mais il faut que j’arrive à me faire déposer à l’une des&amp;nbsp;extrémités.&lt;/p&gt;
  84. &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/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&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>
  85. </entry>
  86. <entry xml:lang="fr">
  87. <title type="html">Jour 1</title>
  88. <link href="https://larlet.fr/david/2024/03/29/" rel="alternate" type="text/html" />
  89. <updated>2024-03-29T12:00:00+01:00</updated>
  90. <id>https://larlet.fr/david/2024/03/29/</id>
  91. <summary type="html">
  92. &lt;p&gt;Réveil à 6h. Je veux tenter une sortie longue en prévision d’une &lt;a href=&quot;https://larlet.fr/david/2024/03/11/#hr-109&quot;&gt;encore plus longue&lt;/a&gt;. Comme chaque printemps, j’ai l’espoir de ne pas tomber sur des conditions trop pénibles lorsque ça fond. Comme chaque printemps, je me retrouve à viser les arbres entre deux plaques de verglas pour pouvoir me rattraper dans les dévers. Sans compter le fait que le sentier qui a été tapé par les raquettes tout l’hiver est bien souvent le seul serpent de glace restant. Un exemple parmi tant d’autres un peu plus&amp;nbsp;critiques&amp;nbsp;:&lt;/p&gt;
  93. &lt;figure&gt;
  94. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-chemin-glace.jpg&quot;
  95. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  96. &lt;img
  97. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-chemin-glace.jpg&quot;
  98. width=&quot;3024&quot; height=&quot;4032&quot;
  99. srcset=&quot;/static/david/2024/2024-03-29-chemin-glace.jpg 3024w, /static/david/2024/2024-03-29-chemin-glace_660x440.jpg 660w, /static/david/2024/2024-03-29-chemin-glace_990x660.jpg 990w, /static/david/2024/2024-03-29-chemin-glace_1320x880.jpg 1320w&quot;
  100. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  101. loading=&quot;lazy&quot;
  102. decoding=&quot;async&quot;
  103. alt=&quot;Un chemin gelé.&quot;&gt;
  104. &lt;/a&gt;
  105. &lt;figcaption&gt;Sur 100 mètres ça va, mais sur plusieurs kilomètres c’est usant&amp;nbsp;!&lt;/figcaption&gt;
  106. &lt;/figure&gt;
  107. &lt;p&gt;Il y a vraiment deux faces, deux ambiances dans ces situations avec d’un côté du gel et de l’autre le sol déjà fondu mais parfois boueux et donc tout autant&amp;nbsp;glissant…&lt;/p&gt;
  108. &lt;p&gt;Je découvre un emplacement de camping à une dizaine de kilomètres du départ, ce qui me permettra de revenir cet été avec l’enfant. J’aime bien ce genre de découverte non&amp;nbsp;documentée.&lt;/p&gt;
  109. &lt;figure&gt;
  110. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-riviere.jpg&quot;
  111. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  112. &lt;img
  113. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-riviere.jpg&quot;
  114. width=&quot;3024&quot; height=&quot;4032&quot;
  115. srcset=&quot;/static/david/2024/2024-03-29-riviere.jpg 3024w, /static/david/2024/2024-03-29-riviere_660x440.jpg 660w, /static/david/2024/2024-03-29-riviere_990x660.jpg 990w, /static/david/2024/2024-03-29-riviere_1320x880.jpg 1320w&quot;
  116. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  117. loading=&quot;lazy&quot;
  118. decoding=&quot;async&quot;
  119. alt=&quot;Une rivière avec les bords enneigés.&quot;&gt;
  120. &lt;/a&gt;
  121. &lt;figcaption&gt;Je chiale beaucoup mais il y a aussi des décors qui valent le coup&amp;nbsp;hein.&lt;/figcaption&gt;
  122. &lt;/figure&gt;
  123. &lt;p&gt;J’avais fait la &lt;a href=&quot;https://www.komoot.com/fr-fr/plan&quot;&gt;trace sur Komoot&lt;/a&gt; pour tester le suivi avec &lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;la montre&lt;/a&gt; (je ferai un retour complet à son sujet plus tard) ce qui a eu pour effet de m’encourager &lt;em&gt;et&lt;/em&gt; de me décourager à la fois. D’un côté la certitude d’être sur le «&amp;nbsp;droit&amp;nbsp;» chemin et d’anticiper les côtes, de l’autre se rendre compte en cours de route que l’estimation initiale en terme de distance / dénivelé était très optimiste (+25% en distance et +50% en dénivelé ça fait une&amp;nbsp;différence&amp;#8239;!).&lt;/p&gt;
  124. &lt;p&gt;Je pensais être déjà limite niveau capacités physiques mais de voir le chemin s’allonger et le temps passer a fini par avoir raison de mon énergie. Lorsque la lucidité flanche après presque 7h d’effort à &lt;del&gt;lutter&lt;/del&gt; m’adapter aux éléments, il vaut mieux faire une pause en pensant au retour. Je retiens qu’il faut démarrer plus tôt aussi pour être plus serein en cas&amp;nbsp;d’imprévu.&lt;/p&gt;
  125. &lt;p&gt;La nourriture était un autre test important de cette sortie. Je me suis rendu compte que de s’alimenter sur 4&amp;nbsp;jours intensifs allait peser lourd. Lorsque j’ai enregistré le parcours, la montre m’a indiqué 2300&amp;nbsp;kcal de dépensées ce qui me donne une idée des ordres de grandeur. Pour une fois, je voulais tenter les plats lyophilisés et non seulement c’était pas bon mais en plus j’avais faim avant de me coucher&amp;#8239;! Il faut que j’essaye de déshydrater mes propres&amp;nbsp;plats.&lt;/p&gt;
  126. &lt;p&gt;En parlant du couchage, trouver un emplacement en pleine forêt québécoise qui soit suffisamment plat &lt;em&gt;et&lt;/em&gt; sec non gelé &lt;em&gt;et&lt;/em&gt; proche d’eau courante revient bien souvent à s’installer sur le sentier. Ce que j’ai fait après n’avoir croisé personne de la&amp;nbsp;journée.&lt;/p&gt;
  127. &lt;figure&gt;
  128. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-couchage-sentier.jpg&quot;
  129. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  130. &lt;img
  131. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-couchage-sentier.jpg&quot;
  132. width=&quot;3024&quot; height=&quot;4032&quot;
  133. srcset=&quot;/static/david/2024/2024-03-29-couchage-sentier.jpg 3024w, /static/david/2024/2024-03-29-couchage-sentier_660x440.jpg 660w, /static/david/2024/2024-03-29-couchage-sentier_990x660.jpg 990w, /static/david/2024/2024-03-29-couchage-sentier_1320x880.jpg 1320w&quot;
  134. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  135. loading=&quot;lazy&quot;
  136. decoding=&quot;async&quot;
  137. alt=&quot;Un campement en plein chemin.&quot;&gt;
  138. &lt;/a&gt;
  139. &lt;figcaption&gt;On ne dirait pas sur la photo mais le sol est bien&amp;nbsp;humide.&lt;/figcaption&gt;
  140. &lt;/figure&gt;
  141. &lt;p&gt;La météo indiquait -5°C, je prévoyais un -10°C niveau équipement et… il a bien fait -15°C avec le vent qui a soufflé par rafales toute la nuit. Difficile de réussir à être minimaliste / léger dans ces conditions sans prendre quelques&amp;nbsp;risques.&lt;/p&gt;
  142. &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/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&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>
  143. </entry>
  144. <entry xml:lang="fr">
  145. <title type="html">Collectif</title>
  146. <link href="https://larlet.fr/david/2024/03/28/" rel="alternate" type="text/html" />
  147. <updated>2024-03-28T12:00:00+01:00</updated>
  148. <id>https://larlet.fr/david/2024/03/28/</id>
  149. <summary type="html">
  150. &lt;p&gt;Il est parfois difficile pour un collectif existant &lt;em&gt;de fait&lt;/em&gt; de définir ce qui le relie (encore), de travailler sur sa raison d’être et/ou ses valeurs. Le regroupement a pu être économique, idéologique, par affinités, un peu des trois à la fois sûrement et à un moment on se retrouve devant le fait accompli. Presque surpris de se retrouver ensemble, à se demander&amp;nbsp;pourquoi.&lt;/p&gt;
  151. &lt;p&gt;Cela m’arrive dans trois situations à la fois en ce moment. À différentes échelles mais le parallèle est frappant. Le plus difficile (pour moi) est de se retenir d’être le seul moteur du groupe car le temps individuel est aussi important que l’action collective qu’il&amp;nbsp;précède.&lt;/p&gt;
  152. &lt;p&gt;Je vais aller m’épuiser sur ces sages paroles en forêt. Seul.&lt;/p&gt;
  153. &lt;hr /&gt;
  154. &lt;blockquote lang=&quot;en&quot;&gt;
  155. &lt;p&gt;In 2016, Facebook launched a secret project designed to intercept and decrypt the network traffic between people using Snapchat’s app and its servers. The goal was to understand users’ behavior and help Facebook compete with Snapchat, according to newly unsealed court documents. Facebook called this “Project Ghostbusters,” in a clear reference to Snapchat’s ghost-like&amp;nbsp;logo.&lt;/p&gt;
  156. &lt;p&gt;On Tuesday, a federal court in California released new documents discovered as part of the class action lawsuit between consumers and Meta, Facebook’s parent&amp;nbsp;company.&lt;/p&gt;
  157. &lt;p&gt;The newly released documents reveal how Meta tried to gain a competitive advantage over its competitors, including Snapchat and later Amazon and YouTube, &lt;mark&gt;by analyzing the network traffic of how its users were interacting with Meta’s competitors.&lt;/mark&gt; Given these apps’ use of encryption, Facebook needed to develop special technology to get around&amp;nbsp;it.&lt;/p&gt;
  158. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/&quot;&gt;Facebook snooped on users’ Snapchat traffic in secret project, documents&amp;nbsp;reveal&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  159. &lt;/blockquote&gt;
  160. &lt;p&gt;J’ai du mal à réaliser que je suis en train de faire un lien vers TechCrunch mais c’est trop gros pour laisser passer. Je ne vois pas comment un tel stratagème pourrait être justifiable, et si les GAFAM+ en sont là ça fait froid dans le&amp;nbsp;dos.&lt;/p&gt;
  161. &lt;p&gt;Le manque de déontologie dans ma profession m’attriste. Savoir que cette nouvelle ne va rien changer aux monopoles actuels&amp;nbsp;m’achève.&lt;/p&gt;
  162. &lt;blockquote lang=&quot;en&quot;&gt;
  163. &lt;p&gt;People who point out what needs to be improved are generally disappointed optimists. Only an optimist would believe that pointing out what has gone wrong could ever result in said issue being fixed. Only somebody who believes that software could be universally useful to everybody in society is going to spend time discovering and highlighting accessibility&amp;nbsp;issues.&lt;/p&gt;
  164. &lt;p&gt;You don’t spend years of your life figuring out how the flaws of the web can be fixed unless you thinks the web has massive unfulfilled&amp;nbsp;potential.&lt;/p&gt;
  165. &lt;p&gt;&lt;mark&gt;We’re not cynics.&lt;/mark&gt; If we were, we wouldn’t waste so much energy being&amp;nbsp;hopeful.&lt;/p&gt;
  166. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/&quot;&gt;“I’m not a cynic, I’m&amp;nbsp;disappointed”&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  167. &lt;/blockquote&gt;
  168. &lt;hr /&gt;
  169. &lt;blockquote lang=&quot;en&quot;&gt;
  170. &lt;p&gt;As such, I’ve become more attuned to what my goal really &lt;em&gt;should be&lt;/em&gt; with Buttondown. Most tech companies have a goal centered around some flavor of maximalism: disrupting an industry, revolutionizing a process, that kind of thing. Buttondown is not that kind of product; &lt;mark&gt;I am not that kind of&amp;nbsp;person.&lt;/mark&gt;&lt;/p&gt;
  171. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jmduke.com/posts/microblog/why-should-a-company/&quot;&gt;Why should a company? · Applied&amp;nbsp;Cartography&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  172. &lt;/blockquote&gt;
  173. &lt;p&gt;Et puis soudain un peu d’espoir. Tout n’est pas si terrible finalement. Quelques villages ici et là résistent. Quelques personnes et collectifs font la&amp;nbsp;différence.&lt;/p&gt;
  174. &lt;blockquote lang=&quot;en&quot;&gt;
  175. &lt;p&gt;But it’s our fault. Our as a society. We celebrate when Apple becomes the first trillion-dollar company but we don’t celebrate when someone says &lt;mark&gt;“You know what? I think I have&amp;nbsp;enough”.&lt;/mark&gt;&lt;/p&gt;
  176. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/growth-is-a-mind-cancer&quot;&gt;Growth is a mind&amp;nbsp;cancer&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  177. &lt;/blockquote&gt;
  178. &lt;hr /&gt;
  179. &lt;blockquote&gt;
  180. &lt;p&gt;À l’origine, Make est un outil conçu pour le développement de logiciels&amp;nbsp;: il sert à automatiser la fabrication de programmes exécutables à partir de fichiers contenant du&amp;nbsp;code.&lt;/p&gt;
  181. &lt;p&gt;Mais en réalité, &lt;mark&gt;Make peut être utilisé pour gérer toutes sortes de projets.&lt;/mark&gt; En tant que langage, il permet de définir des processus de manière très simple (encore plus simple que les scripts shell). Et en tant qu’outil, il permet de gagner du temps, avec une gestion efficace des états des fichiers qui fait économiser du travail aussi bien à l’humain qu’à la&amp;nbsp;machine.&lt;/p&gt;
  182. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.arthurperret.fr/cours/make.html&quot;&gt;Make&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  183. &lt;/blockquote&gt;
  184. &lt;p&gt;Superbe cours par Arthur Perret, j’ai appris plein de choses en le relisant. J’emploie &lt;code&gt;make&lt;/code&gt; au quotidien, ne serait-ce que pour construire ce site et pourtant il y a pas mal de complexité/raccourcis vers lesquels je ne suis pas encore&amp;nbsp;allé.&lt;/p&gt;
  185. &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/equipe/&quot;&gt;#équipe&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>
  186. </entry>
  187. <entry xml:lang="fr">
  188. <title type="html">GPX Viewer</title>
  189. <link href="https://larlet.fr/david/2024/03/26/" rel="alternate" type="text/html" />
  190. <updated>2024-03-26T12:00:00+01:00</updated>
  191. <id>https://larlet.fr/david/2024/03/26/</id>
  192. <summary type="html">
  193. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/25/&quot;&gt;Suite de mes expérimentations&lt;/a&gt; de la veille à la fois en cartographie et en &lt;em&gt;web components&lt;/em&gt;. Je me suis demandé s’il était possible de faire un composant qui ne dépende pas de uMap pour afficher une trace GPX. Le fait d’avoir passé une heure à trouver la bonne &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP&quot;&gt;CSP&lt;/a&gt; pour arriver à afficher une carte m’a d’une certaine manière motivé (c’était une journée&amp;nbsp;galère).&lt;/p&gt;
  194. &lt;p&gt;Il se trouve qu’il existe &lt;a href=&quot;https://github.com/mpetazzoni/leaflet-gpx&quot;&gt;leaflet-gpx&lt;/a&gt; qui fait exactement ce que je voulais. Il ne me restait «&amp;nbsp;plus qu’à&amp;nbsp;» en faire un composant web, ce que j’avais déjà &lt;a href=&quot;https://gitlab.com/umap-project/leaflet-webcomponents/&quot;&gt;fait par ailleurs&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
  195. &lt;gpx-viewer data-height=&quot;500px&quot; data-width=&quot;800px&quot;&gt;
  196. &lt;p&gt;
  197. Vous devriez voir s’afficher une carte de mon « Grand Tour de la forêt de Ouareau »,
  198. qui contient &lt;a data-gpx href=&quot;https://larlet.fr/static/david/2024/grand_tour_de_la_foret_de_ouareau.gpx&quot;&gt;cette trace GPX&lt;/a&gt;,
  199. centrée sur &lt;span data-latitude&gt;46.2117&lt;/span&gt;, &lt;span data-longitude&gt;-73.9335&lt;/span&gt;
  200. avec un zoom de &lt;span data-zoom&gt;12&lt;/span&gt;.
  201. Il est probable que cela ne s’exécute pas dans un agrégateur par exemple.
  202. &lt;/p&gt;
  203. &lt;/gpx-viewer&gt;
  204. &lt;script type=&quot;module&quot;&gt;
  205. import * as L from &#x27;/static/david/2024/leaflet.1.9.4/leaflet.1.9.4.js&#x27;
  206. window.L = L // Hack for leaflet-gpx, youpi.
  207. &lt;/script&gt;
  208. &lt;script type=&quot;module&quot; nonce=&quot;oembed-web-component&quot;&gt;
  209. class GPXViewer extends HTMLElement {
  210. static tagName = &#x27;gpx-viewer&#x27;
  211. static register(tagName, registry) {
  212. if(!registry &amp;&amp; (&#x27;customElements&#x27; in globalThis)) {
  213. registry = globalThis.customElements
  214. }
  215. registry?.define(tagName || this.tagName, this)
  216. }
  217. #attachCSS(path) {
  218. const linkElement = document.createElement(&#x27;link&#x27;)
  219. linkElement.setAttribute(&#x27;rel&#x27;, &#x27;stylesheet&#x27;)
  220. linkElement.setAttribute(&#x27;href&#x27;, path)
  221. this.shadowRoot.appendChild(linkElement)
  222. }
  223. #computeDimensions(mapContainer) {
  224. // There has to be a better way but I feel lazy tonight.
  225. let height = this.dataset.height
  226. let width = this.dataset.width
  227. // Size is in px so we strip these chars and convert to int.
  228. const heightValue = Number(height.slice(0, -2))
  229. const widthValue = Number(width.slice(0, -2))
  230. const mediaQueryMiddle = window.matchMedia(`(max-width: ${widthValue}px)`)
  231. const mediaQuerySmall = window.matchMedia(`(max-width: ${widthValue / 2}px)`)
  232. if (mediaQueryMiddle.matches) {
  233. height = `${heightValue / 2}px`
  234. width = `${widthValue / 2}px`
  235. }
  236. if (mediaQuerySmall.matches) {
  237. height = `${heightValue / 3}px`
  238. width = `${widthValue / 3}px`
  239. }
  240. mapContainer.style.height = height
  241. mapContainer.style.width = width
  242. }
  243. #createMapContainer() {
  244. const mapContainer = document.createElement(&#x27;div&#x27;)
  245. this.#computeDimensions(mapContainer)
  246. this.shadowRoot.appendChild(mapContainer)
  247. return mapContainer
  248. }
  249. #createMap(mapContainer) {
  250. const map = L.map(mapContainer).setView(
  251. [
  252. this.querySelector(&#x27;[data-latitude]&#x27;).textContent,
  253. this.querySelector(&#x27;[data-longitude]&#x27;).textContent,
  254. ],
  255. this.querySelector(&#x27;[data-zoom]&#x27;).textContent
  256. )
  257. L.tileLayer(&#x27;https://tile.openstreetmap.org/{z}/{x}/{y}.png&#x27;, {
  258. attribution:
  259. &#x27;&amp;copy; &lt;a href=&quot;https://www.openstreetmap.org/copyright&quot;&gt;OpenStreetMap&lt;/a&gt; contributors&#x27;,
  260. }).addTo(map)
  261. return map
  262. }
  263. #attachGPX(map) {
  264. const gpxUrl = this.querySelector(&#x27;[data-gpx]&#x27;).href
  265. new GPX(gpxUrl, {
  266. async: true,
  267. marker_options: {
  268. startIconUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-icon-start.png&#x27;,
  269. endIconUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-icon-end.png&#x27;,
  270. shadowUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-shadow.png&#x27;
  271. }
  272. }).on(&#x27;loaded&#x27;, (e) =&gt; {
  273. map.fitBounds(e.target.getBounds())
  274. }).addTo(map)
  275. }
  276. constructor() {
  277. super()
  278. this.attachShadow({ mode: &#x27;open&#x27; })
  279. }
  280. async connectedCallback() {
  281. this.#attachCSS(&#x27;/static/david/2024/leaflet.1.9.4/leaflet.css&#x27;)
  282. const mapContainer = this.#createMapContainer()
  283. const map = this.#createMap(mapContainer)
  284. this.#attachGPX(map)
  285. }
  286. }
  287. import GPX from &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/gpx.1.7.0-custom.js&#x27;
  288. GPXViewer.register()
  289. &lt;/script&gt;
  290. &lt;p&gt;Alors en fait, comme rien n’est jamais simple en JS, il a fallu que j’adapte le plugin qui n’était pas compatible avec les modules JS et que je fasse des galipettes pour que ça finisse par tomber en marche&amp;nbsp;🤸. Cet écosystème est merveilleux (quel métier&amp;#8239;!). J’ai quand même &lt;a href=&quot;https://github.com/mpetazzoni/leaflet-gpx/issues/153&quot;&gt;remonté le problème&lt;/a&gt;.&lt;/p&gt;
  291. &lt;p&gt;Au passage, inspiré par &lt;a href=&quot;https://blog.k-nut.eu/leaflet-microdata-html-webcomponent&quot;&gt;le travail de Knut Hühne&lt;/a&gt; sur la sémantique des données d’une carte, je me suis demandé si j’allais définir un &lt;a href=&quot;https://schema.org/itinerary&quot;&gt;itinerary&lt;/a&gt; pour un &lt;a href=&quot;https://schema.org/Trip&quot;&gt;Trip&lt;/a&gt; avec des &lt;a href=&quot;https://schema.org/GeoCoordinates&quot;&gt;GeoCoordinates&lt;/a&gt; mais ça m’a fait tirer un fil beaucoup trop long. Je garde l’idée sous le coude &lt;a href=&quot;https://umap-project.gitlab.io/leaflet-webcomponents/&quot;&gt;pour mes propres recherches&lt;/a&gt; dans le domaine cela&amp;nbsp;dit.&lt;/p&gt;
  292. &lt;p&gt;Un composant de plus, je ne suis pas très satisfait de celui-ci car j’avais l’espoir d’arriver à quelque chose de facilement réutilisable. J’aurais au moins commencé à mettre les doigts dans le XML du format GPX. Il est possible de définir plusieurs segments au sein d’une même trace. Il peut y avoir pas mal de métadonnées, notamment de mise en forme de la trace mais aussi de caractéristiques (biologiques, physiques, etc).&lt;/p&gt;
  293. &lt;hr /&gt;
  294. &lt;blockquote lang=&quot;en&quot;&gt;
  295. &lt;p&gt;The fact is that we can’t rely on any single website to hold the whole world’s knowledge, because it can be corrupted sooner or later. The only solution is a distributed architecture, with many smaller websites connecting with each other and sharing information. This is where ActivityPub comes in, the protocol used by Mastodon, Lemmy, Peertube and many other federated social media&amp;nbsp;projects.&lt;/p&gt;
  296. &lt;p&gt;I have worked on Lemmy for the past four years, bringing it from a prototype to a fully functional Reddit alternative. I wrote the entire federation code and became very familiar with the protocol. &lt;mark&gt;I realized that the same technology easily be used to create a federated encyclopedia.&lt;/mark&gt; As no one else took up such a project, I finally decided to do it on my own and create Ibis. Thanks to my previous experience with the tech stack and the ActivityPub library I created, I was able to complete a proof of concept in a relatively short time of four&amp;nbsp;months.&lt;/p&gt;
  297. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ibis.wiki/article/Announcing_Ibis,_the_federated_Wikipedia_Alternative@ibis.wiki&quot;&gt;Announcing Ibis, the federated Wikipedia&amp;nbsp;Alternative&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  298. &lt;/blockquote&gt;
  299. &lt;p&gt;Wikipedia décentralisé, je dis oui&amp;#8239;! Merci &lt;a href=&quot;https://alexsirac.com/activitypub-powered-wikis/&quot;&gt;Alex&lt;/a&gt;.&lt;/p&gt;
  300. &lt;p&gt;C’est important pour &lt;a href=&quot;https://larlet.fr/david/2024/02/29/&quot;&gt;diverses&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/03/07/&quot;&gt;raisons&lt;/a&gt;.&lt;/p&gt;
  301. &lt;hr /&gt;
  302. &lt;blockquote lang=&quot;en&quot;&gt;
  303. &lt;p&gt;I think it’s time to admit that my hobby is buying stuff for my new&amp;nbsp;hobby.&lt;/p&gt;
  304. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Chris Hallbeck&lt;/em&gt;, &lt;a href=&quot;https://mastodon.social/@Chrishallbeck/112153815963114685&quot;&gt;sur&amp;nbsp;masto&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  305. &lt;/blockquote&gt;
  306. &lt;p&gt;&lt;em&gt;Touché.&lt;/em&gt;&lt;/p&gt;
  307. &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/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>
  308. </entry>
  309. <entry xml:lang="fr">
  310. <title type="html">Inclusion</title>
  311. <link href="https://larlet.fr/david/2024/03/25/" rel="alternate" type="text/html" />
  312. <updated>2024-03-25T12:00:00+01:00</updated>
  313. <id>https://larlet.fr/david/2024/03/25/</id>
  314. <summary type="html">
  315. &lt;p&gt;Dans le cadre de &lt;del&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Eating_your_own_dog_food&quot;&gt;manger ma propre bouffe pour chien&lt;/a&gt;&lt;/del&gt; mon &lt;a href=&quot;https://fr.wikipedia.org/wiki/Auto%C3%A9quipement&quot;&gt;autoéquipement&lt;/a&gt;, je voulais vérifier si l’implémentation de &lt;a href=&quot;https://oembed.com/&quot;&gt;oEmbed&lt;/a&gt; dans &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;uMap&lt;/a&gt; était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en&amp;nbsp;JS)&amp;nbsp;:&lt;/p&gt;
  316. &lt;style type=&quot;text/css&quot;&gt;
  317. o-embed {
  318. /* Size of the oembed + paragraph + margins. */
  319. height: calc(300px + 1rem + 3rem);
  320. }
  321. &lt;/style&gt;
  322. &lt;o-embed url=&quot;https://umap.openstreetmap.fr/fr/map/grand-tour-de-la-foret-de-ouareau_1037457&quot;&gt;
  323. &lt;p&gt;
  324. Vous devriez voir s’afficher une carte de mon « Grand Tour de la forêt de Ouareau »,
  325. il est probable que cela ne s’exécute pas dans un agrégateur par exemple.
  326. &lt;/p&gt;
  327. &lt;/o-embed&gt;
  328. &lt;script type=&quot;module&quot;&gt;
  329. class OEmbed extends HTMLElement {
  330. static tagName = &#x27;o-embed&#x27;
  331. static register(tagName, registry) {
  332. if(!registry &amp;&amp; (&#x27;customElements&#x27; in globalThis)) {
  333. registry = globalThis.customElements
  334. }
  335. registry?.define(tagName || this.tagName, this)
  336. }
  337. get url() {
  338. return this.getAttribute(&#x27;url&#x27;) || &#x27;&#x27;
  339. }
  340. constructor() {
  341. super()
  342. this.attachShadow({ mode: &#x27;open&#x27; })
  343. }
  344. async connectedCallback() {
  345. let slot = document.createElement(&#x27;slot&#x27;)
  346. this.shadowRoot.appendChild(slot)
  347. const html = await this.fetchText(this.url)
  348. const oEmbedLink = this.extractOembedLink(html)
  349. const oEmbedJson = await this.fetchJson(oEmbedLink)
  350. this.innerHTML = oEmbedJson.html
  351. }
  352. fetchText(url) {
  353. return fetch(url)
  354. .then((data) =&gt; data.text())
  355. .catch(console.error.bind(this))
  356. }
  357. fetchJson(url) {
  358. return fetch(url, { type: &#x27;json&#x27; })
  359. .then((data) =&gt; data.json())
  360. .catch(console.error.bind(this))
  361. }
  362. extractOembedLink(html) {
  363. const parser = new DOMParser()
  364. const htmlDocument = parser.parseFromString(html, &quot;text/html&quot;)
  365. const oEmbedMeta = htmlDocument.documentElement.querySelector(
  366. &#x27;link[type=&quot;application/json+oembed&quot;]&#x27;
  367. )
  368. return oEmbedMeta.href
  369. }
  370. }
  371. OEmbed.register()
  372. &lt;/script&gt;
  373. &lt;p&gt;J’en ai fait un &lt;em&gt;web component&lt;/em&gt; car je compte explorer / publier davantage de cartes par la suite. Je vais essayer d’ajouter des options lorsqu’elles deviendront disponibles côté uMap. Pour l’instant, il faudra vous contenter d’un &lt;code&gt;view-source:&lt;/code&gt; (meilleure fonctionnalité du Web, ne l’oublions&amp;nbsp;jamais).&lt;/p&gt;
  374. &lt;p&gt;Au passage, j’ai mis à jour le moteur de ce site pour pouvoir injecter des morceaux de HTML (et donc CSS/JS) sur des billets en particulier. Je m’amuse&amp;nbsp;bien&amp;nbsp;🧑‍🔬.&lt;/p&gt;
  375. &lt;p&gt;Je compte &lt;a href=&quot;https://larlet.fr/david/2024/03/11/#hr-109&quot;&gt;reparler de cette carte&lt;/a&gt;.&lt;/p&gt;
  376. &lt;hr /&gt;
  377. &lt;p&gt;Beaucoup moins glorieux, j’ai participé à &lt;a href=&quot;https://forum.openstreetmap.fr/t/mise-en-production-umap-v2-1-x-compliquee-perte-des-dernieres-donnees-sauvegardees-sur-52-cartes/22336&quot;&gt;de la perte de données&lt;/a&gt; aujourd’hui. Nous avons eu besoin de trois cerveaux et pas mal d’heures pour comprendre ce qu’il se passait. Il était difficile de tester / imaginer / reproduire autrement que sur le serveur de production. C’est déjà pas mal d’avoir eu la possibilité de passer en lecture seule avant que ça ne touche trop de&amp;nbsp;cartes.&lt;/p&gt;
  378. &lt;p&gt;J’ai appris qu’il ne fallait pas se fier à l’ordre des IDs… lorsqu’ils deviennent des&amp;nbsp;UUIDs&amp;#8239;!&lt;/p&gt;
  379. &lt;hr /&gt;
  380. &lt;blockquote lang=&quot;en&quot;&gt;
  381. &lt;p&gt;A data hoarder’s dream come true: bundle any web page into a single HTML file. You can finally replace that gazillion of open tabs with a gazillion of .html files stored somewhere on your precious little&amp;nbsp;drive.&lt;/p&gt;
  382. &lt;p&gt;Unlike the conventional “Save page as”, monolith not only saves the target document, &lt;mark&gt;it embeds CSS, image, and JavaScript assets all at once,&lt;/mark&gt; producing a single HTML5 document that is a joy to store and&amp;nbsp;share.&lt;/p&gt;
  383. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/Y2Z/monolith&quot;&gt;monolith&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  384. &lt;/blockquote&gt;
  385. &lt;p&gt;Je me demande si je ne devrais pas avoir recours à ce type d’outil plutôt que de n’extraire que la partie de HTML qui m’intéresse pour garder &lt;a href=&quot;https://larlet.fr/david/2024/02/03/&quot;&gt;une copie des liens&lt;/a&gt; que je lie par ici. C’est pour l’instant un peu fastidieux mais ça me fait aussi découvrir des choses en explorant le code des&amp;nbsp;autres.&lt;/p&gt;
  386. &lt;hr /&gt;
  387. &lt;blockquote lang=&quot;en&quot;&gt;
  388. &lt;p&gt;For this reason, I got more into &lt;mark&gt;“Conflict-free Resolution Data Types” (CRDTs),&lt;/mark&gt; with the goal of understanding what they are, how they work, what are the different libraries out there, and which one would be a good fit for us, if&amp;nbsp;any.&lt;/p&gt;
  389. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.notmyidea.org/a-comparison-of-javascript-crdts.html&quot;&gt;A comparison of JavaScript&amp;nbsp;CRDTs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  390. &lt;/blockquote&gt;
  391. &lt;p&gt;J’apprends plein de choses à ce sujet grâce à Alexis, c’est chouette à explorer par&amp;nbsp;procuration.&lt;/p&gt;
  392. &lt;hr /&gt;
  393. &lt;blockquote lang=&quot;en&quot;&gt;
  394. &lt;p&gt;To summarize, digital information requires maintenance. It&#x27;s not sufficient to make backups; the backups also need to be maintained, upgraded, transferred, and curated. Without conscientious care, the data of today will be lost forever in a few years. Even with care, it&#x27;s possible through software or hardware changes to lose access forever. That shoebox of old backup CDs will be unreadable&amp;nbsp;soon.&lt;/p&gt;
  395. &lt;p&gt;Which brings us back to those old photo caches. They held negatives and prints, physical objects that stored images. They needed no attention, no curating, no updating. They sat untended and forgotten for decades, but through all that time faithfully held their information, waiting for a future discoverer. As a result, we can all see what the Scott Antarctic expedition saw, and I can see what my great-grandparents looked&amp;nbsp;like.&lt;/p&gt;
  396. &lt;p&gt;&lt;mark&gt;It is a sad irony that modern technology makes it unlikely that future generations will see the images made&amp;nbsp;today.&lt;/mark&gt;&lt;/p&gt;
  397. &lt;p&gt;Ask yourself whether your great-grandchildren will be able to see your photographs. If the images exist only as a digital image file, the answer is almost certainly, &amp;quot;No&amp;quot;. If, however, there are physical prints, the odds improve. Those digital images need to be made real to endure. Without a print, a digital photograph has no&amp;nbsp;future.&lt;/p&gt;
  398. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://commandcenter.blogspot.com/2014/08/prints.html&quot;&gt;command center: Prints&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  399. &lt;/blockquote&gt;
  400. &lt;p&gt;Très vrai &lt;em&gt;et&lt;/em&gt; je me demande si le fait d’avoir des artefacts qui perdurent sur plusieurs générations sans entretien / transmission n’est pas justement un épiphénomène. Le numérique est peut-être plus proche de la transmission orale, une information qui a besoin d’être appropriée par læ récepteur·ice pour qu’elle continue à&amp;nbsp;vivre.&lt;/p&gt;
  401. &lt;p&gt;Ce sera à moi d’apprendre à ma descendance comment garder en vie cette flamme numérique qui vacille à chaque coup de vent de format&amp;nbsp;propriétaire.&lt;/p&gt;
  402. &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/partage/&quot;&gt;#partage&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>
  403. </entry>
  404. <entry xml:lang="fr">
  405. <title type="html">Cage</title>
  406. <link href="https://larlet.fr/david/2024/03/24/" rel="alternate" type="text/html" />
  407. <updated>2024-03-24T12:00:00+01:00</updated>
  408. <id>https://larlet.fr/david/2024/03/24/</id>
  409. <summary type="html">
  410. &lt;blockquote&gt;
  411. &lt;p&gt;«&amp;nbsp;Serai-je toujours choisie&amp;#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&amp;nbsp;retour&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  412. &lt;p&gt;«&amp;nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&amp;nbsp;éloges.&amp;nbsp;»&lt;/p&gt;
  413. &lt;p&gt;Et elle répondit: «&amp;nbsp;Tout cela revient à dire&amp;nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&amp;#8239;; et je ne crains ni la souffrance, ni la&amp;nbsp;mort.&amp;nbsp;»&lt;/p&gt;
  414. &lt;p&gt;«&amp;nbsp;Que craignez-vous donc, madame&amp;#8239;?&amp;nbsp;»&amp;nbsp;demanda-t-il.&lt;/p&gt;
  415. &lt;p&gt;«&amp;nbsp;&lt;mark&gt;Une cage&lt;/mark&gt;, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&amp;nbsp;envie.&amp;nbsp;»&lt;/p&gt;
  416. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Seigneur des Anneaux&lt;/em&gt;, J.R.R. Tolkien, traduction de Daniel&amp;nbsp;Lauzon&lt;/cite&gt;&lt;/p&gt;
  417. &lt;/blockquote&gt;
  418. &lt;p&gt;Il s’agit de mon extrait favori de la trilogie. &lt;em&gt;Éowyn forever&amp;nbsp;&amp;lt;3.&lt;/em&gt;&lt;/p&gt;
  419. &lt;hr /&gt;
  420. &lt;blockquote&gt;
  421. &lt;p&gt;Bref, il s’agit de modéliser le mieux possible les &lt;strong&gt;besoins éditoriaux&lt;/strong&gt; pour ensuite – &lt;em&gt;et seulement ensuite&amp;#8239;!&lt;/em&gt; – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&amp;nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&amp;#8239;; &lt;mark&gt;sauf que les démarches ne se valent pas toutes,&lt;/mark&gt; et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&amp;nbsp;autres).&lt;/p&gt;
  422. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html&quot;&gt;Écrire ou coder&amp;nbsp;l’éditorial&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  423. &lt;/blockquote&gt;
  424. &lt;p&gt;CSS ⨯ Grec ancien ⨯&amp;nbsp;poésie.&lt;/p&gt;
  425. &lt;hr /&gt;
  426. &lt;blockquote lang=&quot;en&quot;&gt;
  427. &lt;p&gt;In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), &lt;mark&gt;but that’s not the case for pages tested, which are slower&lt;/mark&gt; to load initially, slower on subsequent loads, and slower after they’ve&amp;nbsp;loaded.&lt;/p&gt;
  428. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://danluu.com/slow-device/&quot;&gt;How web bloat impacts users with slow&amp;nbsp;devices&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  429. &lt;/blockquote&gt;
  430. &lt;p&gt;L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&amp;nbsp;iPhones.&lt;/p&gt;
  431. &lt;p&gt;&lt;em&gt;Je l’ai&amp;nbsp;lu.&lt;/em&gt;&lt;/p&gt;
  432. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/courage/&quot;&gt;#courage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/poesie/&quot;&gt;#poésie&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>
  433. </entry>
  434. <entry xml:lang="fr">
  435. <title type="html">Intendant</title>
  436. <link href="https://larlet.fr/david/2024/03/23/" rel="alternate" type="text/html" />
  437. <updated>2024-03-23T12:00:00+01:00</updated>
  438. <id>https://larlet.fr/david/2024/03/23/</id>
  439. <summary type="html">
  440. &lt;blockquote lang=&quot;en&quot;&gt;
  441. &lt;p&gt;In &lt;a href=&quot;https://andrewkelley.me/post/why-we-cant-have-nice-software.html&quot;&gt;Why We Can’t Have Nice Software&lt;/a&gt;, I point out this pattern of needless software churn in the mindless quest for profit. This is a perfect example occurring right now. Redict has already reached its peak; it does not need any more serious software development to occur. It does not need to &lt;a href=&quot;https://redis.com/blog/the-future-of-redis/&quot;&gt;pivot to AI&lt;/a&gt;. It can be maintained for decades to come with minimal effort. It can continue to provide a high amount of value for a low amount of labor. That’s the entire point of&amp;nbsp;software!&lt;/p&gt;
  442. &lt;p&gt;Redict does not have any profit left to offer. It no longer needs a fund-raising entity behind it anymore. &lt;mark&gt;It just needs a good project&amp;nbsp;steward.&lt;/mark&gt;&lt;/p&gt;
  443. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://andrewkelley.me/post/redis-renamed-to-redict.html&quot;&gt;Redis Renamed to&amp;nbsp;Redict&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  444. &lt;/blockquote&gt;
  445. &lt;p&gt;Je me pose beaucoup de questions sur cette notion de finitude logicielle. Et sur le fait de parfois créer ma propre nécessité, sans en avoir forcément conscience ou&amp;nbsp;l’intention.&lt;/p&gt;
  446. &lt;p&gt;J’y vois un parallèle avec une frugalité que je n’arrive pas à atteindre, les deux étant probablement&amp;nbsp;liés.&lt;/p&gt;
  447. &lt;p&gt;Il me reste encore tellement de choses à&amp;nbsp;démêler…&lt;/p&gt;
  448. &lt;hr /&gt;
  449. &lt;blockquote lang=&quot;en&quot;&gt;
  450. &lt;p&gt;So, yeah, I’ve been at this for a while, and this is the answer: Write CSS. Not too much. Mostly&amp;nbsp;scoped.&lt;/p&gt;
  451. &lt;p&gt;I’m sure we’ll never argue about how to manage CSS ever&amp;nbsp;again.&lt;/p&gt;
  452. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.leereamsnyder.com/write-css-not-too-much-mostly-scoped&quot;&gt;Write CSS. Not too much. Mostly&amp;nbsp;scoped.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  453. &lt;/blockquote&gt;
  454. &lt;p&gt;Ça commence par le classique «&amp;nbsp;pour ou contre Tailwind&amp;nbsp;» mais après il y a des choses&amp;nbsp;inspirantes.&lt;/p&gt;
  455. &lt;hr /&gt;
  456. &lt;blockquote lang=&quot;en&quot;&gt;
  457. &lt;p&gt;quick q, however: how do they get off the worm when they’ve arrived at their&amp;nbsp;destination&lt;/p&gt;
  458. &lt;p&gt;keep noticing that the movie cuts before they get off, Denis my friend you can’t fool me, how do you stop riding the worm, answer&amp;nbsp;us&lt;/p&gt;
  459. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://youngvulgarian.substack.com/p/sydney-sweeney-if-youre-free-on-thursday&quot;&gt;Sydney Sweeney, if you’re free on&amp;nbsp;Thursday,&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  460. &lt;/blockquote&gt;
  461. &lt;p&gt;Tiens c’est vrai ça&amp;#8239;! 🤔🤯&lt;/p&gt;
  462. &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/psychologie/&quot;&gt;#psychologie&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>
  463. </entry>
  464. <entry xml:lang="fr">
  465. <title type="html">Fourchette</title>
  466. <link href="https://larlet.fr/david/2024/03/21/" rel="alternate" type="text/html" />
  467. <updated>2024-03-21T12:00:00+01:00</updated>
  468. <id>https://larlet.fr/david/2024/03/21/</id>
  469. <summary type="html">
  470. &lt;p&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/19/&quot;&gt;Suite&lt;/a&gt; des &lt;a href=&quot;https://larlet.fr/david/2024/03/20/&quot;&gt;aventures&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
  471. &lt;p&gt;Un peu &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component#pagecrypt-web-component&quot;&gt;plus de documentation&lt;/a&gt; (&lt;a href=&quot;https://davidbgk.gitlab.io/page-crypt-web-component/&quot;&gt;la démo&lt;/a&gt; servant aussi d’introduction). Une &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component/-/blob/main/LICENSE&quot;&gt;licence AGPLv3&lt;/a&gt; qui soit &lt;a href=&quot;https://github.com/Greenheart/pagecrypt?tab=AGPL-3.0-1-ov-file#readme&quot;&gt;compatible avec l’implémentation principale&lt;/a&gt; dont je m’inspire. Je ne sais pas trop si c’est un &lt;em&gt;fork&lt;/em&gt; au final, c’est assez hybride comme nouvelle branche, j’ai plus l’impression d’une&amp;nbsp;convergence.&lt;/p&gt;
  472. &lt;p&gt;J’ai surtout travaillé sur l’intégration du formulaire de saisie du mot de passe qui se situe maintenant dans le &lt;em&gt;Web Component&lt;/em&gt;. Je voulais privilégier la simplicité d’usage, ce qui implique de prendre quelques raccourcis. J’ai beaucoup hésité à utiliser &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog&quot;&gt;un élément &lt;code&gt;&amp;lt;dialog&amp;gt;&lt;/code&gt;&lt;/a&gt; pour le formulaire mais j’ai préféré rester&amp;nbsp;basique.&lt;/p&gt;
  473. &lt;p&gt;Il y a encore du travail mais la base me semble utilisable. C’est en essayant de l’intégrer par ailleurs que je vais me rendre compte de tous les défauts&amp;nbsp;actuels.&lt;/p&gt;
  474. &lt;hr /&gt;
  475. &lt;p&gt;&lt;a href=&quot;https://redis.io/&quot;&gt;Redis&lt;/a&gt; a maintenant un &lt;em&gt;fork&lt;/em&gt;&amp;nbsp;: &lt;a href=&quot;https://codeberg.org/redict/redict&quot;&gt;redict&lt;/a&gt; suite à un &lt;a href=&quot;https://github.com/redis/redis-doc/commit/69921f506c02f65606498cfb4c083c6d8f91f125&quot;&gt;changement de licence&lt;/a&gt; qui n’est plus tout à fait open-source, du moins tel que défini par &lt;a href=&quot;https://opensource.org/&quot;&gt;l’OSI&lt;/a&gt;.&lt;/p&gt;
  476. &lt;hr /&gt;
  477. &lt;p&gt;En ayant repris un entraînement physique assez intensif pour récupérer une forme acceptable (car &lt;a href=&quot;https://larlet.fr/david/2024/01/09/&quot;&gt;j’ai quand même été immobilisé&lt;/a&gt; un moment), je me rends compte que ça prend un temps non&amp;nbsp;négligeable.&lt;/p&gt;
  478. &lt;p&gt;Un peu par hasard, je commence un traitement AKiLEiNE TANO(+NOK). On va voir si ça permet de gagner du temps dans la préparation des pieds, retours dans un&amp;nbsp;mois.&lt;/p&gt;
  479. &lt;p&gt;J’ai aussi réduit mon coup de fourchette car le printemps s’en vient et je vais moins avoir besoin de me protéger du froid. Même si cette sortie course du jour par -15°C en ressenti était&amp;nbsp;piquante&amp;#8239;!&lt;/p&gt;
  480. &lt;nav&gt;&lt;p&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/opensource/&quot;&gt;#opensource&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>
  481. </entry>
  482. <entry xml:lang="fr">
  483. <title type="html">PageCrypt</title>
  484. <link href="https://larlet.fr/david/2024/03/20/" rel="alternate" type="text/html" />
  485. <updated>2024-03-20T12:00:00+01:00</updated>
  486. <id>https://larlet.fr/david/2024/03/20/</id>
  487. <summary type="html">
  488. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/19/&quot;&gt;J’y ai passé ma soirée&lt;/a&gt; mais j’ai un &lt;a href=&quot;https://davidbgk.gitlab.io/page-crypt-web-component/&quot;&gt;truc qui fonctionne pour une démo&lt;/a&gt;. Ça ressemble beaucoup à un &lt;em&gt;patchwork&lt;/em&gt; de bouts de code récupérés &lt;a href=&quot;https://www.maxlaumeister.com/pagecrypt/&quot;&gt;ici&lt;/a&gt; et &lt;a href=&quot;https://github.com/Greenheart/pagecrypt&quot;&gt;là&lt;/a&gt; puis &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py&quot;&gt;aussi là&lt;/a&gt; pour la partie&amp;nbsp;Python.&lt;/p&gt;
  489. &lt;p&gt;Il y a encore pas mal de travail —&amp;nbsp;notamment pour rendre la page suffisamment accessible&amp;nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&amp;nbsp;sécurité.&lt;/p&gt;
  490. &lt;p&gt;Le dépôt est &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component&quot;&gt;par ici&lt;/a&gt;. Il faut encore que je décide si le formulaire pour le mot de passe devient un &lt;em&gt;web component&lt;/em&gt; dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.&lt;/p&gt;
  491. &lt;p&gt;En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&amp;nbsp;navigateur.&lt;/p&gt;
  492. &lt;p&gt;&lt;em&gt;Si tu n’as pas honte de ton premier commit, tout ça… la suite&amp;nbsp;demain.&lt;/em&gt;&lt;/p&gt;
  493. &lt;hr /&gt;
  494. &lt;blockquote&gt;
  495. &lt;p&gt;Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d&#x27;effort que&amp;nbsp;nécessaire.&lt;/p&gt;
  496. &lt;p&gt;Autre point, dit-on «&amp;nbsp;personne en situation en handicap&amp;nbsp;» ou «&amp;nbsp;personne&amp;nbsp;handicapée&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  497. &lt;p&gt;Là, encore, il y a une&amp;nbsp;subtilité.&lt;/p&gt;
  498. &lt;p&gt;Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&amp;nbsp;accessibles.&lt;/p&gt;
  499. &lt;p&gt;Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&amp;nbsp;accessibles.&lt;/p&gt;
  500. &lt;p&gt;Voici la différence. &lt;mark&gt;Être en situation de handicap, c’est subir la situation faute&amp;nbsp;d’accessibilité.&lt;/mark&gt;&lt;/p&gt;
  501. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots&quot;&gt;N’ayez pas peur des&amp;nbsp;mots&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  502. &lt;/blockquote&gt;
  503. &lt;p&gt;Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&amp;nbsp;réfléchir.&lt;/p&gt;
  504. &lt;p&gt;Un autre angle de&amp;nbsp;l’accessibilité&amp;#8239;?&lt;/p&gt;
  505. &lt;hr /&gt;
  506. &lt;blockquote lang=&quot;en&quot;&gt;
  507. &lt;p&gt;So don’t publish for the&amp;nbsp;world.&lt;/p&gt;
  508. &lt;p&gt;When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&amp;nbsp;idea.&lt;/p&gt;
  509. &lt;p&gt;I’m writing for myself. &lt;mark&gt;I write to figure out what I think.&lt;/mark&gt; I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&amp;nbsp;glad.&lt;/p&gt;
  510. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/20996&quot;&gt;What the world&amp;nbsp;needs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  511. &lt;/blockquote&gt;
  512. &lt;hr /&gt;
  513. &lt;blockquote lang=&quot;en&quot;&gt;
  514. &lt;p&gt;My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because &lt;mark&gt;I hope to help you discover new digital places to explore.&lt;/mark&gt; If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&amp;nbsp;erected.&lt;/p&gt;
  515. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/digital-walled-gardens&quot;&gt;Digital walled&amp;nbsp;gardens&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  516. &lt;/blockquote&gt;
  517. &lt;p&gt;🌱&lt;/p&gt;
  518. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&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>
  519. </entry>
  520. <entry xml:lang="fr">
  521. <title type="html">Excitation</title>
  522. <link href="https://larlet.fr/david/2024/03/19/" rel="alternate" type="text/html" />
  523. <updated>2024-03-19T12:00:00+01:00</updated>
  524. <id>https://larlet.fr/david/2024/03/19/</id>
  525. <summary type="html">
  526. &lt;p&gt;Il y a cette petite étincelle qui s’allume lorsque j’entrevois la possibilité de démarrer un petit bout de code qui pourrait changer mon/le monde (en toute&amp;nbsp;modestie).&lt;/p&gt;
  527. &lt;p&gt;Idée du jour&amp;nbsp;: faire un &lt;em&gt;web component&lt;/em&gt; qui s’intitulerait &lt;code&gt;&amp;lt;page-crypt&amp;gt;&lt;/code&gt; en s’inspirant grandement de &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/&quot;&gt;PageCrypt&lt;/a&gt; (et de sa &lt;a href=&quot;https://github.com/Greenheart/pagecrypt&quot;&gt;version à jour&lt;/a&gt;). La génération de la page chiffrée pourrait &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py&quot;&gt;se faire en Python&lt;/a&gt;.&lt;/p&gt;
  528. &lt;p&gt;Cela essayerait de résoudre une problématique d’accès à du contenu privé sur des pages pré-générées de manière statique. Il est probable que j’en ai besoin sous peu afin d’afficher une progression personnalisée d’informations sensibles dans un contexte pro, ce qui me motive d’autant&amp;nbsp;plus.&lt;/p&gt;
  529. &lt;p&gt;Je découvre au passage qu’il n’est pas trivial de &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem&quot;&gt;convertir de l’unicode en base64 via JS&lt;/a&gt;.&lt;/p&gt;
  530. &lt;p&gt;Note&amp;nbsp;: il existe aussi &lt;a href=&quot;https://github.com/robinmoisson/staticrypt&quot;&gt;StatiCrypt&lt;/a&gt;.&lt;/p&gt;
  531. &lt;hr /&gt;
  532. &lt;blockquote lang=&quot;en&quot;&gt;
  533. &lt;p&gt;If majority is always right – let’s eat shit… millions of flies can’t be&amp;nbsp;wrong.&lt;/p&gt;
  534. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Statek&lt;/em&gt;, Waldemar Łysiak, 1994&lt;/cite&gt;&lt;/p&gt;
  535. &lt;/blockquote&gt;
  536. &lt;p&gt;Cette citation aura fait ma&amp;nbsp;journée.&lt;/p&gt;
  537. &lt;hr /&gt;
  538. &lt;p&gt;Je suis frustré par les capacités d’export des données de &lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;la montre&lt;/a&gt;. En inspectant, je pourrais récupérer les JSON qui passent avec Playwright mais c’est un peu la face nord. &lt;em&gt;Ça me fait glousser qu’un tel site utilise&amp;nbsp;Vite.&lt;/em&gt;&lt;/p&gt;
  539. &lt;p&gt;Il faut que je teste &lt;a href=&quot;https://github.com/xballoy/coros-api&quot;&gt;coros-api&lt;/a&gt; (TypeScript) et/ou &lt;a href=&quot;https://github.com/futoshita/Coros-Training-Hub-Exporter&quot;&gt;Coros-Training-Hub-Exporter&lt;/a&gt; (Java), je ne suis pas le seul à vouloir récupérer ces&amp;nbsp;données.&lt;/p&gt;
  540. &lt;p&gt;Aussi, il y a des données qui ne sont pas exposées par le TrainingHub mais auxquelles on semble avoir accès &lt;a href=&quot;https://tryterra.co/integrations/coros&quot;&gt;via une API tierce&lt;/a&gt; (et très dispendieuse&amp;#8239;!). Étrange et&amp;nbsp;décevant…&lt;/p&gt;
  541. &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/enthousiasme/&quot;&gt;#enthousiasme&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>
  542. </entry>
  543. <entry xml:lang="fr">
  544. <title type="html">Casquettes</title>
  545. <link href="https://larlet.fr/david/2024/03/18/" rel="alternate" type="text/html" />
  546. <updated>2024-03-18T12:00:00+01:00</updated>
  547. <id>https://larlet.fr/david/2024/03/18/</id>
  548. <summary type="html">
  549. &lt;p&gt;L’impression de porter beaucoup de casquettes dans la même journée en ce moment. Genre ces dernières années en fait. Je ne sais pas encore si ça mène à l’épuisement ou si c’est ce qui me permet de ne pas&amp;nbsp;m’ennuyer.&lt;/p&gt;
  550. &lt;p&gt;Je vais bientôt pouvoir ajouter «&amp;nbsp;nocoder&amp;nbsp;» à mon CV. Petite joie technique&amp;nbsp;(?) de la journée, on a réussi à connecter une feuille AiTable à la banque. On place une date dans une cellule et ça programme un virement de l’autre côté. C’était marrant de le faire en&amp;nbsp;binôme.&lt;/p&gt;
  551. &lt;hr /&gt;
  552. &lt;blockquote lang=&quot;en&quot;&gt;
  553. &lt;p&gt;When you’re designing a piece of software, the single most important thing to design for is understandability. Security, performance, and correctness are all important, but &lt;mark&gt;they come after&amp;nbsp;understandability.&lt;/mark&gt;&lt;/p&gt;
  554. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ntietz.com/blog/the-most-important-goal-in-designing-software-is-understandability/&quot;&gt;The most important goal in designing software is&amp;nbsp;understandability&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  555. &lt;/blockquote&gt;
  556. &lt;hr /&gt;
  557. &lt;blockquote lang=&quot;en&quot;&gt;
  558. &lt;p&gt;Open Source is rewarding- but it can also be&amp;nbsp;exhausting.&lt;/p&gt;
  559. &lt;p&gt;The linking project’s code is provided as-is, and is not actively&amp;nbsp;maintained.&lt;/p&gt;
  560. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://unmaintained.tech/&quot;&gt;No Maintenance&amp;nbsp;Intended&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  561. &lt;/blockquote&gt;
  562. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/adaptation/&quot;&gt;#adaptation&lt;/a&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;/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>
  563. </entry>
  564. <entry xml:lang="fr">
  565. <title type="html">Descriptions</title>
  566. <link href="https://larlet.fr/david/2024/03/16/" rel="alternate" type="text/html" />
  567. <updated>2024-03-16T12:00:00+01:00</updated>
  568. <id>https://larlet.fr/david/2024/03/16/</id>
  569. <summary type="html">
  570. &lt;blockquote&gt;
  571. &lt;p&gt;Le crépuscule était tombé lorsqu’ils partirent enfin&amp;nbsp;: rampant par-dessus le bord ouest du vallon, ils passèrent comme des fantômes dans le pays accidenté en bordure de la route. La Lune n’était plus qu’à trois nuits de son plein, mais elle ne devait pas franchir les Montagnes avant minuit ou presque, et le début de leur voyage se fit dans la plus grande obscurité. […]&lt;/p&gt;
  572. &lt;p&gt;&lt;mark&gt;Enfin, quand la nuit se fit vieille et que la fatigue les eut déjà rattrapés&lt;/mark&gt;&amp;nbsp;[…]&lt;/p&gt;
  573. &lt;p&gt;Dès la tombée de la nuit, la terre s’étant évanouie en un gris informe, ils se remirent en route. […]&lt;/p&gt;
  574. &lt;p&gt;Le jour était en train d’éclore, et ils virent que les Montagnes étaient à présent beaucoup plus distantes, fuyant vers l’est en une longue courbe qui se perdait à l’horizon. […]&lt;/p&gt;
  575. &lt;p&gt;La lumière croissante leur révéla une terre déjà moins aride et moins ravagée. Les Montagnes se dressaient encore de façon menaçante sur leur gauche, mais la route du Sud était visible tout près d’eux, et elle s’éloignait à présent des racines noires des collines, obliquant vers l’ouest. […]&lt;/p&gt;
  576. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Seigneur des Anneaux&lt;/em&gt;, J.R.R. Tolkien, traduction de Daniel&amp;nbsp;Lauzon&lt;/cite&gt;&lt;/p&gt;
  577. &lt;/blockquote&gt;
  578. &lt;p&gt;Je ne sais pas si j’y suis plus sensible à &lt;a href=&quot;https://larlet.fr/david/2024/02/06/&quot;&gt;cette relecture&lt;/a&gt; ou s’il s’agit d’améliorations avec la nouvelle traduction mais je remarque des tournures de phrases qui m’inspirent pour raconter des aventures en nature. Le sujet devenant l’environnement pour traduire les contraintes qu’il&amp;nbsp;impose.&lt;/p&gt;
  579. &lt;p&gt;Puisqu’il faut s’éloigner du style de &lt;a href=&quot;https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/&quot;&gt;Sylvain Tesson&lt;/a&gt;…&lt;/p&gt;
  580. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/aventure/&quot;&gt;#aventure&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/lecture/&quot;&gt;#lecture&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>
  581. </entry>
  582. <entry xml:lang="fr">
  583. <title type="html">Montre 2</title>
  584. <link href="https://larlet.fr/david/2024/03/14/" rel="alternate" type="text/html" />
  585. <updated>2024-03-14T12:00:00+01:00</updated>
  586. <id>https://larlet.fr/david/2024/03/14/</id>
  587. <summary type="html">
  588. &lt;p&gt;J’ai reçu un &lt;a href=&quot;https://larlet.fr/david/2024/03/02/&quot;&gt;nouveau jouet&lt;/a&gt; aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&amp;nbsp;explorer.&lt;/p&gt;
  589. &lt;p&gt;J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&amp;nbsp;auparavant.&lt;/p&gt;
  590. &lt;p&gt;Il faut que j’apprenne à ne pas courir &lt;em&gt;contre&lt;/em&gt; mais &lt;em&gt;avec&lt;/em&gt; la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&amp;nbsp;suivre.&lt;/p&gt;
  591. &lt;p&gt;Il y a du travail à faire pour transformer un jugement en&amp;nbsp;allié.&lt;/p&gt;
  592. &lt;blockquote&gt;
  593. &lt;p&gt;Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…&lt;br /&gt;
  594. … mais la conversation est à sens unique et totalement stérile.&lt;br /&gt;
  595. Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&amp;nbsp;pouce.&lt;/p&gt;
  596. &lt;p&gt;La rencontre n’a pas eu&amp;nbsp;lieu.&lt;/p&gt;
  597. &lt;p&gt;Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.&lt;br /&gt;
  598. Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.&lt;br /&gt;
  599. Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&amp;nbsp;eux.&lt;/p&gt;
  600. &lt;p&gt;Le tennis est un art. L’art de&amp;nbsp;l’échange.&lt;/p&gt;
  601. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Max Winson&lt;/em&gt;, Jérémie&amp;nbsp;Moreau&lt;/cite&gt;&lt;/p&gt;
  602. &lt;/blockquote&gt;
  603. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/deception/&quot;&gt;#déception&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&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>
  604. </entry>
  605. <entry xml:lang="fr">
  606. <title type="html">Sérendipité</title>
  607. <link href="https://larlet.fr/david/2024/03/13/" rel="alternate" type="text/html" />
  608. <updated>2024-03-13T12:00:00+01:00</updated>
  609. <id>https://larlet.fr/david/2024/03/13/</id>
  610. <summary type="html">
  611. &lt;blockquote lang=&quot;en&quot;&gt;
  612. &lt;p&gt;Discovering things via links is way more fun than most algorithmically-driven discovery — in my humble&amp;nbsp;opinion.&lt;/p&gt;
  613. &lt;p&gt;As an analogy, it’s kind of like going on vacation to a new place and staying/living amongst the locals vs. staying at a manicured 5-star hotel that gives you no reason to leave. &lt;mark&gt;Can you really say you visited the location if you never left the&amp;nbsp;hotel?&lt;/mark&gt;&lt;/p&gt;
  614. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2024/following-links/&quot;&gt;Following Links - Jim Nielsen’s&amp;nbsp;Blog&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  615. &lt;/blockquote&gt;
  616. &lt;p&gt;Je suis toujours étonné qu’il n’y ait pas des navigateurs qui affichent la toile de nos navigations de manière plus ou moins artistiques. On pourrait avoir des topologies de navigations, potentiellement quotidiennes, des points de comparaison avec d’autres personnes, une représentation de la curiosité, de l’enfermement dans des silos, etc.&lt;/p&gt;
  617. &lt;blockquote lang=&quot;en&quot;&gt;
  618. &lt;p&gt;A surprising number of other features can be expressed in terms of&amp;nbsp;links.&lt;/p&gt;
  619. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://subconscious.substack.com/p/all-you-need-is-links&quot;&gt;All you need is&amp;nbsp;links&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  620. &lt;/blockquote&gt;
  621. &lt;hr /&gt;
  622. &lt;blockquote lang=&quot;en&quot;&gt;
  623. &lt;p&gt;&lt;code&gt;printf &#x27;\e]8;;http://example.com\e\\This is a link\e]8;;\e\\\n&#x27;&lt;/code&gt;&lt;/p&gt;
  624. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notes.billmill.org/programming/bash/Hyperlink_escape_codes.html&quot;&gt;Hyperlink escape&amp;nbsp;codes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  625. &lt;/blockquote&gt;
  626. &lt;p&gt;Qui me fait découvre &lt;a href=&quot;https://github.com/nedbat/watchgha&quot;&gt;watchgha&lt;/a&gt;, bien pratique pour avoir un accès rapide aux résultats de l’intégration&amp;nbsp;continue.&lt;/p&gt;
  627. &lt;figure&gt;
  628. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-13-watchgha.png&quot;
  629. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  630. &lt;img
  631. src=&quot;https://larlet.fr/static/david/2024/2024-03-13-watchgha.png&quot;
  632. width=&quot;2422&quot; height=&quot;192&quot;
  633. srcset=&quot;/static/david/2024/2024-03-13-watchgha.png 2422w, /static/david/2024/2024-03-13-watchgha.png 660w, /static/david/2024/2024-03-13-watchgha.png 990w, /static/david/2024/2024-03-13-watchgha.png 1320w&quot;
  634. sizes=&quot;min(100vw, calc(100vh * 2422 / 192))&quot;
  635. loading=&quot;lazy&quot;
  636. decoding=&quot;async&quot;
  637. alt=&quot;Capture d’écran du résultat de la commande git runs avec l’alias git qui pointe vers watchgha.&quot;&gt;
  638. &lt;/a&gt;
  639. &lt;figcaption&gt;Ça passe 🎉 (je vais essayer de faire une démo d’oEmbed par ici à un&amp;nbsp;moment).&lt;/figcaption&gt;
  640. &lt;/figure&gt;
  641. &lt;hr /&gt;
  642. &lt;blockquote&gt;
  643. &lt;p&gt;Le constat est simple&amp;nbsp;: je trouve que le Web ne va pas fort en ce moment, et je voulais à ma petite échelle montrer un peu&amp;nbsp;l’exemple.&lt;/p&gt;
  644. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://vincent-valentin.name/articles/motivation-s&quot;&gt;Motivation(s) chez Vincent&amp;nbsp;Valentin.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  645. &lt;/blockquote&gt;
  646. &lt;p&gt;Très chouettes publications cette dernière semaine en tout cas&amp;nbsp;&amp;lt;3.&lt;/p&gt;
  647. &lt;hr /&gt;
  648. &lt;p&gt;Rétropédalage sur &lt;a href=&quot;https://larlet.fr/david/2024/03/12/&quot;&gt;le surlignage&lt;/a&gt;. Beaucoup trop de retours qui trouvent cela davantage distrayant qu’utile. Pour l’instant, j’ai gardé la logique mais sans animation. Je me demande si je vais en faire un &lt;em&gt;opt-in&lt;/em&gt; à un&amp;nbsp;moment.&lt;/p&gt;
  649. &lt;hr /&gt;
  650. &lt;blockquote&gt;
  651. &lt;p&gt;Puisque la demi-mesure ne fait pas partie de mon vocabulaire, j’ai tenu à travailler au plus proche des techniques médiévales. &lt;mark&gt;J’ai ainsi appris à encrer à la plume, dorer à la feuille d’or pur, peindre aux pigments en poudre et relier au cuir de chèvre.&lt;/mark&gt; Je m’y suis dévouée corps et âme, dédiant le moindre de mon temps libre à la concrétisation de ce projet qui devait se mener dans le plus grand secret. Je m’attelais à l’ouvrage à la moindre opportunité, me levant parfois à l’aube pour grappiller une heure de calligraphie avant d’aller bosser ou prolongeant des soirées jusqu’au petit matin lorsque K travaillait de&amp;nbsp;nuit.&lt;/p&gt;
  652. &lt;p&gt;Au total j’ai passé plus de 230&amp;nbsp;heures sur ce&amp;nbsp;projet&lt;/p&gt;
  653. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.hypothermia.fr/2024/03/chiroto-t-datoca/&quot;&gt;Chiroto T. Datoca&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  654. &lt;/blockquote&gt;
  655. &lt;p&gt;Ce moment où tu te rends compte que tu n’es pas perfectionniste en fait 🤯. Chapeau bas&amp;nbsp;l’artiste.&lt;/p&gt;
  656. &lt;hr /&gt;
  657. &lt;blockquote lang=&quot;en&quot;&gt;
  658. &lt;p&gt;Rust-like error handling in Python, with type-safety in&amp;nbsp;mind.&lt;/p&gt;
  659. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/alexandermalyga/poltergeist&quot;&gt;poltergeist&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  660. &lt;/blockquote&gt;
  661. &lt;p&gt;J’ai très souvent retrouvé le besoin de ce &lt;em&gt;pattern&lt;/em&gt; dans mes&amp;nbsp;projets.&lt;/p&gt;
  662. &lt;hr /&gt;
  663. &lt;p&gt;Sortie de la &lt;a href=&quot;https://pypi.org/project/pressoir-cli/2.0.0/&quot;&gt;version 2.0&amp;nbsp;de pressoir-cli&lt;/a&gt; (oui, &lt;a href=&quot;https://larlet.fr/david/2024/02/16/&quot;&gt;c’est ma période&lt;/a&gt;). L’une des prochaines étapes sera de générer sa propre documentation en l’utilisant. Ça peut paraitre stupide mais c’est trop &lt;em&gt;meta&lt;/em&gt; pour ne pas le&amp;nbsp;faire&amp;nbsp;😇.&lt;/p&gt;
  664. &lt;hr /&gt;
  665. &lt;blockquote&gt;
  666. &lt;p&gt;Nginx de part sa robustesse, sa structure minimaliste et son fonctionnement événementiel asynchrone est un serveur web plébiscité pour ses performances. Mais ce n’est pas parce qu’on a une Porsche qu’il ne faut pas tenter de la rendre encore plus&amp;nbsp;puissante&amp;#8239;!&lt;/p&gt;
  667. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://buzut.net/optimiser-nginx/&quot;&gt;Optimisez Nginx pour de meilleurs&amp;nbsp;performances&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  668. &lt;/blockquote&gt;
  669. &lt;p&gt;Pour lecture&amp;nbsp;ultérieure.&lt;/p&gt;
  670. &lt;hr /&gt;
  671. &lt;blockquote&gt;
  672. &lt;p&gt;&lt;code&gt;font-size: calc(1rem + 0.25vw);&lt;/code&gt;&lt;/p&gt;
  673. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/&quot;&gt;A formula for responsive&amp;nbsp;font-size&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  674. &lt;/blockquote&gt;
  675. &lt;p&gt;Moins poussé que le &lt;a href=&quot;https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&amp;amp;s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C6,s-l&amp;amp;g=s,l,xl,12&quot;&gt;Fluid type scale calculator&lt;/a&gt; mais dans un contexte plus minimaliste / simple ça fait déjà le&amp;nbsp;taf.&lt;/p&gt;
  676. &lt;hr /&gt;
  677. &lt;blockquote lang=&quot;en&quot;&gt;
  678. &lt;p&gt;To enable such progress, &lt;strong&gt;the Web Consortium too has evolved, always taking a people-first approach:&lt;/strong&gt; the Web must continue to serve humanity. The first such inflection point was the creation of the patent policy in 2003&amp;nbsp;which assures that specifications can be implemented on a Royalty-Free basis and used at no cost, thus boosting adoption and usage. Another is the creation in 2011&amp;nbsp;of W3C Community and Business Groups which enable everyone –not just W3C Members– to participate in the development of the Web or its technologies. Our most recent inflection point was &lt;mark&gt;re-launching the Consortium in 2023&amp;nbsp;as a public-interest non-profit organization&lt;/mark&gt; to work for the good of the&amp;nbsp;public.&lt;/p&gt;
  679. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.w3.org/blog/2024/from-a-humble-beginning-35-years-ago-the-web-is-now-central-to-the-daily-lives-of-billions/&quot;&gt;From a humble beginning 35&amp;nbsp;years ago, the Web is now central to the daily lives of&amp;nbsp;billions&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  680. &lt;/blockquote&gt;
  681. &lt;p&gt;35&amp;nbsp;ans de liens. Merci Tim &lt;em&gt;et al.&lt;/em&gt; d’avoir permis&amp;nbsp;cela.&lt;/p&gt;
  682. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/liens/&quot;&gt;#liens&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&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>
  683. </entry>
  684. <entry xml:lang="fr">
  685. <title type="html">Surligner</title>
  686. <link href="https://larlet.fr/david/2024/03/12/" rel="alternate" type="text/html" />
  687. <updated>2024-03-12T12:00:00+01:00</updated>
  688. <id>https://larlet.fr/david/2024/03/12/</id>
  689. <summary type="html">
  690. &lt;blockquote lang=&quot;en&quot;&gt;
  691. &lt;p&gt;A small JavaScript library &lt;mark&gt;to create and animate annotations on a web&amp;nbsp;page&lt;/mark&gt;&lt;/p&gt;
  692. &lt;p&gt;Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned&amp;nbsp;off.&lt;/p&gt;
  693. &lt;p&gt;Rough Notation is 3.8kb in size when gzipped, and the code is available on&amp;nbsp;GitHub.&lt;/p&gt;
  694. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://roughnotation.com/&quot;&gt;Rough&amp;nbsp;Notation&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  695. &lt;/blockquote&gt;
  696. &lt;p&gt;J’utilise cette façon de mettre en avant des fragments de citations &lt;a href=&quot;https://larlet.fr/david/2020/02/21/#surlignage&quot;&gt;depuis un petit moment&lt;/a&gt; et en passant &lt;a href=&quot;https://vanschklift.com/blog/post/2020/06/19/Time-for-a-refresh%21&quot;&gt;par chez Biou&lt;/a&gt; aujourd’hui, j’ai trouvé l’effet bien sympathique. Je ne l’applique pour l’instant(?) que sur la balise &lt;code&gt;&amp;lt;mark&amp;gt;&lt;/code&gt; (relativement inoffensif si ça casse), en respectant &lt;code&gt;prefers-reduced-motion&lt;/code&gt; et en animant que lorsque la partie surlignée devient visible grâce à &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver&quot;&gt;IntersectionObserver&lt;/a&gt;.&lt;/p&gt;
  697. &lt;p&gt;Cela peut se révéler être distrayant pour certaines personnes car ça bouge à un endroit éloigné du point de lecture (merci @maiwann), invisible pour d’autres qui chargent les onglets sans être dessus (merci @lamecarlate). Il s’agit d’une famille d’animations pas trop invasives, encore moins essentielles, qui peuvent se révéler être de fausses bonnes idées. Je vais tester pour un temps, toujours dans cette recherche d’aller &lt;a href=&quot;https://larlet.fr/david/2024/03/09/#hr-106&quot;&gt;vers un peu plus de fantaisie&lt;/a&gt;.&lt;/p&gt;
  698. &lt;p&gt;N’hésitez pas à me faire des&amp;nbsp;retours.&lt;/p&gt;
  699. &lt;p&gt;&lt;mark&gt;Plus tard dans la journée&lt;/mark&gt;, Nicolas Hoizey m’indique qu’il sera possible d’avoir un &lt;a href=&quot;https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/&quot;&gt;comportement approchant en CSS&lt;/a&gt; &lt;a href=&quot;https://caniuse.com/mdn-css_properties_animation-range&quot;&gt;prochainement&lt;/a&gt;.&lt;/p&gt;
  700. &lt;p&gt;&lt;mark&gt;Le lendemain&lt;/mark&gt;, &lt;a href=&quot;https://larlet.fr/david/2024/03/13/#hr-114&quot;&gt;j’ai désactivé l’animation&lt;/a&gt; suite à plusieurs retours de&amp;nbsp;lecteur·ices.&lt;/p&gt;
  701. &lt;hr /&gt;
  702. &lt;blockquote&gt;
  703. &lt;p&gt;Ce qu’Hashbang propose est de créer un registrar sous forme de SCIC avec en plus un processus participatif pour définir les services et leurs tarifs. Le premier service proposé sera certainement le nom de domaine, mais personne ne peut actuellement définir quel tarif sera proposé. &lt;mark&gt;Ce sera issu d’un processus participatif en fonction des participant·e·s au&amp;nbsp;départ.&lt;/mark&gt;&lt;/p&gt;
  704. &lt;p&gt;Chez Hashbang, nous portons un regard attentif aux enjeux environnementaux et nous proposons donc de mesurer et limiter l’impact environnemental des activités du&amp;nbsp;registrar.&lt;/p&gt;
  705. &lt;p&gt;Nous souhaitons également s’assurer qu’il n’y ait pas de discriminations et que les personnes minorisé·e·s puissent s’emparer de cet espace. Il faut donc s’attendre à ce qu’il y ait des événements en mixité choisie et du langage&amp;nbsp;inclusif.&lt;/p&gt;
  706. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://hashbang.coop/blog/appel-a-interet-pour-un-bureau-denregistrement-cooperatif/&quot;&gt;Appel à intérêt pour un bureau d’enregistrement&amp;nbsp;coopératif&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  707. &lt;/blockquote&gt;
  708. &lt;p&gt;Superbe initiative, coopératives pour&amp;nbsp;tou·tes&amp;#8239;!&lt;/p&gt;
  709. &lt;hr /&gt;
  710. &lt;blockquote lang=&quot;en&quot;&gt;
  711. &lt;p&gt;I know a lot of people hate anti-ad-block popups, but to me they are&amp;nbsp;perfect.&lt;/p&gt;
  712. &lt;p&gt;In presenting those popups, those websites demonstrate that they realize the lack of control they have. They show us so plainly that they are unable to make money from us, which leaves them no option but to grovel and beg us to turn off&amp;nbsp;ad-blocking.[…]&lt;/p&gt;
  713. &lt;p&gt;When we use web browsers, &lt;strong&gt;we&lt;/strong&gt; are in more control than &lt;strong&gt;they&lt;/strong&gt; are. &lt;mark&gt;That’s simply not the case when we’re inside an app they get to&amp;nbsp;control.&lt;/mark&gt;&lt;/p&gt;
  714. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lmnt.me/blog/anti-ad-block.html&quot;&gt;Anti-Ad-Block&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  715. &lt;/blockquote&gt;
  716. &lt;p&gt;Ma configuration à ce sujet est assez extrême et il n’est pas rare (surtout sur les boutiques&amp;#8239;!) que je doive m’y reprendre à pas mal de fois pour débloquer les &lt;a href=&quot;https://tonsky.me/blog/js-bloat/&quot;&gt;megabytes de JavaScript&lt;/a&gt; à télécharger qui sont pertinents, ou plutôt nécessaires aux personnes ayant développé ces sites. Car pour ma part, je n’aurais besoin que de HTML dans 99% des&amp;nbsp;cas…&lt;/p&gt;
  717. &lt;p&gt;…dit-il en venant d’ajouter 13Ko de&amp;nbsp;JS&amp;nbsp;😬.&lt;/p&gt;
  718. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&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>
  719. </entry>
  720. <entry xml:lang="fr">
  721. <title type="html">LoginWall</title>
  722. <link href="https://larlet.fr/david/2024/03/11/" rel="alternate" type="text/html" />
  723. <updated>2024-03-11T12:00:00+01:00</updated>
  724. <id>https://larlet.fr/david/2024/03/11/</id>
  725. <summary type="html">
  726. &lt;blockquote lang=&quot;en&quot;&gt;
  727. &lt;p&gt;I don’t have a LinkedIn account. I don’t like the idea that we both &lt;strong&gt;need&lt;/strong&gt; an account. I need one to &lt;strong&gt;post&lt;/strong&gt; my résumé, and you need one to &lt;strong&gt;view&lt;/strong&gt; it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&amp;nbsp;me.&lt;/p&gt;
  728. &lt;p&gt;[…]&lt;/p&gt;
  729. &lt;p&gt;Every new thing that I add to my website works to regain my internet presence &lt;strong&gt;away&lt;/strong&gt; from companies that &lt;strong&gt;do not&lt;/strong&gt; have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. &lt;mark&gt;I can avoid all of that by&amp;nbsp;self-publishing.&lt;/mark&gt;&lt;/p&gt;
  730. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lmnt.me/blog/web-independence.html&quot;&gt;Web&amp;nbsp;Independence&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  731. &lt;/blockquote&gt;
  732. &lt;p&gt;Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&amp;nbsp;consulter&amp;#8239;?&lt;/p&gt;
  733. &lt;p&gt;Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le &lt;em&gt;tweet&lt;/em&gt; est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&amp;nbsp;popularité&amp;nbsp;», ça sent bon la girouette qui est à la tête de&amp;nbsp;l’entreprise.&lt;/p&gt;
  734. &lt;p&gt;Et je ne parle même pas de ce qui se passe sur&amp;nbsp;Facebook.&lt;/p&gt;
  735. &lt;hr /&gt;
  736. &lt;blockquote lang=&quot;en&quot;&gt;
  737. &lt;p&gt;What I try to keep in mind is the &lt;a href=&quot;https://en.wikipedia.org/wiki/Curb_cut_effect&quot;&gt;curb cut effect&lt;/a&gt;, also known as the «&amp;nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&amp;nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&amp;nbsp;there.)&lt;/p&gt;
  738. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://alexsirac.com/accessibility-notes/&quot;&gt;Accessibility notes from your headache-prone&amp;nbsp;friend&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  739. &lt;/blockquote&gt;
  740. &lt;p&gt;Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&amp;nbsp;Alex&amp;#8239;!&lt;/p&gt;
  741. &lt;p&gt;&lt;mark&gt;Lu le lendemain&lt;/mark&gt; &lt;a href=&quot;https://toot.cat/@nickcolley/112073548430975046&quot;&gt;sur masto&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
  742. &lt;blockquote lang=&quot;en&quot;&gt;
  743. &lt;p&gt;It is true that meeting the needs of many disabled people makes services better for non-disabled&amp;nbsp;people.&lt;/p&gt;
  744. &lt;p&gt;It is wrong though to say that all accessibility efforts benefit non-disabled&amp;nbsp;people.&lt;/p&gt;
  745. &lt;p&gt;They don’t, meeting some access needs &lt;em&gt;only&lt;/em&gt; benefit some disabled&amp;nbsp;people.&lt;/p&gt;
  746. &lt;p&gt;It is tiring hearing &amp;quot;you’ll be disabled in the future&amp;quot; when there’s such a broad experience of disability that many people won’t experience due to&amp;nbsp;age.&lt;/p&gt;
  747. &lt;p&gt;We must create strategies where we aim to humanise and value disabled people inherently and not have to lean so hard on non-disabled people’s self&amp;nbsp;interest.&lt;/p&gt;
  748. &lt;/blockquote&gt;
  749. &lt;hr /&gt;
  750. &lt;figure&gt;
  751. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-11-parcours-ouareau.png&quot;
  752. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  753. &lt;img
  754. src=&quot;https://larlet.fr/static/david/2024/2024-03-11-parcours-ouareau.png&quot;
  755. width=&quot;1294&quot; height=&quot;1108&quot;
  756. srcset=&quot;/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w&quot;
  757. sizes=&quot;min(100vw, calc(100vh * 1294 / 1108))&quot;
  758. loading=&quot;lazy&quot;
  759. decoding=&quot;async&quot;
  760. alt=&quot;Capture d’écran d’un parcours sur 4&amp;nbsp;jours avec une soixantaine de kilomètres.&quot;&gt;
  761. &lt;/a&gt;
  762. &lt;figcaption&gt;Si ma cheville le&amp;nbsp;permet.&lt;/figcaption&gt;
  763. &lt;/figure&gt;
  764. &lt;p&gt;J’ai joué avec le &lt;a href=&quot;https://www.komoot.com/fr-fr/plan&quot;&gt;Planificateur d’itinéraire de Komoot&lt;/a&gt; hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&amp;nbsp;physique.&lt;/p&gt;
  765. &lt;p&gt;J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&amp;nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&amp;nbsp;BD&amp;nbsp;:-).&lt;/p&gt;
  766. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/decentralisation/&quot;&gt;#décentralisation&lt;/a&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/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>
  767. </entry>
  768. <entry xml:lang="fr">
  769. <title type="html">Dune</title>
  770. <link href="https://larlet.fr/david/2024/03/10/" rel="alternate" type="text/html" />
  771. <updated>2024-03-10T12:00:00+01:00</updated>
  772. <id>https://larlet.fr/david/2024/03/10/</id>
  773. <summary type="html">
  774. &lt;p&gt;Je crois bien n’être allé que 3&amp;nbsp;fois dans une salle de cinéma ces 10&amp;nbsp;dernières années. Et puis l’occasion s’est présentée, sans prévenir, aujourd’hui. J’avais &lt;a href=&quot;https://larlet.fr/david/2021/10/18/&quot;&gt;quelques retenues sur la première partie&lt;/a&gt; mais j’attendais quand même avec impatience la suite. Et j’avais réussi à ne pas trop regarder les bandes annonces, ni les&amp;nbsp;critiques.&lt;/p&gt;
  775. &lt;p&gt;&lt;em&gt;Note&amp;nbsp;: ça va forcément divulgâcher un peu dans la&amp;nbsp;suite.&lt;/em&gt;&lt;/p&gt;
  776. &lt;p&gt;L’adaptation est bonne, le défi était de taille et —&amp;nbsp;en dépit des quelques ajustements qui piquent un peu le &lt;em&gt;fan&lt;/em&gt; que je suis (surtout vers la fin&amp;#8239;!)&amp;nbsp;— la scénarisation est cohérente. Ce qui n’était pas une mince affaire car encore une fois la temporalité n’est pas évidente et rendre l’évolution des personnages visible avec tout ce qui est censé se passer dans leur tête requiert des redéfinitions et des&amp;nbsp;raccourcis.&lt;/p&gt;
  777. &lt;p&gt;Mon erreur a probablement été de choisir de l’IMAX alors que c’était Hans “&lt;a href=&quot;https://www.20k.org/episodes/boojstrikesback&quot;&gt;booj&lt;/a&gt;” Zimmer aux platines. Autant dire que le siège a vibré la moitié du film&amp;#8239;! Au-delà de la bande originale, le son a vraiment été travaillé mais je crois que c’était un peu trop pour mes vieilles oreilles plus vraiment adaptées à de tels volumes. Il y a des moments où j’ai même trouvé que ça altérait la compréhension des dialogues… j’avais un peu l’impression de me noyer dans la volonté im·mer·sive alors que l’on est en plein désert. Je doute de retourner dans une salle de si&amp;nbsp;tôt.&lt;/p&gt;
  778. &lt;p&gt;Tout ce qui tourne autour des vers est bien fait, j’avais toujours eu du mal à me faire ma propre représentation des tailles et interactions à la lecture et là ça me semble être respecté / réaliste. Idem pour les &lt;em&gt;Sietchs&lt;/em&gt;, c’est fidèle à la projection mentale que je pouvais m’en faire, même si l’on n’en voit pas grand chose au final. J’ai particulièrement apprécié le choix de faire une &lt;em&gt;Chani&lt;/em&gt; forte qui est davantage consciente des enjeux et des répercutions. La jalousie aurait mérité d’être plus subtile, la différence entre la femme (politique) de Paul et sa compagne (amoureuse) est vraiment explicite dans le&amp;nbsp;livre.&lt;/p&gt;
  779. &lt;p&gt;Paul Muad’dib perd un peu trop d’eau à mon goût au cours de nombreuses scènes. Il était probablement plus difficile de transmettre des émotions&amp;nbsp;sèches&amp;nbsp;(?).&lt;/p&gt;
  780. &lt;p&gt;Pour finir sur une note positive, l’image bien sûr. C’est à la limite du trop &lt;em&gt;et&lt;/em&gt; c’est magnifique au niveau des différents tableaux qui s’enchaînent avec leurs propres couleurs, cinématiques et points de vues. On sent le travail de recherche sans qu’il ne devienne complètement distrayant. J’y serai d’autant plus attentif lors d’un second visionnage, chez moi, en choisissant le volume&amp;nbsp;sonore.&lt;/p&gt;
  781. &lt;p&gt;Je ne vois pas comment est-ce qu’il ne pourrait pas y avoir une troisième partie. À voir comment / si ça raccroche les wagons des livres. J’aurais presque envie que ça explore sa propre branche. &lt;em&gt;Dune&amp;nbsp;multi·vers·e&amp;#8239;!&lt;/em&gt;&lt;/p&gt;
  782. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/adaptation/&quot;&gt;#adaptation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/cinema/&quot;&gt;#cinéma&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&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>
  783. </entry>
  784. <entry xml:lang="fr">
  785. <title type="html">Marque</title>
  786. <link href="https://larlet.fr/david/2024/03/09/" rel="alternate" type="text/html" />
  787. <updated>2024-03-09T12:00:00+01:00</updated>
  788. <id>https://larlet.fr/david/2024/03/09/</id>
  789. <summary type="html">
  790. &lt;blockquote lang=&quot;en&quot;&gt;
  791. &lt;p&gt;&lt;mark&gt;Removing the brand from the person&lt;/mark&gt; is all but straightforward. I now start my about page with a quick way to introduce myself by putting forward some of my values. […] Beside saying &lt;em&gt;people&lt;/em&gt; instead of &lt;em&gt;users&lt;/em&gt;, stop considering who’s reading my stuff as &lt;em&gt;audience&lt;/em&gt;, and quit referring to what I do as &lt;em&gt;content&lt;/em&gt;, I want to modify a few more&amp;nbsp;behaviours:&lt;/p&gt;
  792. &lt;ul&gt;
  793. &lt;li&gt;Quit mentioning well-known bloggers on a first-name basis. […]&lt;/li&gt;
  794. &lt;li&gt;Keep writing about different things. […]&lt;/li&gt;
  795. &lt;li&gt;Don’t quote so-called thought leaders&amp;nbsp;[…]&lt;/li&gt;
  796. &lt;li&gt;Stop sugar-coating concepts&amp;nbsp;[…]&lt;/li&gt;
  797. &lt;/ul&gt;
  798. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/&quot;&gt;A Kafkaesque digital relationship with&amp;nbsp;ourselves&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  799. &lt;/blockquote&gt;
  800. &lt;p&gt;Réflexion du jour sur le vocabulaire qui évolue pour se présenter sur le Web. Je suis souvent intrigué par les biographies et textes de présentation sur mastodon qui sont à la fois singuliers tout en respectant des codes (micro-)culturels. Peut-être que l’on a besoin de se sentir dans un cadre de représentation connu pour se sentir exister dans une&amp;nbsp;communauté.&lt;/p&gt;
  801. &lt;p&gt;Le même auteur, en&amp;nbsp;2002(!)&amp;nbsp;:&lt;/p&gt;
  802. &lt;blockquote lang=&quot;en&quot;&gt;
  803. &lt;p&gt;Five years ago there was all this buzz about &lt;em&gt;virtual communities&lt;/em&gt;. How did that go? I have no idea, all I know is that everything revolves around who’s the hottest blogger right now. They talk about themselves, reference each other, all anxious about who has the most comments or the longest and most prestigious blogroll. Compared to that, &lt;mark&gt;my online journal is pure mental masturbation, but at least I have the occasional good photo and such nice&amp;nbsp;typography.&lt;/mark&gt;&lt;/p&gt;
  804. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://minutestomidnight.co.uk/blog/years-just-pass-by/&quot;&gt;Years just pass&amp;nbsp;by&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  805. &lt;/blockquote&gt;
  806. &lt;hr /&gt;
  807. &lt;pre&gt;&lt;code&gt;body:has(time[datetime]) li {
  808. list-style-type: &amp;quot;❧ &amp;quot;;
  809. }
  810. body:has(
  811. time[datetime^=&amp;quot;2024-01&amp;quot;],
  812. time[datetime^=&amp;quot;2024-02&amp;quot;],
  813. time[datetime^=&amp;quot;2024-03&amp;quot;]
  814. ) li {
  815. list-style-type: &amp;quot;❆ &amp;quot;;
  816. }
  817. body:has(
  818. time[datetime^=&amp;quot;2024-04&amp;quot;],
  819. time[datetime^=&amp;quot;2024-05&amp;quot;],
  820. time[datetime^=&amp;quot;2024-06&amp;quot;]
  821. ) li {
  822. list-style-type: &amp;quot;❁ &amp;quot;;
  823. }
  824. body:has(
  825. time[datetime^=&amp;quot;2024-07&amp;quot;],
  826. time[datetime^=&amp;quot;2024-08&amp;quot;],
  827. time[datetime^=&amp;quot;2024-09&amp;quot;]
  828. ) li {
  829. list-style-type: &amp;quot;❂ &amp;quot;;
  830. }
  831. &lt;/code&gt;&lt;/pre&gt;
  832. &lt;p&gt;J’avais envie d’introduire une légère saisonnalité dans mes listes à puces. Surtout une &lt;a href=&quot;https://larlet.fr/david/2024/03/07/#hr-102&quot;&gt;autre excuse&lt;/a&gt; pour jouer avec &lt;code&gt;:has()&lt;/code&gt;. Je lis un peu trop de blogs qui manquent de fantaisie. Et puis il&amp;nbsp;pleut…&lt;/p&gt;
  833. &lt;hr /&gt;
  834. &lt;p&gt;Chant du cardinal&lt;br /&gt;
  835. Le matin s’éveille sans toi&lt;br /&gt;
  836. Lovée dans mes&amp;nbsp;bras&lt;/p&gt;
  837. &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/identite/&quot;&gt;#identité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/poesie/&quot;&gt;#poésie&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>
  838. </entry>
  839. <entry xml:lang="fr">
  840. <title type="html">Flow</title>
  841. <link href="https://larlet.fr/david/2024/03/08/" rel="alternate" type="text/html" />
  842. <updated>2024-03-08T12:00:00+01:00</updated>
  843. <id>https://larlet.fr/david/2024/03/08/</id>
  844. <summary type="html">
  845. &lt;p&gt;Le &lt;a href=&quot;https://fr.wikipedia.org/wiki/Flow_(psychologie)&quot;&gt;flow&lt;/a&gt; n’est pas seulement un état où j’ai besoin de calme, il s’agit d’un contexte à part entière. Il me faut une problématique connue, qui est définie avec des contours relativement flous, davantage une intention qu’une direction. Si j’ai déjà eu l’occasion d’être précédemment frustré par l’implémentation en cours, cela me donne beaucoup de motivation pour plonger. Parfois la zone est atteinte en n’étant pas devant un écran (en courant, sous la douche, etc), une forme d’&lt;em&gt;Eurêka&amp;#8239;!&lt;/em&gt; qui annonce la libération du &lt;em&gt;flow&lt;/em&gt; à&amp;nbsp;venir.&lt;/p&gt;
  846. &lt;p&gt;La crue monte et butte contre des digues techniques, plusieurs fois, avant de créer la brèche qui va tout libérer d’un coup et se répandre dans l’ensemble du code. Reste la tâche de &lt;em&gt;ressuyage&lt;/em&gt;&amp;nbsp;: &lt;q lang=&quot;fr&quot;&gt;l’évacuation des eaux qui se sont déversées dans les terres après une inondation et ainsi de diminuer le temps de submersion&lt;/q&gt; nous dit le &lt;a href=&quot;https://www.symadrem.fr/anticiper-intervenir/evacuation-des-eaux-post-crue/quest-ce-que-le-ressuyage/&quot;&gt;Symadrem&lt;/a&gt;. Ce n’est pas une tâche ingrate car c’est celle qui rend le code pérenne et compréhensible, l’objet du &lt;em&gt;flow&lt;/em&gt; accessible au plus grand nombre. Le temps de la décrue permet d’identifier les cas aux limites&amp;nbsp;également.&lt;/p&gt;
  847. &lt;p&gt;Ce contexte ne m’est atteignable que 3&amp;nbsp;ou 4&amp;nbsp;fois par an en moyenne. Et heureusement, car il est vraiment peu soutenable (mais tellement&amp;nbsp;satisfaisant&amp;#8239;!).&lt;/p&gt;
  848. &lt;hr /&gt;
  849. &lt;blockquote lang=&quot;en&quot;&gt;
  850. &lt;p&gt;CSS is a programming language because that’s what you’re doing when you write it; you’re &lt;em&gt;programming&lt;/em&gt; the application’s presentation logic. And that’s important, because CSS has power enough to either maximize the useability of software, or to ruin it beyond all utility. (Really; you’d probably be astounded how many ways there are to utterly destroy anything on the web with hardly any&amp;nbsp;CSS.)&lt;/p&gt;
  851. &lt;p&gt;In many ways, &lt;mark&gt;CSS has greater impact than any other language&lt;/mark&gt; on a user’s experience, which often directly influences success. Why, then, is its role so&amp;nbsp;belittled?&lt;/p&gt;
  852. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://joshcollinsworth.com/blog/devaluing-frontend&quot;&gt;The quiet, pervasive devaluation of&amp;nbsp;frontend&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  853. &lt;/blockquote&gt;
  854. &lt;p&gt;J’aurais pu citer beaucoup de parties de cet article. Je choisis celle vraiment centrée sur CSS car les avancées récentes en font encore davantage un outil qui demande une grande connaissance du domaine, une veille active et une réflexion importante. Ce langage exprime la complexité de nos interfaces et de notre évolution collective en terme d’exploration d’affordances. Les &lt;em&gt;patterns&lt;/em&gt;, ces façons de résoudre des problèmes similaires, évoluent et les personnes qui arrivent à suivre ces évolutions vont être de plus en plus sollicitées (j’en parlais &lt;a href=&quot;https://larlet.fr/david/2024/02/28/#hr-94&quot;&gt;par ici&lt;/a&gt;) — notamment lorsqu’il va falloir nettoyer 10&amp;nbsp;ans de&amp;nbsp;CSS-in-JS/Tailwind/YouNameIt.&lt;/p&gt;
  855. &lt;p&gt;Je n’ai pas la même considération pour ces personnes, &lt;strong&gt;j’en ai bien davantage&lt;/strong&gt;.&lt;/p&gt;
  856. &lt;hr /&gt;
  857. &lt;blockquote lang=&quot;en&quot;&gt;
  858. &lt;p&gt;So far we have designed our component to be a function of the host. We can go further and ensure that the rendering routine is actually private to the host, so that the rendering code is encapsulated inside along with any potential behaviour enhancements (the &lt;code&gt;countClickable&lt;/code&gt; mixin for example), while both remain&amp;nbsp;reusable.&lt;/p&gt;
  859. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lorenzofox.dev/posts/component-as-infinite-loop/&quot;&gt;Coroutines and web&amp;nbsp;components&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  860. &lt;/blockquote&gt;
  861. &lt;p&gt;Je n’ai pas tout compris (et j’en suis à la seconde lecture) mais ça a l’air&amp;nbsp;fun&amp;#8239;!&amp;nbsp;😜&lt;/p&gt;
  862. &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/psychologie/&quot;&gt;#psychologie&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>
  863. </entry>
  864. <entry xml:lang="fr">
  865. <title type="html">Sondages</title>
  866. <link href="https://larlet.fr/david/2024/03/07/" rel="alternate" type="text/html" />
  867. <updated>2024-03-07T12:00:00+01:00</updated>
  868. <id>https://larlet.fr/david/2024/03/07/</id>
  869. <summary type="html">
  870. &lt;blockquote&gt;
  871. &lt;p&gt;&lt;mark&gt;Une faible majorité&lt;/mark&gt; des votants estime qu’il faut mentionner dans le résumé introductif le nom pré-transition d’une personne transgenre qui a acquis sous cette ancienne identité une notoriété suffisante pour remplir les critères&amp;nbsp;d’admissibilité.&lt;/p&gt;
  872. &lt;p&gt;Dans leurs verbatims, les partisans de la mention du morinom insistent sur le caractère encyclopédique de l’information (62), puisque les sujets concernés ont acquis la notoriété sous leur ancien nom (50) et qu’elle s’appuie sur des sources secondaires publiques (31). Il convient selon eux d’indiquer de façon claire et accessible (31), sans réécriture de l’histoire (22), cette information utile au lecteur (15). Ils estiment que les biographies des personnes transgenres ne doivent pas être traitées différemment des autres (14) et rappellent que sur Wikipédia le sujet d’une biographie n’a pas de privilège éditorial sur son contenu (8). Si à leur sens l’information doit figurer dans l’article, il est en revanche inopportun de la répéter&amp;nbsp;(24).&lt;/p&gt;
  873. &lt;p&gt;Les opposants arguent quant à eux que la mention du morinom est nuisible aux personnes concernées (83) ou constitue un manque de respect pour le sujet de la biographie (40). Ils considèrent qu’un nom obsolète ne peut pas être encyclopédique (37), qu’il s’agit d’une information privée (38), inutile (36), dont la mention est transphobe (17). L’avis d’une personne transgenre sujet d’une biographie doit selon eux être respecté&amp;nbsp;(29).&lt;/p&gt;
  874. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Sondage/Mention_du_nom_de_naissance_pour_les_personnes_trans/R%C3%A9sultats&quot;&gt;Wikipédia:Sondage/Mention du nom de naissance pour les personnes&amp;nbsp;trans/Résultats&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  875. &lt;/blockquote&gt;
  876. &lt;p&gt;54% des 357&amp;nbsp;avis décomptés. Tristesse &lt;a href=&quot;https://larlet.fr/david/2024/02/29/&quot;&gt;anticipée&lt;/a&gt;.&lt;/p&gt;
  877. &lt;p&gt;Wikipedia est le seul service centralisé sur le Web qui ne souffre d’aucune concurrence. Alors les luttes sont internes, pour décrire le monde tel qu’il est perçu par une certaine population, que l’autre partie de la population prendra pour vérité. Il y a probablement un truc mâle·sain dans tout&amp;nbsp;ça.&lt;/p&gt;
  878. &lt;blockquote lang=&quot;en&quot;&gt;
  879. &lt;p&gt;Today, the French-speaking Wikipedia passed a decision to deadname trans people in their&amp;nbsp;biographies.&lt;/p&gt;
  880. &lt;p&gt;Some will argue that this makes WP-FR transphobic, and there is certainly something to it: while Wikipedia is not a monolithic institution, and while I am critical of the phrase &amp;quot;Wikipedian community&amp;quot;, it is a fact that WP-FR is effectively controlled by people hostile or indifferent to&amp;nbsp;inclusion.&lt;/p&gt;
  881. &lt;p&gt;But &lt;mark&gt;this decision is utterly un-Wikipedian,&lt;/mark&gt; and therefore lacks any legitimity, for&amp;nbsp;2&amp;nbsp;reasons&lt;/p&gt;
  882. &lt;p&gt;&lt;em&gt;&lt;a href=&quot;https://bagarrosphere.fr/@photos_floues/112047957955051151&quot;&gt;Rama sur&amp;nbsp;Mastodon&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
  883. &lt;/blockquote&gt;
  884. &lt;hr /&gt;
  885. &lt;blockquote lang=&quot;en&quot;&gt;
  886. &lt;p&gt;CSS &lt;code&gt;:has()&lt;/code&gt; is a powerful feature that opens a lot of possibilities that weren’t possible before. It literally gives us CSS superpowers! I recommend you start using it today and experiment with&amp;nbsp;it.&lt;/p&gt;
  887. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ishadeed.com/article/css-has-guide/&quot;&gt;CSS&amp;nbsp;:has() Interactive&amp;nbsp;Guide&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  888. &lt;/blockquote&gt;
  889. &lt;p&gt;Incroyable article d’Ahmad Shadeed complété par &lt;a href=&quot;https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/&quot;&gt;d’autres cas pratiques&lt;/a&gt; d’Andy Bell qui m’ont donné envie de jouer avec sur &lt;a href=&quot;https://larlet.fr/david/&quot;&gt;ma page d’accueil&lt;/a&gt;. C’est subtil et je reviendrai dessus mais je trouve ça intéressant pour montrer le lien entre les articles de l’année et leurs étiquettes. Cela ne m’embête pas que ce ne soit pas accessible à des doigts, au clavier et/ou aux anciens navigateurs car c’est du bonus. En effet, c’est du Baseline2023™ &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/:has&quot;&gt;niveau support&lt;/a&gt;.&lt;/p&gt;
  890. &lt;p&gt;Je me suis rendu compte en consultant les résultats de &lt;a href=&quot;https://social.lol/@brandonwrites/112045044489173328&quot;&gt;ce sondage&lt;/a&gt; (92% des 363&amp;nbsp;personnes ayant répondu vont consulter les archives d’un blog qu’elles découvrent) qu’il n’était pas évident de découvrir ce que je raconte par ici. Surtout avec des titres à un seul mot, aussi je tente des choses pour rendre plus explicite la toile qui est tissée quotidiennement. Depuis bientôt&amp;nbsp;20&amp;nbsp;ans.&lt;/p&gt;
  891. &lt;hr /&gt;
  892. &lt;blockquote lang=&quot;en&quot;&gt;
  893. &lt;p&gt;A &lt;strong&gt;title drop&lt;/strong&gt; is when a character in a movie says the title of the movie they’re in. Here’s a large-scale analysis of 73,921&amp;nbsp;movies from the last 80&amp;nbsp;years on how often, when and maybe even why that&amp;nbsp;happens.&lt;/p&gt;
  894. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.titledrops.net/&quot;&gt;Full Of&amp;nbsp;Themselves&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  895. &lt;/blockquote&gt;
  896. &lt;p&gt;Parfois tu tombes sur un site qui a demandé un effort non négligeable et tu te dis &lt;del&gt;à quoi bon&lt;/del&gt; trop&amp;nbsp;génial&amp;#8239;!&lt;/p&gt;
  897. &lt;blockquote&gt;
  898. &lt;p&gt;So who are the most excessive offenders in mentioning their titles over the course of the film? The overall star when it comes to fiction only came out last year: it’s Barbie by Greta Gerwig with an impressive 267&amp;nbsp;title drops within its 1&amp;nbsp;hour and 54&amp;nbsp;minutes runtime, clocking in at a whopping 2.34&amp;nbsp;BPM (Barbies Per&amp;nbsp;Minute).&lt;/p&gt;
  899. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  900. &lt;/blockquote&gt;
  901. &lt;p&gt;Je comprends mieux mon&amp;nbsp;endormissement.&lt;/p&gt;
  902. &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/deception/&quot;&gt;#déception&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>
  903. </entry>
  904. <entry xml:lang="fr">
  905. <title type="html">Vannerie</title>
  906. <link href="https://larlet.fr/david/2024/03/06/" rel="alternate" type="text/html" />
  907. <updated>2024-03-06T12:00:00+01:00</updated>
  908. <id>https://larlet.fr/david/2024/03/06/</id>
  909. <summary type="html">
  910. &lt;p&gt;L’atelier du jour était une initiation à la vannerie, cette fois-ci avec / pour l’enfant. Depuis le temps qu’il veut m’accompagner, j’ai sauté sur l’occasion lorsqu’une animatrice d’atelier — ancienne enseignante, ça doit jouer&amp;nbsp;— acceptât les personnes de son&amp;nbsp;âge.&lt;/p&gt;
  911. &lt;figure&gt;
  912. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-panier.jpg&quot;
  913. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  914. &lt;img
  915. src=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-panier.jpg&quot;
  916. width=&quot;4032&quot; height=&quot;3024&quot;
  917. srcset=&quot;/static/david/2024/2024-03-06-vannerie-panier.jpg 4032w, /static/david/2024/2024-03-06-vannerie-panier_660x440.jpg 660w, /static/david/2024/2024-03-06-vannerie-panier_990x660.jpg 990w, /static/david/2024/2024-03-06-vannerie-panier_1320x880.jpg 1320w&quot;
  918. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  919. loading=&quot;lazy&quot;
  920. decoding=&quot;async&quot;
  921. alt=&quot;Un panier en vannerie.&quot;&gt;
  922. &lt;/a&gt;
  923. &lt;figcaption&gt;Un panier en vannerie, ça m’a pris&amp;nbsp;2h30.&lt;/figcaption&gt;
  924. &lt;/figure&gt;
  925. &lt;p&gt;Le &lt;em&gt;twist&lt;/em&gt;, c’est que j’ai pu le faire aussi vu que nous étions les seuls présents pour la session au final. Autant dire qu’avec un cours particulier on a pu apprendre encore plus de choses&amp;#8239;! Sur un spectre allant des techniques d’assouplissement à l’appropriation culturelle, on a passé un bon moment d’échanges. J’ai appris que la préparation du frêne noir utilisé dans la vannerie par les Premières Nations prend plusieurs mois, ce qui explique sa rareté (et son&amp;nbsp;prix).&lt;/p&gt;
  926. &lt;figure&gt;
  927. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-sac-a-dos.jpg&quot;
  928. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  929. &lt;img
  930. src=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-sac-a-dos.jpg&quot;
  931. width=&quot;3024&quot; height=&quot;4032&quot;
  932. srcset=&quot;/static/david/2024/2024-03-06-vannerie-sac-a-dos.jpg 3024w, /static/david/2024/2024-03-06-vannerie-sac-a-dos_660x440.jpg 660w, /static/david/2024/2024-03-06-vannerie-sac-a-dos_990x660.jpg 990w, /static/david/2024/2024-03-06-vannerie-sac-a-dos_1320x880.jpg 1320w&quot;
  933. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  934. loading=&quot;lazy&quot;
  935. decoding=&quot;async&quot;
  936. alt=&quot;Un sac à dos en vannerie.&quot;&gt;
  937. &lt;/a&gt;
  938. &lt;figcaption&gt;Un sac à dos en vannerie sur le dos de&amp;nbsp;l’enfant.&lt;/figcaption&gt;
  939. &lt;/figure&gt;
  940. &lt;p&gt;Toujours cette sensation de créer des objets utiles à partir de pas grand chose et avec un minimum de&amp;nbsp;matériel.&lt;/p&gt;
  941. &lt;hr /&gt;
  942. &lt;blockquote lang=&quot;en&quot;&gt;
  943. &lt;p&gt;Like Stimulus, but &lt;em&gt;a lot&lt;/em&gt; smaller and a bit more&amp;nbsp;webcomponenty?&lt;/p&gt;
  944. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/johanhalse/musculus&quot;&gt;Musculus&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  945. &lt;/blockquote&gt;
  946. &lt;p&gt;Découverte du jour que je trouve très inspirante. J’avais dans un coin de tête de tester des choses dans cette voie. Réussir à faire le pont entre les deux serait une très bonne combinaison. J’apprécie qu’une solution de test soit proposée, même si elle est légère (en terme de fiabilité) j’en peux plus d’attendre&amp;nbsp;Playwright.&lt;/p&gt;
  947. &lt;hr /&gt;
  948. &lt;blockquote&gt;
  949. &lt;p&gt;End the battle. Use &lt;code&gt;infinity&lt;/code&gt; to get the highest possible &lt;code&gt;z-index&lt;/code&gt; and win&amp;nbsp;forever.&lt;/p&gt;
  950. &lt;p&gt;[…]&lt;/p&gt;
  951. &lt;p&gt;But is &lt;code&gt;infinity&lt;/code&gt; really any better than some arbitrarily big value like &lt;code&gt;9999px&lt;/code&gt;? Functionally, no. Same end result. But I think &lt;mark&gt;it does help make code more self-documenting,&lt;/mark&gt; because &lt;code&gt;infinity&lt;/code&gt; conveys intent. It expresses that it’s all about the magnitude, not a specific magic&amp;nbsp;number.&lt;/p&gt;
  952. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://codersblock.com/blog/playing-with-infinity-in-css/&quot;&gt;Playing with Infinity in&amp;nbsp;CSS&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  953. &lt;/blockquote&gt;
  954. &lt;p&gt;Autre découverte du jour. J’aime bien l’idée de pouvoir évacuer certaines valeurs magiques de manière explicite. J’ai la flemme de tester ce qu’un &lt;code&gt;calc(infinity - 1)&lt;/code&gt; donnerait sur un &lt;code&gt;z-index&lt;/code&gt;&amp;nbsp;🤭.&lt;/p&gt;
  955. &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/parentalite/&quot;&gt;#parentalité&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>
  956. </entry>
  957. <entry xml:lang="fr">
  958. <title type="html">Jour 2</title>
  959. <link href="https://larlet.fr/david/2024/03/05/" rel="alternate" type="text/html" />
  960. <updated>2024-03-05T12:00:00+01:00</updated>
  961. <id>https://larlet.fr/david/2024/03/05/</id>
  962. <summary type="html">
  963. &lt;p&gt;On se réveille dans la brume avec le soleil peinant à passer à travers, le lac et la neige ont regelé pendant la nuit. C’est une belle ambiance après une nuit agitée par la chaleur du &lt;del&gt;sauna&lt;/del&gt; refuge. Les poêles tirent à fond dans ces endroits pour éviter que des personnes n’arrivent pas à faire démarrer un feu (j’imagine que ça peut être critique) mais ça les rend très inefficaces dans la durée et très chauds dès qu’on met deux buches&amp;nbsp;dedans.&lt;/p&gt;
  964. &lt;figure&gt;
  965. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-05-lac-corbeau.jpg&quot;
  966. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  967. &lt;img
  968. src=&quot;https://larlet.fr/static/david/2024/2024-03-05-lac-corbeau.jpg&quot;
  969. width=&quot;4032&quot; height=&quot;3024&quot;
  970. srcset=&quot;/static/david/2024/2024-03-05-lac-corbeau.jpg 4032w, /static/david/2024/2024-03-05-lac-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-lac-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-lac-corbeau_1320x880.jpg 1320w&quot;
  971. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  972. loading=&quot;lazy&quot;
  973. decoding=&quot;async&quot;
  974. alt=&quot;Lac corbeau à l’aube.&quot;&gt;
  975. &lt;/a&gt;
  976. &lt;figcaption&gt;De bien jolies couleurs au&amp;nbsp;réveil.&lt;/figcaption&gt;
  977. &lt;/figure&gt;
  978. &lt;p&gt;Cet épisode me confirme encore une fois que les enfants ont des corps de sportifs de très haut niveau. Je suis impatient de pouvoir le charger un peu plus car c’est frustrant de le voir gambader devant de bon matin alors que mes muscles sont à peine réveillés. J’aime bien lorsqu’on va explorer un peu plus loin et que l’on se projette sur ce que l’on pourrait faire l’année&amp;nbsp;suivante.&lt;/p&gt;
  979. &lt;figure&gt;
  980. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg&quot;
  981. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  982. &lt;img
  983. src=&quot;https://larlet.fr/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg&quot;
  984. width=&quot;3024&quot; height=&quot;4032&quot;
  985. srcset=&quot;/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg 3024w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_1320x880.jpg 1320w&quot;
  986. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  987. loading=&quot;lazy&quot;
  988. decoding=&quot;async&quot;
  989. alt=&quot;Un enfant qui court dans la neige vers un refuge.&quot;&gt;
  990. &lt;/a&gt;
  991. &lt;figcaption&gt;Jamais&amp;nbsp;fatigué.&lt;/figcaption&gt;
  992. &lt;/figure&gt;
  993. &lt;p&gt;Le retour est moins joyeux car il s’agit d’enchainer les efforts et chaque heure qui passe rend la neige plus meuble. À tel point que l’on décide de couper par une piste sur une courte section. Mon évaluation est que la saison de ski est terminée, même une sous-couche bien travaillée ne tiendra pas la semaine qui s’en&amp;nbsp;vient.&lt;/p&gt;
  994. &lt;p&gt;J’aurais aimé faire une boucle un peu plus longue au retour mais il faut savoir s’adapter aux conditions. Le plus important est de terminer sans blessure ni&amp;nbsp;dégoût.&lt;/p&gt;
  995. &lt;p&gt;&lt;em&gt;Je commence à imaginer un parcours rapide sur plusieurs jours dans cette forêt que je connais bien. Peut-être qu’une fenêtre se dessine en avril… il faut que je récupère un peu de cardio d’ici&amp;nbsp;là.&lt;/em&gt;&lt;/p&gt;
  996. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/adaptation/&quot;&gt;#adaptation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/aventure/&quot;&gt;#aventure&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>
  997. </entry>
  998. <entry xml:lang="fr">
  999. <title type="html">Jour 1</title>
  1000. <link href="https://larlet.fr/david/2024/03/04/" rel="alternate" type="text/html" />
  1001. <updated>2024-03-04T12:00:00+01:00</updated>
  1002. <id>https://larlet.fr/david/2024/03/04/</id>
  1003. <summary type="html">
  1004. &lt;p&gt;Une réservation de longue date qui s’est transformée en sortie familiale (!), malheureusement nous n’avons pas pu rejoindre le refuge à ski faute de neige suffisante. C’était problématique car j’avais prévu de traîner une bonne partie de l’équipement, ce qui se révélait être un peu plus lourd sur le dos. Bon, aussi, on était partis sur une raclette, ça n’aide&amp;nbsp;pas&amp;nbsp;😅.&lt;/p&gt;
  1005. &lt;p&gt;J’avais très peur que le sentier soit peu praticable sans percer à chaque pas, ce qui m’était déjà arrivé dans un tel contexte. Vu le poids du sac, je craignais notamment que ma cheville en cours de réparation refasse le même mouvement en descente… mais nous étions à une poignée de degrés de cet état de la neige pour notre plus grand&amp;nbsp;bonheur.&lt;/p&gt;
  1006. &lt;p&gt;Ce n’était pas non plus de tout repos et la récompense d’une lac dégelant à l’arrivée était bien méritée. Il est rare d’avoir ces conditions très douces dans un contexte hivernal, on en avait même oublié de prendre nos&amp;nbsp;tuques&amp;#8239;!&lt;/p&gt;
  1007. &lt;p&gt;&lt;em&gt;Tests du jour&amp;nbsp;: les barquettes en aluminium pour faire réflecteur de bougies. Efficace. Les bougies longues durées d’Ikea pour faire fondre du fromage. Pas&amp;nbsp;efficace.&lt;/em&gt;&lt;/p&gt;
  1008. &lt;figure&gt;
  1009. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-04-lac-corbeau.jpg&quot;
  1010. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  1011. &lt;img
  1012. src=&quot;https://larlet.fr/static/david/2024/2024-03-04-lac-corbeau.jpg&quot;
  1013. width=&quot;3024&quot; height=&quot;4032&quot;
  1014. srcset=&quot;/static/david/2024/2024-03-04-lac-corbeau.jpg 3024w, /static/david/2024/2024-03-04-lac-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-04-lac-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-04-lac-corbeau_1320x880.jpg 1320w&quot;
  1015. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  1016. loading=&quot;lazy&quot;
  1017. decoding=&quot;async&quot;
  1018. alt=&quot;Lac corbeau avec des boulots au premier plan.&quot;&gt;
  1019. &lt;/a&gt;
  1020. &lt;figcaption&gt;Un décor très minecrafteux&amp;nbsp;(sic).&lt;/figcaption&gt;
  1021. &lt;/figure&gt;
  1022. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dystopie/&quot;&gt;#dystopie&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/solastalgia/&quot;&gt;#solastalgia&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>
  1023. </entry>
  1024. <entry xml:lang="fr">
  1025. <title type="html">Permanence</title>
  1026. <link href="https://larlet.fr/david/2024/03/03/" rel="alternate" type="text/html" />
  1027. <updated>2024-03-03T12:00:00+01:00</updated>
  1028. <id>https://larlet.fr/david/2024/03/03/</id>
  1029. <summary type="html">
  1030. &lt;blockquote lang=&quot;en&quot;&gt;
  1031. &lt;p&gt;Eventually, I started asking myself: &lt;mark&gt;&lt;em&gt;why am I promising permanence?&lt;/em&gt;&lt;/mark&gt; The answer crept up on me: &lt;em&gt;because permanence is better than nothing.&lt;/em&gt; Without the momentum of obligation, I didn’t trust myself to begin anything in&amp;nbsp;earnest.&lt;/p&gt;
  1032. &lt;p&gt;The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to&amp;nbsp;change.&lt;/p&gt;
  1033. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://dianaberlin.com/posts/no-more-forever-projects&quot;&gt;No more forever&amp;nbsp;projects&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1034. &lt;/blockquote&gt;
  1035. &lt;p&gt;Je vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de&amp;nbsp;neige.&lt;/p&gt;
  1036. &lt;p&gt;Un 3&amp;nbsp;mars, au nord de&amp;nbsp;Montréal.&lt;/p&gt;
  1037. &lt;hr /&gt;
  1038. &lt;blockquote&gt;
  1039. &lt;p&gt;Ces chaleurs extrêmes de 2023&amp;nbsp;ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. &lt;em&gt;«&amp;nbsp;On a observé une baisse des vents assez forte sur l’Atlantique Nord,&lt;/em&gt; explique Christophe Cassou. &lt;em&gt;Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus&amp;nbsp;froides.&amp;nbsp;»&lt;/em&gt;&lt;/p&gt;
  1040. &lt;p&gt;Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant&amp;nbsp;l’hiver.&lt;/p&gt;
  1041. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html&quot;&gt;Climat&amp;nbsp;: pourquoi les températures battent tous les records depuis la&amp;nbsp;mi-2023&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1042. &lt;/blockquote&gt;
  1043. &lt;p&gt;Les Décodeurs m’offrent une grille de lecture des phénomènes en cours&amp;nbsp;intéressante.&lt;/p&gt;
  1044. &lt;hr /&gt;
  1045. &lt;blockquote lang=&quot;en&quot;&gt;
  1046. &lt;p&gt;From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the &lt;a href=&quot;https://rviscomi.github.io/capo.js/user/rules/&quot;&gt;specific order of elements&lt;/a&gt; to make your &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; and your page a little (or a lotta) bit&amp;nbsp;faster.&lt;/p&gt;
  1047. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/&quot;&gt;Capo.js: A five minute web performance&amp;nbsp;boost&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1048. &lt;/blockquote&gt;
  1049. &lt;p&gt;Il est aussi possible d’&lt;a href=&quot;https://rviscomi.github.io/capo.js/user/demo/&quot;&gt;utiliser la démo&lt;/a&gt; sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des &lt;a href=&quot;https://tonsky.me/blog/js-bloat/&quot;&gt;contextes sans prise de soin&lt;/a&gt; qui semblent être la norme&amp;nbsp;aujourd’hui.&lt;/p&gt;
  1050. &lt;hr /&gt;
  1051. &lt;blockquote&gt;
  1052. &lt;p&gt;Rêve de la nuit&amp;nbsp;dernière&lt;/p&gt;
  1053. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/02/20/reve&quot;&gt;rêve - Carnets Web de La&amp;nbsp;Grange&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1054. &lt;/blockquote&gt;
  1055. &lt;p&gt;💚&lt;/p&gt;
  1056. &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/opensource/&quot;&gt;#opensource&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>
  1057. </entry>
  1058. <entry xml:lang="fr">
  1059. <title type="html">Montre</title>
  1060. <link href="https://larlet.fr/david/2024/03/02/" rel="alternate" type="text/html" />
  1061. <updated>2024-03-02T12:00:00+01:00</updated>
  1062. <id>https://larlet.fr/david/2024/03/02/</id>
  1063. <summary type="html">
  1064. &lt;p&gt;J’ai une &lt;a href=&quot;https://www.suunto.com/fr-ca/Produits/Montres-de-sport/Suunto-Ambit/Suunto-Ambit-Black/&quot;&gt;Suunto Ambit Black&lt;/a&gt; achetée il y a une douzaine d’années. (Merci à Suunto de garder une page avec les caractéristiques d’un produit qui n’est plus construit / vendu&amp;#8239;! C’est notamment utile pour comparer les spécifications de taille et poids.) Je me demandais si les montres actuelles allaient pouvoir résister à une &lt;a href=&quot;https://larlet.fr/david/2024/02/24/&quot;&gt;température inférieure à -20°C&lt;/a&gt; et il semblerait que ce ne soit pas le cas, tous les modèles que j’ai consulté spécifient clairement que c’est la limite&amp;nbsp;basse.&lt;/p&gt;
  1065. &lt;figure&gt;
  1066. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-02-coros-apex-2-temperatures.png&quot;
  1067. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  1068. &lt;img
  1069. src=&quot;https://larlet.fr/static/david/2024/2024-03-02-coros-apex-2-temperatures.png&quot;
  1070. width=&quot;2390&quot; height=&quot;1306&quot;
  1071. srcset=&quot;/static/david/2024/2024-03-02-coros-apex-2-temperatures.png 2390w, /static/david/2024/2024-03-02-coros-apex-2-temperatures.png 660w, /static/david/2024/2024-03-02-coros-apex-2-temperatures.png 990w, /static/david/2024/2024-03-02-coros-apex-2-temperatures.png 1320w&quot;
  1072. sizes=&quot;min(100vw, calc(100vh * 2390 / 1306))&quot;
  1073. loading=&quot;lazy&quot;
  1074. decoding=&quot;async&quot;
  1075. alt=&quot;Capture d’écran pour la Coros Apex 2&amp;nbsp;qui va de -20°C à 50°C.&quot;&gt;
  1076. &lt;/a&gt;
  1077. &lt;figcaption&gt;Même Kiki a du mal par -20°C&amp;nbsp;!&lt;/figcaption&gt;
  1078. &lt;/figure&gt;
  1079. &lt;p&gt;&lt;em&gt;Détail marrant&amp;nbsp;: Kilian Jornet était déjà sur les photos de promotion de la Suunto Ambit Black et on le retrouve sur la Coros Apex 2&amp;nbsp;Pro&amp;nbsp;d’aujourd’hui.&lt;/em&gt;&lt;/p&gt;
  1080. &lt;p&gt;Au-delà de l’aspect scientifique d’envisager une montre qui résiste aux températures locales, il y a une &lt;a href=&quot;https://larlet.fr/david/2024/01/27/&quot;&gt;situation récente&lt;/a&gt; qui me reste en tête aussi (ce n’est &lt;a href=&quot;https://larlet.fr/david/2020/12/18/&quot;&gt;pas la première fois&lt;/a&gt;, et ce ne sera certainement pas la dernière). Une position GPS précise aurait certainement pu m’aider dans ce cas là, si je n’avais pas été trop entêté pour ne pas la consulter. J’envisage aussi des &lt;a href=&quot;https://larlet.fr/david/2024/01/06/&quot;&gt;objectifs&lt;/a&gt; sur lesquels j’ai besoin de me rassurer / entraîner spécifiquement en ayant une idée des distances que je pourrais parcourir dans un contexte donné que j’envisage plus rapide que ce que j’ai l’habitude de&amp;nbsp;faire.&lt;/p&gt;
  1081. &lt;p&gt;Je cherche en priorité une montre qui affiche un fond de carte, ce n’est pas tant ma trace programmée que ce qu’il y a autour qui m’intéresse dans d’autres contextes exploratoires. Sur ma montre actuelle, je ne pouvais qu’enregistrer une trace à suivre qui m’indiquait les déviations mais &lt;em&gt;pour ma pratique&lt;/em&gt; ce n’était pas très intéressant. Savoir qu’il y a un lac / chemin forestier à proximité peut changer ma sortie. Difficile de savoir &lt;em&gt;a priori&lt;/em&gt; si les données pour mes lieux de balade seront à jour ou suffisamment&amp;nbsp;détaillées.&lt;/p&gt;
  1082. &lt;p&gt;J’ai regardé l’Apple Watch Ultra 2, la Suunto Vertical Titanium Solar, des Garmin d’«&amp;nbsp;aventure&amp;nbsp;» et finalement la Coros Apex 2 (Pro). Dans tous les cas, ce sont de grosses montres et j’ai un poignet fin. Dans tous les cas, le &lt;em&gt;marketing&lt;/em&gt; est complètement délirant&amp;nbsp;🙃. Sans compter le prix. La Coros semble être la moins chère (!) qui réponde à l’ensemble de mes attentes, la version Pro ayant une meilleure précision GPS et autonomie, ce qui m’importe&amp;nbsp;beaucoup.&lt;/p&gt;
  1083. &lt;p&gt;Ah, &lt;a href=&quot;https://larlet.fr/david/2024/02/07/#hr-69&quot;&gt;aussi&lt;/a&gt;. Difficile à justifier, même amortie sur la prochaine décennie… et c’est d’ailleurs là où j’ai de sérieux doutes en terme d’obsolescence programmée, ce qui a duré 10&amp;nbsp;ans ne durera probablement plus 10&amp;nbsp;ans. Triste réalité. J’essaye de ne pas trop me demande si &lt;em&gt;je&lt;/em&gt; vais être capable de passer encore une décennie à arpenter la&amp;nbsp;forêt.&lt;/p&gt;
  1084. &lt;p&gt;&lt;strong&gt;Montre&lt;/strong&gt; moi tes peurs et je te dirai comment les&amp;nbsp;acheter.&lt;/p&gt;
  1085. &lt;p&gt;&lt;em&gt;P.S.&amp;nbsp;: j’ai un petit truc qui me gratte aussi dans le fait de ne pas être utilisateur régulier de &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;uMap&lt;/a&gt;, ce qui est un manque à différents niveaux. Avoir davantage de données me motiverait certainement à jouer avec. Il y a des lieux que je veux garder intimes et d’autres qui sont déjà bien publics. J’ai une vieille envie de pouvoir raconter mes sorties sur un fond de carte à la &lt;a href=&quot;https://storymap.knightlab.com/&quot;&gt;StoryMap&lt;/a&gt; (&lt;a href=&quot;https://github.com/slead/leaflet-storymap&quot;&gt;avec Leaflet&amp;#8239;?&lt;/a&gt;) pour agrémenter les récits de sons et images correspondants aux lieux&amp;nbsp;parcourus.&lt;/em&gt;&lt;/p&gt;
  1086. &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/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>
  1087. </entry>
  1088. <entry xml:lang="fr">
  1089. <title type="html">Simple</title>
  1090. <link href="https://larlet.fr/david/2024/03/01/" rel="alternate" type="text/html" />
  1091. <updated>2024-03-01T12:00:00+01:00</updated>
  1092. <id>https://larlet.fr/david/2024/03/01/</id>
  1093. <summary type="html">
  1094. &lt;blockquote lang=&quot;en&quot;&gt;
  1095. &lt;p&gt;We can bring that into RSS by treating any interaction as content. If you post something, thats an entry in your feed (as before). If you comment on something, thats also an entry in your feed. If you like something, thats another entry in your feed. If you follow someone (which would mean subscribing to some RSS feed), thats also another entry in your feed. To mark that interactive nature of some feed entry, &lt;mark&gt;we can simple extend RSS a&amp;nbsp;bit&lt;/mark&gt;&lt;/p&gt;
  1096. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://gist.github.com/loreanvictor/bddd8824c744024d338e935bd7e96707&quot;&gt;Interaction as&amp;nbsp;Content&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1097. &lt;/blockquote&gt;
  1098. &lt;p&gt;Tout est dans le &lt;q lang=&quot;en&quot;&gt;simple&lt;/q&gt;&amp;nbsp;🙃.&lt;/p&gt;
  1099. &lt;p&gt;Rédiger une spécification comme &lt;a href=&quot;https://en.wikipedia.org/wiki/Media_RSS&quot;&gt;Media RSS&lt;/a&gt; n’est déjà pas trivial mais alors faire en sorte que cela soit adopté et devienne un standard c’est une autre paire de&amp;nbsp;manches.&lt;/p&gt;
  1100. &lt;blockquote lang=&quot;en&quot;&gt;
  1101. &lt;p&gt;RSS originated in 1999, and has strived to be a simple, easy to understand format, with relatively modest goals. After it became a popular format, &lt;mark&gt;developers wanted to extend it&lt;/mark&gt; using modules defined in namespaces, as specified by the&amp;nbsp;W3C.&lt;/p&gt;
  1102. &lt;p&gt;RSS 2.0&amp;nbsp;adds that capability, following a simple rule. A RSS feed may contain elements and attributes not described on this page, only if those elements and attributes are defined in a&amp;nbsp;namespace.&lt;/p&gt;
  1103. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.rssboard.org/rss-specification#extendingRss&quot;&gt;RSS&amp;nbsp;2.0&amp;nbsp;Specification&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1104. &lt;/blockquote&gt;
  1105. &lt;p&gt;Beaucoup de personnes ont envie de faire davantage avec RSS, c’est la diffusion à une échelle non anecdotique qui est difficile. Peut-être qu’un acteur comme Mastodon pourrait peser dans la balance d’une telle&amp;nbsp;initiative.&lt;/p&gt;
  1106. &lt;blockquote lang=&quot;en&quot;&gt;
  1107. &lt;p&gt;Another feature area I would think about is interactivity. I’m fascinated with Google’s work in Gmail around “Inbox Actions” – basically the one-click buttons to perform an email action like RSVP, or reviewing a bug. Here’s an explainer with some&amp;nbsp;examples.&lt;/p&gt;
  1108. &lt;p&gt;Let’s call it Feed Actions. &lt;mark&gt;Feed Actions could also be an RSS&amp;nbsp;extension.&lt;/mark&gt;&lt;/p&gt;
  1109. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://interconnected.org/home/2021/05/26/chrome_and_rss&quot;&gt;Three requests for the Google Chrome team as they experiment with&amp;nbsp;RSS&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1110. &lt;/blockquote&gt;
  1111. &lt;p&gt;J’ai deux communautés dans lesquelles c’est même devenu un &lt;em&gt;running gag&lt;/em&gt; de créer un outil qui explorerait de nouvelles&amp;nbsp;possibilités.&lt;/p&gt;
  1112. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/05/26/&quot;&gt;Suivez-moi&lt;/a&gt; et vous n’aurez plus jamais faim&amp;#8239;! Gniarkgniarkgniark&amp;nbsp;🦁⚡️&lt;/p&gt;
  1113. &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/laboratoire/&quot;&gt;#laboratoire&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>
  1114. </entry>
  1115. <entry xml:lang="fr">
  1116. <title type="html">Wikipédia</title>
  1117. <link href="https://larlet.fr/david/2024/02/29/" rel="alternate" type="text/html" />
  1118. <updated>2024-02-29T12:00:00+01:00</updated>
  1119. <id>https://larlet.fr/david/2024/02/29/</id>
  1120. <summary type="html">
  1121. &lt;blockquote&gt;
  1122. &lt;p&gt;Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai écrire plus longuement sur le sujet, je n’ai pas la bande passante nocturne pour le faire encore moins diurne. &lt;mark&gt;Je travaille de façon ouverte en espérant que les esprits refroidis retrouveront un brin de lucidité.&lt;/mark&gt; Wikipédia est un projet important, chacun y contribue à sa manière, j’essaie de poser quelques bases pour éventuellement développer plus en détails certains points à l’avenir. Une note de synthèse en quelques&amp;nbsp;sortes.&lt;/p&gt;
  1123. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective&quot;&gt;Wikipédia ou la désillusion de l’intelligence&amp;nbsp;collective&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1124. &lt;/blockquote&gt;
  1125. &lt;p&gt;Cela fait quelques jours que j’observe la situation en essayant de ne pas réagir à chaud. Je vois d’un côté des personnes qui souhaitent documenter des faits «&amp;nbsp;historiques&amp;nbsp;» sans en subir aucune conséquence et de l’autre des personnes qui ont bien souvent souffert et souffrent encore de cette histoire, sans compter les potentiels risques actuels et futurs&amp;nbsp;encourus.&lt;/p&gt;
  1126. &lt;p&gt;Ce résumé est sûrement caricatural &lt;em&gt;et&lt;/em&gt; je peux passer outre mon besoin de savoir encyclopédique pour la sécurité physique et mentale d’autres&amp;nbsp;personnes.&lt;/p&gt;
  1127. &lt;p&gt;Une pensée pour les personnes concernées qui sont impliquées et contributrices régulières, ça ne doit pas être évident de garder la motivation après&amp;nbsp;ça&amp;nbsp;💜.&lt;/p&gt;
  1128. &lt;blockquote&gt;
  1129. &lt;p&gt;Comment comprendre cette contradiction entre volonté de transparence et&amp;nbsp;d’entre-soi&amp;#8239;?&lt;/p&gt;
  1130. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/&quot;&gt;Wikipédia et le nécronyme des personnes trans&amp;nbsp;: l’insoutenable neutralité du point de&amp;nbsp;vue&amp;#8239;?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1131. &lt;/blockquote&gt;
  1132. &lt;hr /&gt;
  1133. &lt;p&gt;Si jamais vous avez un code Python qui doit tourner sous Windows et qui semble avoir des problème d’encodage (notamment sur &lt;code&gt;Path().read/write_text()&lt;/code&gt;), &lt;a href=&quot;https://dev.to/methane/python-use-utf-8-mode-on-windows-212i&quot;&gt;vous pouvez tenter&lt;/a&gt; la variable d’environnement &lt;code&gt;PYTHONUTF8=1&lt;/code&gt; ou le paramètre &lt;code&gt;-Xutf8&lt;/code&gt; pour lancer Python&amp;nbsp;3.7+.&lt;/p&gt;
  1134. &lt;hr /&gt;
  1135. &lt;blockquote lang=&quot;en&quot;&gt;
  1136. &lt;p&gt;25&amp;nbsp;January 1999&amp;nbsp;was my first day at W3C. I was 23&amp;nbsp;years old when I started. I’ve now spent more than half my life at that. &lt;mark&gt;I regret nothing&lt;/mark&gt; because I find the work I do really interesting, important, meaningful; and I don’t tire of it because I feel like there’s renewal every now and&amp;nbsp;then.&lt;/p&gt;
  1137. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.koalie.net/2024/02/29/25th-work-anniversary/&quot;&gt;25th work&amp;nbsp;anniversary&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1138. &lt;/blockquote&gt;
  1139. &lt;p&gt;Dans la catégorie pas-toutes-les-héroïnes-ne-portent-de-capes, koalie tient une belle&amp;nbsp;place&amp;nbsp;🙇.&lt;/p&gt;
  1140. &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/deception/&quot;&gt;#déception&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>
  1141. </entry>
  1142. <entry xml:lang="fr">
  1143. <title type="html">Dérèglement</title>
  1144. <link href="https://larlet.fr/david/2024/02/28/" rel="alternate" type="text/html" />
  1145. <updated>2024-02-28T12:00:00+01:00</updated>
  1146. <id>https://larlet.fr/david/2024/02/28/</id>
  1147. <summary type="html">
  1148. &lt;p&gt;J’avais déjà remarqué leur départ très tardif en décembre. Hier soir, j’ai entendu mes premières bernaches. Demain matin, elles risquent d’avoir un petit peu&amp;nbsp;frais…&lt;/p&gt;
  1149. &lt;figure&gt;
  1150. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-28-courbe-temperature.jpg&quot;
  1151. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  1152. &lt;img
  1153. src=&quot;https://larlet.fr/static/david/2024/2024-02-28-courbe-temperature.jpg&quot;
  1154. width=&quot;960&quot; height=&quot;2079&quot;
  1155. srcset=&quot;/static/david/2024/2024-02-28-courbe-temperature.jpg 960w, /static/david/2024/2024-02-28-courbe-temperature_660x440.jpg 660w, /static/david/2024/2024-02-28-courbe-temperature_990x660.jpg 990w, /static/david/2024/2024-02-28-courbe-temperature_1320x880.jpg 1320w&quot;
  1156. sizes=&quot;min(100vw, calc(100vh * 960 / 2079))&quot;
  1157. loading=&quot;lazy&quot;
  1158. decoding=&quot;async&quot;
  1159. alt=&quot;Capture d’écran de la météo, les températures vont de 14°C à -13°C en moins de 12&amp;nbsp;heures.&quot;&gt;
  1160. &lt;/a&gt;
  1161. &lt;figcaption&gt;#MeanwhileInCanada&lt;/figcaption&gt;
  1162. &lt;/figure&gt;
  1163. &lt;hr /&gt;
  1164. &lt;p&gt;Le même jour, j’intègre les &lt;a href=&quot;https://mistune.lepture.com/en/latest/directives.html#admonitions&quot;&gt;admonitions&lt;/a&gt; à un de nos outils interne et j’apprends qu’il est possible d’intégrer ce type de rendu pour le &lt;a href=&quot;https://github.com/orgs/community/discussions/16925&quot;&gt;&lt;em&gt;markdown&lt;/em&gt; servi par Microsoft Github&lt;/a&gt; en lisant le &lt;a href=&quot;https://github.com/jgarber623/aria-collapsible&quot;&gt;README de aria-collapsible&lt;/a&gt;.&lt;/p&gt;
  1165. &lt;p&gt;Au passage, j’apprends beaucoup en lisant le code de &lt;em&gt;Web Components&lt;/em&gt; en ce moment. Il y a une effervescence dans le domaine parmi des personnes qui ont un bon niveau de JS ainsi qu’une sensibilité à l’accessibilité de leurs productions. Ici par exemple, je découvre comment faire des composants relativement&amp;nbsp;défensifs.&lt;/p&gt;
  1166. &lt;hr /&gt;
  1167. &lt;blockquote lang=&quot;en&quot;&gt;
  1168. &lt;p&gt;Anyway, if you want to know some basic information about Passkeys I know a site you can check&amp;nbsp;out.&lt;/p&gt;
  1169. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/&quot;&gt;Where I’m at on the whole CSS-Tricks&amp;nbsp;thing&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1170. &lt;/blockquote&gt;
  1171. &lt;p&gt;Beaucoup d’honnêteté et… une belle ressource de perdue, ou en passe de l’être. &lt;em&gt;Tricky.&lt;/em&gt;&lt;/p&gt;
  1172. &lt;hr /&gt;
  1173. &lt;blockquote lang=&quot;en&quot;&gt;
  1174. &lt;p&gt;Using &lt;code&gt;color-mix()&lt;/code&gt;, we can adjust the tint/shade based on the background color, meaning &lt;mark&gt;we don’t need to manually select lighter/darker colors&lt;/mark&gt; for those states. And because we’re using OKLCH, the variations will be perceptually uniform, &lt;a href=&quot;https://lea.verou.me/blog/2020/04/lch-colors-in-css-what-why-and-how/#3.-lch-lightness-actually-means-something&quot;&gt;unlike HSL&lt;/a&gt;. This means that tints and shades will look consistent for any color we&amp;nbsp;choose!&lt;/p&gt;
  1175. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.abeautifulsite.net/posts/better-buttons-with-color-mix-and-custom-properties/&quot;&gt;Better Buttons with color-mix() and Custom&amp;nbsp;Properties&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1176. &lt;/blockquote&gt;
  1177. &lt;p&gt;Les personnes qui maîtrisent bien CSS vont avoir de plus en plus de valeur. À juste&amp;nbsp;titre.&lt;/p&gt;
  1178. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/documentation/&quot;&gt;#documentation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/solastalgia/&quot;&gt;#solastalgia&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>
  1179. </entry>
  1180. <entry xml:lang="fr">
  1181. <title type="html">Rédaction</title>
  1182. <link href="https://larlet.fr/david/2024/02/27/" rel="alternate" type="text/html" />
  1183. <updated>2024-02-27T12:00:00+01:00</updated>
  1184. <id>https://larlet.fr/david/2024/02/27/</id>
  1185. <summary type="html">
  1186. &lt;blockquote&gt;
  1187. &lt;p&gt;Je suis curieux de savoir comment tu rédiges ces textes&amp;#8239;! Tu prends des notes pendant tes excursions sur lesquelles tu te bases ou tu écris tout à chaud une fois chez toi&amp;#8239;? Ou tu écris quelques jours après sur des souvenirs qui s’effritent déjà mais ça n’a pas&amp;nbsp;d’importance&amp;#8239;?&amp;nbsp;🙂&lt;/p&gt;
  1188. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Question de &lt;a href=&quot;https://social.bim.land/@mlbiche&quot;&gt;@mlbiche&lt;/a&gt; sur&amp;nbsp;masto&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1189. &lt;/blockquote&gt;
  1190. &lt;p&gt;Il m’arrive de prendre des notes lors de sorties plus contemplatives (et moins risquées pour mes doigts&amp;#8239;!) mais c’est assez rare. Je n’arrive pas à écrire une histoire en étant en train de la vivre, c’est comme de faire des vidéos, j’ai l’impression de trop me mettre en scène sinon. Lorsque le récit influe sur le déroulé, ça brise quelque chose au niveau de son authenticité et de mon&amp;nbsp;ressenti.&lt;/p&gt;
  1191. &lt;p&gt;En général, je rédige cela à la maison, à chaud. Une fois que toutes les affaires ont été mises à sécher. Avec parfois des bribes qui s’agencent lors du long retour en voiture. Si j’attends plus de 24h, ce ne sont pas tant les souvenirs qui s’effritent que la motivation à les partager qui s’envole, ça m’est déjà arrivé plusieurs&amp;nbsp;fois.&lt;/p&gt;
  1192. &lt;hr /&gt;
  1193. &lt;blockquote&gt;
  1194. &lt;p&gt;Nos vies sont faites de métal incandescent.&lt;br /&gt;
  1195. Tant qu’elles rougeoient, nous en restons les forgerons.&lt;br /&gt;
  1196. Créateurs et inventeurs de&amp;nbsp;nous-mêmes.&lt;/p&gt;
  1197. &lt;p&gt;Mais comme le métal du forgeron qui refroidit, comme la coulée de lave qui atteint l’extrémité de son expansion, nos vies se figent.&lt;br /&gt;
  1198. Ce n’est qu’à cet instant précis que l’on peut dire qui on a été. quand la coulée de la vie a pris sa forme&amp;nbsp;définitive.&lt;/p&gt;
  1199. &lt;p&gt;D’ici je la contemple, cette vie. Ma vie.&lt;br /&gt;
  1200. Et je sais enfin qui je&amp;nbsp;suis…&lt;/p&gt;
  1201. &lt;p&gt;&lt;cite&gt;&lt;em&gt;La saga de Grimr&lt;/em&gt;, Jérémie&amp;nbsp;Moreau&lt;/cite&gt;&lt;/p&gt;
  1202. &lt;/blockquote&gt;
  1203. &lt;p&gt;Rétrospective sous forme de &lt;a href=&quot;https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html&quot;&gt;Conseil&lt;/a&gt; aujourd’hui. Je suis de plus en plus tenté d’introduire une 6&lt;sup&gt;e&lt;/sup&gt; étape qui serait autour du pardon. &lt;q&gt;Je te pardonne pour …, cela m’a permis d’apprendre … &lt;/q&gt;. J’ai l’intuition que cela pourrait ajouter quelque chose pour un groupe relativement intime qui s’inscrit dans la&amp;nbsp;durée.&lt;/p&gt;
  1204. &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>
  1205. </entry>
  1206. </feed>