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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148
  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-03-07T12: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">Vannerie</title>
  17. <link href="https://larlet.fr/david/2024/03/06/" rel="alternate" type="text/html" />
  18. <updated>2024-03-06T12:00:00+01:00</updated>
  19. <id>https://larlet.fr/david/2024/03/06/</id>
  20. <summary type="html">
  21. &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;
  22. &lt;figure&gt;
  23. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-panier.jpg&quot;
  24. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  25. &lt;img
  26. src=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-panier.jpg&quot;
  27. width=&quot;4032&quot; height=&quot;3024&quot;
  28. 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;
  29. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  30. loading=&quot;lazy&quot;
  31. decoding=&quot;async&quot;
  32. alt=&quot;Un panier en vannerie.&quot;&gt;
  33. &lt;/a&gt;
  34. &lt;figcaption&gt;Un panier en vannerie, ça m’a pris&amp;nbsp;2h30.&lt;/figcaption&gt;
  35. &lt;/figure&gt;
  36. &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;
  37. &lt;figure&gt;
  38. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-sac-a-dos.jpg&quot;
  39. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  40. &lt;img
  41. src=&quot;https://larlet.fr/static/david/2024/2024-03-06-vannerie-sac-a-dos.jpg&quot;
  42. width=&quot;3024&quot; height=&quot;4032&quot;
  43. 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;
  44. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  45. loading=&quot;lazy&quot;
  46. decoding=&quot;async&quot;
  47. alt=&quot;Un sac à dos en vannerie.&quot;&gt;
  48. &lt;/a&gt;
  49. &lt;figcaption&gt;Un sac à dos en vannerie sur le dos de&amp;nbsp;l’enfant.&lt;/figcaption&gt;
  50. &lt;/figure&gt;
  51. &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;
  52. &lt;hr /&gt;
  53. &lt;blockquote lang=&quot;en&quot;&gt;
  54. &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;
  55. &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;
  56. &lt;/blockquote&gt;
  57. &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;
  58. &lt;hr /&gt;
  59. &lt;blockquote&gt;
  60. &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;
  61. &lt;p&gt;[…]&lt;/p&gt;
  62. &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;
  63. &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;
  64. &lt;/blockquote&gt;
  65. &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;
  66. &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>
  67. </entry>
  68. <entry xml:lang="fr">
  69. <title type="html">Jour&amp;nbsp;2</title>
  70. <link href="https://larlet.fr/david/2024/03/05/" rel="alternate" type="text/html" />
  71. <updated>2024-03-05T12:00:00+01:00</updated>
  72. <id>https://larlet.fr/david/2024/03/05/</id>
  73. <summary type="html">
  74. &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;
  75. &lt;figure&gt;
  76. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-05-lac-corbeau.jpg&quot;
  77. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  78. &lt;img
  79. src=&quot;https://larlet.fr/static/david/2024/2024-03-05-lac-corbeau.jpg&quot;
  80. width=&quot;4032&quot; height=&quot;3024&quot;
  81. 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;
  82. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  83. loading=&quot;lazy&quot;
  84. decoding=&quot;async&quot;
  85. alt=&quot;Lac corbeau à l’aube.&quot;&gt;
  86. &lt;/a&gt;
  87. &lt;figcaption&gt;De bien jolies couleurs au&amp;nbsp;réveil.&lt;/figcaption&gt;
  88. &lt;/figure&gt;
  89. &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;
  90. &lt;figure&gt;
  91. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg&quot;
  92. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  93. &lt;img
  94. src=&quot;https://larlet.fr/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg&quot;
  95. width=&quot;3024&quot; height=&quot;4032&quot;
  96. 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;
  97. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  98. loading=&quot;lazy&quot;
  99. decoding=&quot;async&quot;
  100. alt=&quot;Un enfant qui court dans la neige vers un refuge.&quot;&gt;
  101. &lt;/a&gt;
  102. &lt;figcaption&gt;Jamais&amp;nbsp;fatigué.&lt;/figcaption&gt;
  103. &lt;/figure&gt;
  104. &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;
  105. &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;
  106. &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;
  107. &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>
  108. </entry>
  109. <entry xml:lang="fr">
  110. <title type="html">Jour&amp;nbsp;1</title>
  111. <link href="https://larlet.fr/david/2024/03/04/" rel="alternate" type="text/html" />
  112. <updated>2024-03-04T12:00:00+01:00</updated>
  113. <id>https://larlet.fr/david/2024/03/04/</id>
  114. <summary type="html">
  115. &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;
  116. &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;
  117. &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;
  118. &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;
  119. &lt;figure&gt;
  120. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-04-lac-corbeau.jpg&quot;
  121. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  122. &lt;img
  123. src=&quot;https://larlet.fr/static/david/2024/2024-03-04-lac-corbeau.jpg&quot;
  124. width=&quot;3024&quot; height=&quot;4032&quot;
  125. 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;
  126. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  127. loading=&quot;lazy&quot;
  128. decoding=&quot;async&quot;
  129. alt=&quot;Lac corbeau avec des boulots au premier plan.&quot;&gt;
  130. &lt;/a&gt;
  131. &lt;figcaption&gt;Un décor très minecrafteux&amp;nbsp;(sic).&lt;/figcaption&gt;
  132. &lt;/figure&gt;
  133. &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>
  134. </entry>
  135. <entry xml:lang="fr">
  136. <title type="html">Permanence</title>
  137. <link href="https://larlet.fr/david/2024/03/03/" rel="alternate" type="text/html" />
  138. <updated>2024-03-03T12:00:00+01:00</updated>
  139. <id>https://larlet.fr/david/2024/03/03/</id>
  140. <summary type="html">
  141. &lt;blockquote lang=&quot;en&quot;&gt;
  142. &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;
  143. &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;
  144. &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;
  145. &lt;/blockquote&gt;
  146. &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;
  147. &lt;p&gt;Un 3&amp;nbsp;mars, au nord de&amp;nbsp;Montréal.&lt;/p&gt;
  148. &lt;hr /&gt;
  149. &lt;blockquote&gt;
  150. &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;
  151. &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;
  152. &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;
  153. &lt;/blockquote&gt;
  154. &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;
  155. &lt;hr /&gt;
  156. &lt;blockquote lang=&quot;en&quot;&gt;
  157. &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;
  158. &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;
  159. &lt;/blockquote&gt;
  160. &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;
  161. &lt;hr /&gt;
  162. &lt;blockquote&gt;
  163. &lt;p&gt;Rêve de la nuit&amp;nbsp;dernière&lt;/p&gt;
  164. &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;
  165. &lt;/blockquote&gt;
  166. &lt;p&gt;💚&lt;/p&gt;
  167. &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>
  168. </entry>
  169. <entry xml:lang="fr">
  170. <title type="html">Montre</title>
  171. <link href="https://larlet.fr/david/2024/03/02/" rel="alternate" type="text/html" />
  172. <updated>2024-03-02T12:00:00+01:00</updated>
  173. <id>https://larlet.fr/david/2024/03/02/</id>
  174. <summary type="html">
  175. &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;
  176. &lt;figure&gt;
  177. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-02-coros-apex-2-temperatures.png&quot;
  178. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  179. &lt;img
  180. src=&quot;https://larlet.fr/static/david/2024/2024-03-02-coros-apex-2-temperatures.png&quot;
  181. width=&quot;2390&quot; height=&quot;1306&quot;
  182. 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;
  183. sizes=&quot;min(100vw, calc(100vh * 2390 / 1306))&quot;
  184. loading=&quot;lazy&quot;
  185. decoding=&quot;async&quot;
  186. alt=&quot;Capture d’écran pour la Coros Apex 2&amp;nbsp;qui va de -20°C à 50°C.&quot;&gt;
  187. &lt;/a&gt;
  188. &lt;figcaption&gt;Même Kiki a du mal par -20°C&amp;nbsp;!&lt;/figcaption&gt;
  189. &lt;/figure&gt;
  190. &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;
  191. &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;
  192. &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;
  193. &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;
  194. &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;
  195. &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;
  196. &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;
  197. &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>
  198. </entry>
  199. <entry xml:lang="fr">
  200. <title type="html">Simple</title>
  201. <link href="https://larlet.fr/david/2024/03/01/" rel="alternate" type="text/html" />
  202. <updated>2024-03-01T12:00:00+01:00</updated>
  203. <id>https://larlet.fr/david/2024/03/01/</id>
  204. <summary type="html">
  205. &lt;blockquote lang=&quot;en&quot;&gt;
  206. &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;
  207. &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;
  208. &lt;/blockquote&gt;
  209. &lt;p&gt;Tout est dans le &lt;q lang=&quot;en&quot;&gt;simple&lt;/q&gt;&amp;nbsp;🙃.&lt;/p&gt;
  210. &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;
  211. &lt;blockquote lang=&quot;en&quot;&gt;
  212. &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;
  213. &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;
  214. &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;
  215. &lt;/blockquote&gt;
  216. &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;
  217. &lt;blockquote lang=&quot;en&quot;&gt;
  218. &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;
  219. &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;
  220. &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;
  221. &lt;/blockquote&gt;
  222. &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;
  223. &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;
  224. &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>
  225. </entry>
  226. <entry xml:lang="fr">
  227. <title type="html">Wikipédia</title>
  228. <link href="https://larlet.fr/david/2024/02/29/" rel="alternate" type="text/html" />
  229. <updated>2024-02-29T12:00:00+01:00</updated>
  230. <id>https://larlet.fr/david/2024/02/29/</id>
  231. <summary type="html">
  232. &lt;blockquote&gt;
  233. &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;
  234. &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;
  235. &lt;/blockquote&gt;
  236. &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;
  237. &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;
  238. &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;
  239. &lt;blockquote&gt;
  240. &lt;p&gt;Comment comprendre cette contradiction entre volonté de transparence et&amp;nbsp;d’entre-soi&amp;#8239;?&lt;/p&gt;
  241. &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;
  242. &lt;/blockquote&gt;
  243. &lt;hr /&gt;
  244. &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;
  245. &lt;hr /&gt;
  246. &lt;blockquote lang=&quot;en&quot;&gt;
  247. &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;
  248. &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;
  249. &lt;/blockquote&gt;
  250. &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;
  251. &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>
  252. </entry>
  253. <entry xml:lang="fr">
  254. <title type="html">Dérèglement</title>
  255. <link href="https://larlet.fr/david/2024/02/28/" rel="alternate" type="text/html" />
  256. <updated>2024-02-28T12:00:00+01:00</updated>
  257. <id>https://larlet.fr/david/2024/02/28/</id>
  258. <summary type="html">
  259. &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;
  260. &lt;figure&gt;
  261. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-28-courbe-temperature.jpg&quot;
  262. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  263. &lt;img
  264. src=&quot;https://larlet.fr/static/david/2024/2024-02-28-courbe-temperature.jpg&quot;
  265. width=&quot;960&quot; height=&quot;2079&quot;
  266. 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;
  267. sizes=&quot;min(100vw, calc(100vh * 960 / 2079))&quot;
  268. loading=&quot;lazy&quot;
  269. decoding=&quot;async&quot;
  270. 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;
  271. &lt;/a&gt;
  272. &lt;figcaption&gt;#MeanwhileInCanada&lt;/figcaption&gt;
  273. &lt;/figure&gt;
  274. &lt;hr /&gt;
  275. &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;
  276. &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;
  277. &lt;hr /&gt;
  278. &lt;blockquote lang=&quot;en&quot;&gt;
  279. &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;
  280. &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;
  281. &lt;/blockquote&gt;
  282. &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;
  283. &lt;hr /&gt;
  284. &lt;blockquote lang=&quot;en&quot;&gt;
  285. &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;
  286. &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;
  287. &lt;/blockquote&gt;
  288. &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;
  289. &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>
  290. </entry>
  291. <entry xml:lang="fr">
  292. <title type="html">Rédaction</title>
  293. <link href="https://larlet.fr/david/2024/02/27/" rel="alternate" type="text/html" />
  294. <updated>2024-02-27T12:00:00+01:00</updated>
  295. <id>https://larlet.fr/david/2024/02/27/</id>
  296. <summary type="html">
  297. &lt;blockquote&gt;
  298. &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;
  299. &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;
  300. &lt;/blockquote&gt;
  301. &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;
  302. &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;
  303. &lt;hr /&gt;
  304. &lt;blockquote&gt;
  305. &lt;p&gt;Nos vies sont faites de métal incandescent.&lt;br /&gt;
  306. Tant qu’elles rougeoient, nous en restons les forgerons.&lt;br /&gt;
  307. Créateurs et inventeurs de&amp;nbsp;nous-mêmes.&lt;/p&gt;
  308. &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;
  309. 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;
  310. &lt;p&gt;D’ici je la contemple, cette vie. Ma vie.&lt;br /&gt;
  311. Et je sais enfin qui je&amp;nbsp;suis…&lt;/p&gt;
  312. &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;
  313. &lt;/blockquote&gt;
  314. &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;
  315. &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>
  316. </entry>
  317. <entry xml:lang="fr">
  318. <title type="html">Galaxie</title>
  319. <link href="https://larlet.fr/david/2024/02/26/" rel="alternate" type="text/html" />
  320. <updated>2024-02-26T12:00:00+01:00</updated>
  321. <id>https://larlet.fr/david/2024/02/26/</id>
  322. <summary type="html">
  323. &lt;p&gt;Anecdote du jour qui met le sourire de bon&amp;nbsp;matin.&lt;/p&gt;
  324. &lt;figure&gt;
  325. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-26-neige-galaxie.jpg&quot;
  326. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  327. &lt;img
  328. src=&quot;https://larlet.fr/static/david/2024/2024-02-26-neige-galaxie.jpg&quot;
  329. width=&quot;4032&quot; height=&quot;3024&quot;
  330. srcset=&quot;/static/david/2024/2024-02-26-neige-galaxie.jpg 4032w, /static/david/2024/2024-02-26-neige-galaxie_660x440.jpg 660w, /static/david/2024/2024-02-26-neige-galaxie_990x660.jpg 990w, /static/david/2024/2024-02-26-neige-galaxie_1320x880.jpg 1320w&quot;
  331. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  332. loading=&quot;lazy&quot;
  333. decoding=&quot;async&quot;
  334. alt=&quot;De la neige qui tombe à gros flocon.&quot;&gt;
  335. &lt;/a&gt;
  336. &lt;figcaption&gt;L’espace d’un instant, par la&amp;nbsp;fenêtre.&lt;/figcaption&gt;
  337. &lt;/figure&gt;
  338. &lt;blockquote&gt;
  339. &lt;p&gt;— Oh la belle neige&amp;#8239;!&lt;br /&gt;
  340. —&amp;nbsp;Il pleut des étoiles, la galaxie est en train de tomber.&lt;br /&gt;
  341. —&amp;nbsp;❤️&lt;/p&gt;
  342. &lt;/blockquote&gt;
  343. &lt;hr /&gt;
  344. &lt;blockquote lang=&quot;en&quot;&gt;
  345. &lt;p&gt;CSS Variable Groups is a way to define multiple properties under the same namespace and pass the entire group around, addressing several pain points around design tokens, design systems, and integrating third-party&amp;nbsp;components.&lt;/p&gt;
  346. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lea.verou.me/docs/var-groups/&quot;&gt;Proposal: CSS Variable&amp;nbsp;Groups&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  347. &lt;/blockquote&gt;
  348. &lt;p&gt;Heureusement que Lea Verou &lt;a href=&quot;https://larlet.fr/david/2024/02/18/&quot;&gt;me lit&lt;/a&gt; et traduit ça en proposition de &lt;a href=&quot;https://github.com/w3c/csswg-drafts/issues/9992&quot;&gt;standardisation&lt;/a&gt; en quelques jours au lieu de chialer&amp;nbsp;😅🙇. Trop&amp;nbsp;hâte&amp;#8239;!&lt;/p&gt;
  349. &lt;hr /&gt;
  350. &lt;blockquote lang=&quot;en&quot;&gt;
  351. &lt;p&gt;&lt;mark&gt;Maybe that’s ok.&lt;/mark&gt; The amount of power you give plugin authors is a delicate balance. Giving them too much power could impact the stability of your project. But giving them too little power makes it hard for them to solve their problems — in that case you might as well not have&amp;nbsp;plugins.&lt;/p&gt;
  352. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://css-tricks.com/designing-a-javascript-plugin-system/&quot;&gt;Designing a JavaScript Plugin&amp;nbsp;System&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  353. &lt;/blockquote&gt;
  354. &lt;p&gt;Problématique du jour&amp;nbsp;: comment concevoir un système de &lt;em&gt;plugins&lt;/em&gt; qui soit le bon compromis entre flexibilité et stabilité&amp;#8239;? Ce n’est pas si évident, encore plus dans un écosystème aussi évolutif que&amp;nbsp;JavaScript.&lt;/p&gt;
  355. &lt;nav&gt;&lt;p&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/poesie/&quot;&gt;#poésie&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>
  356. </entry>
  357. <entry xml:lang="fr">
  358. <title type="html">Jour&amp;nbsp;2</title>
  359. <link href="https://larlet.fr/david/2024/02/25/" rel="alternate" type="text/html" />
  360. <updated>2024-02-25T12:00:00+01:00</updated>
  361. <id>https://larlet.fr/david/2024/02/25/</id>
  362. <summary type="html">
  363. &lt;p&gt;Sommeil entrecoupé, comme toujours, je finis par ouvrir une dernière fois les yeux après avoir passé plus de 12&amp;nbsp;heures bien emmitouflé. Il faudrait que j’apprenne à expirer moins d’eau car le résultat est problématique (la fermeture éclair du duvet est bien gelée au matin). Et à moins bouger aussi, car chaque nouvelle position est longue à&amp;nbsp;réchauffer…&lt;/p&gt;
  364. &lt;figure&gt;
  365. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-25-duvet-givre.jpg&quot;
  366. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  367. &lt;img
  368. src=&quot;https://larlet.fr/static/david/2024/2024-02-25-duvet-givre.jpg&quot;
  369. width=&quot;2317&quot; height=&quot;3088&quot;
  370. srcset=&quot;/static/david/2024/2024-02-25-duvet-givre.jpg 2317w, /static/david/2024/2024-02-25-duvet-givre_660x440.jpg 660w, /static/david/2024/2024-02-25-duvet-givre_990x660.jpg 990w, /static/david/2024/2024-02-25-duvet-givre_1320x880.jpg 1320w&quot;
  371. sizes=&quot;min(100vw, calc(100vh * 2317 / 3088))&quot;
  372. loading=&quot;lazy&quot;
  373. decoding=&quot;async&quot;
  374. alt=&quot;Mon nez qui dépasse de la cheminée du duvet toute givrée.&quot;&gt;
  375. &lt;/a&gt;
  376. &lt;figcaption&gt;OMG, they killed&amp;nbsp;Kenny!&lt;/figcaption&gt;
  377. &lt;/figure&gt;
  378. &lt;p&gt;Le &lt;em&gt;crux&lt;/em&gt; de la sortie (coucou les grimpeur·euses), c’est de se lever &lt;strong&gt;et&lt;/strong&gt; d’allumer un feu sans perdre sa dextérité de manière critique. Vous n’imaginez pas à quel point craquer une allumette peut devenir compliqué dans ces situations. D’autant qu’il fait encore en-dessous de -20°C et que le bois n’est pas aussi réactif&amp;#8239;! J’arrive tout de même à allumer un feu avant que ce soit problématique et je suis content de ma nouvelle tentative de foyer hivernal qui ne coule pas. Au point d’en faire une&amp;nbsp;photo-publicité.&lt;/p&gt;
  379. &lt;figure&gt;
  380. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-25-foyer-firebox.jpg&quot;
  381. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  382. &lt;img
  383. src=&quot;https://larlet.fr/static/david/2024/2024-02-25-foyer-firebox.jpg&quot;
  384. width=&quot;3024&quot; height=&quot;4032&quot;
  385. srcset=&quot;/static/david/2024/2024-02-25-foyer-firebox.jpg 3024w, /static/david/2024/2024-02-25-foyer-firebox_660x440.jpg 660w, /static/david/2024/2024-02-25-foyer-firebox_990x660.jpg 990w, /static/david/2024/2024-02-25-foyer-firebox_1320x880.jpg 1320w&quot;
  386. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  387. loading=&quot;lazy&quot;
  388. decoding=&quot;async&quot;
  389. alt=&quot;Un foyer avec ma popote et une buche sur laquelle on voit l’ombre de la marque (Firebox).&quot;&gt;
  390. &lt;/a&gt;
  391. &lt;figcaption&gt;Mon auto-correct vient de me corriger le texte alternatif en Firefox. Bien.&lt;/figcaption&gt;
  392. &lt;/figure&gt;
  393. &lt;p&gt;L’eau conservée liquide dans mon duvet me fait gagner un temps non négligeable avant de pouvoir ingurgiter une boisson chaude. Et de faire fondre de la neige, encore et toujours, activité favorite du camping&amp;nbsp;d’hiver…&lt;/p&gt;
  394. &lt;p&gt;Un petit tour de lac pour se réchauffer les pieds gelés et se mettre en jambe avant de se remettre à tracter. J’ai l’impression de voler. Il n’y a guère que les corneilles pour sortir par pareilles journées. Je fais une pause au soleil, je suis content d’être. Ici et&amp;nbsp;maintenant.&lt;/p&gt;
  395. &lt;figure&gt;
  396. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-25-lac-boeuf.jpg&quot;
  397. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  398. &lt;img
  399. src=&quot;https://larlet.fr/static/david/2024/2024-02-25-lac-boeuf.jpg&quot;
  400. width=&quot;3024&quot; height=&quot;4032&quot;
  401. srcset=&quot;/static/david/2024/2024-02-25-lac-boeuf.jpg 3024w, /static/david/2024/2024-02-25-lac-boeuf_660x440.jpg 660w, /static/david/2024/2024-02-25-lac-boeuf_990x660.jpg 990w, /static/david/2024/2024-02-25-lac-boeuf_1320x880.jpg 1320w&quot;
  402. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  403. loading=&quot;lazy&quot;
  404. decoding=&quot;async&quot;
  405. alt=&quot;Des traces de mes skis sur un lac gelé.&quot;&gt;
  406. &lt;/a&gt;
  407. &lt;figcaption&gt;C’est là où on peut observer la dureté de la neige ! Il y a au moins 50 cm de neige avant la&amp;nbsp;glace.&lt;/figcaption&gt;
  408. &lt;/figure&gt;
  409. &lt;p&gt;Le retour est éreintant. Une suite de longues montées et de neige de plus en plus difficile à naviguer car j’arrive à des endroits davantage empruntés par des véhicules à chenilles. Chaque enfoncement des crans de la courroie métallique réduit mon accroche de manière significative. Je suis même parfois obligé de déchausser selon les montées… et les descentes car je suis moyennement en confiance avec une telle inertie sans aucune accroche possible. J’ai au moins réussi à limiter le départ en drapeau de la pulka avec un nouveau mécanisme à base de &lt;em&gt;ducktape&lt;/em&gt; et de &lt;a href=&quot;https://www.forj.com/&quot;&gt;forj&lt;/a&gt;.&lt;/p&gt;
  410. &lt;p&gt;Après pas mal de pauses et une dizaine de kilomètres, je retrouve le parking dans un sale état. Dire que j’envisageais de faire la boucle à la journée avec l’enfant… Une sortie avec beaucoup d’intensité et&amp;nbsp;d’apprentissages&amp;#8239;!&lt;/p&gt;
  411. &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/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  412. </entry>
  413. <entry xml:lang="fr">
  414. <title type="html">Jour&amp;nbsp;1</title>
  415. <link href="https://larlet.fr/david/2024/02/24/" rel="alternate" type="text/html" />
  416. <updated>2024-02-24T12:00:00+01:00</updated>
  417. <id>https://larlet.fr/david/2024/02/24/</id>
  418. <summary type="html">
  419. &lt;p&gt;Arrivée en fin de matinée. La voiture affiche -12°C et je sais que je ne vais probablement pas avoir plus ces 30&amp;nbsp;prochaines heures dans la forêt. Depuis que j’ai appris la connaissance de la Grande Boucle de la forêt de Ouareau, j’ai eu envie de la faire, à mon rythme, avec une nuit à l’autre bout du parc. Ma pulka est énorme, ils annoncent une nuit fraîche et avec du vent. Je me lance dans la première descente alors que la neige est dure comme de la roche. J’apprends à mes dépens que les écailles des skis ne sont pas adaptées lorsque je repars en arrière à la première montée. Première chute, ça commence&amp;nbsp;bien.&lt;/p&gt;
  420. &lt;p&gt;Avec les demi-peaux, ça passe déjà mieux mais ça demande de beaucoup forcer sur les bras. Les quelques personnes que je croise en skis de fond n’en mènent pas large non plus, les conditions sont atroces quel que soit l’équipement on dirait. Certains choisissent de tirer 40&amp;#8239;kg en plus pour le fun. Après quelques heures, j’arrive enfin au lac tant espéré, le soleil me gratifie de ses derniers rayons pour monter le camp et préparer de quoi me réchauffer pour la&amp;nbsp;soirée.&lt;/p&gt;
  421. &lt;figure&gt;
  422. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg&quot;
  423. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  424. &lt;img
  425. src=&quot;https://larlet.fr/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg&quot;
  426. width=&quot;4032&quot; height=&quot;3024&quot;
  427. srcset=&quot;/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg 4032w, /static/david/2024/2024-02-24-pulka-lac-boeuf_660x440.jpg 660w, /static/david/2024/2024-02-24-pulka-lac-boeuf_990x660.jpg 990w, /static/david/2024/2024-02-24-pulka-lac-boeuf_1320x880.jpg 1320w&quot;
  428. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  429. loading=&quot;lazy&quot;
  430. decoding=&quot;async&quot;
  431. alt=&quot;La pulka devant le lac bœuf.&quot;&gt;
  432. &lt;/a&gt;
  433. &lt;figcaption&gt;La joie d’arriver au lieu de campement avec mes deux&amp;nbsp;chevilles.&lt;/figcaption&gt;
  434. &lt;/figure&gt;
  435. &lt;p&gt;Il fait déjà -16°C et j’ai choisi de prendre une tente cette fois-ci par crainte du vent annoncé mais il n’y a pas de soucis à se faire pour l’instant. C’est même très agréable s’il n’y avait pas le ronron des motoneiges dans le lointain qui vient casser un peu l’ambiance. Le son porte très loin en&amp;nbsp;hiver.&lt;/p&gt;
  436. &lt;p&gt;Je suis pas mal déshydraté mais j’essaye de gérer stratégiquement cela, je sais qu’il va falloir passer le plus longtemps possible dans le duvet. Les courbatures attendront. Je passe une bonne soirée au coin du feu car il y a finalement très peu de vent et la voûte céleste est superbe par ces températures. J’aurais bien dormi à la belle&amp;nbsp;étoile.&lt;/p&gt;
  437. &lt;figure&gt;
  438. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-24-tente-ouverte.jpg&quot;
  439. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  440. &lt;img
  441. src=&quot;https://larlet.fr/static/david/2024/2024-02-24-tente-ouverte.jpg&quot;
  442. width=&quot;4032&quot; height=&quot;3024&quot;
  443. srcset=&quot;/static/david/2024/2024-02-24-tente-ouverte.jpg 4032w, /static/david/2024/2024-02-24-tente-ouverte_660x440.jpg 660w, /static/david/2024/2024-02-24-tente-ouverte_990x660.jpg 990w, /static/david/2024/2024-02-24-tente-ouverte_1320x880.jpg 1320w&quot;
  444. sizes=&quot;min(100vw, calc(100vh * 4032 / 3024))&quot;
  445. loading=&quot;lazy&quot;
  446. decoding=&quot;async&quot;
  447. alt=&quot;Une tente ouverte avec un duvet à l’intérieur.&quot;&gt;
  448. &lt;/a&gt;
  449. &lt;figcaption&gt;Chambre avec&amp;nbsp;vue.&lt;/figcaption&gt;
  450. &lt;/figure&gt;
  451. &lt;p&gt;Je suis bien content d’avoir pris mon plus gros duvet car j’apprends que le thermomètre de ma montre s’arrête de fonctionner à partir de -20°C. Et il n’est que 7&amp;#8239;h du soir. Le passage du foyer au duvet est toujours un moment assez critique. Je découvre que les chaufferettes permettent de récupérer des pieds gelés plus rapidement (j’avais fait l’erreur de ne prendre que des bouteilles isotherme). Je prends soin de donner une forme enfilable à mes chaussures avec la bonne position des lacets qui vont geler&amp;nbsp;aussi.&lt;/p&gt;
  452. &lt;p&gt;Je m’endors en écoutant le silence, seulement brisé par les arbres qui craquent de froid. L’hiver tire ses dernières balles et certains resteront couchés&amp;nbsp;demain.&lt;/p&gt;
  453. &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/foret/&quot;&gt;#forêt&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>
  454. </entry>
  455. <entry xml:lang="fr">
  456. <title type="html">Préparatifs</title>
  457. <link href="https://larlet.fr/david/2024/02/23/" rel="alternate" type="text/html" />
  458. <updated>2024-02-23T12:00:00+01:00</updated>
  459. <id>https://larlet.fr/david/2024/02/23/</id>
  460. <summary type="html">
  461. &lt;p&gt;J’admire les personnes qui arrivent à prendre une photo de leur sac de manière éclatée avant de partir. J’ai toujours pas mal de choses à rajouter au dernier moment, j’essaye au moins d’avoir les basiques de façon&amp;nbsp;certaine.&lt;/p&gt;
  462. &lt;hr /&gt;
  463. &lt;blockquote lang=&quot;en&quot;&gt;
  464. &lt;p&gt;A utopia for web that I can envision would have &lt;mark&gt;rich component creation&lt;/mark&gt; and manipulation capabilities in built as a part of spec and browsers implementing them. Hence, we won’t have to include any of the heavy third party libraries which will give faster load times to the users by saving the download costs by a huge&amp;nbsp;amounts.&lt;/p&gt;
  465. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e&quot;&gt;Generating Config driven Dynamic Forms using Web&amp;nbsp;Components&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  466. &lt;/blockquote&gt;
  467. &lt;p&gt;Aujourd’hui, j’ai exploré les façons de faire des formulaires en assemblant des &lt;em&gt;Web Components&lt;/em&gt;. Cet article de 2019&amp;nbsp;donne un bon aperçu de ce qu’il est possible de faire. Il y a aussi &lt;a href=&quot;https://dev.to/stuffbreaker/custom-forms-with-web-components-and-elementinternals-4jaj&quot;&gt;cet autre article&lt;/a&gt; qui m’a permis de découvrir &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals&quot;&gt;ElementInternals&lt;/a&gt;. Des frameworks comme Shoelace &lt;a href=&quot;https://shoelace.style/getting-started/form-controls&quot;&gt;pourraient être inspirants&lt;/a&gt; dans le&amp;nbsp;domaine.&lt;/p&gt;
  468. &lt;hr /&gt;
  469. &lt;blockquote lang=&quot;en&quot;&gt;
  470. &lt;p&gt;RH uses GNOME 3. Ubuntu used Unity, alienated a lot of people who only knew how to use Windows-like desktops, and that made Mint a huge success. GNOME 2&amp;nbsp;got forked as MATE, and Mint adopted it, helping a lot. Mint also built its own fork of GNOME 3, Cinnamon. Formerly tiny niche desktops like Xfce and LXDE got a &lt;em&gt;huge&lt;/em&gt; boost. Debian adopted GNOME 3&amp;nbsp;and systemd, annoying lots of its developers and causing the Devuan fork to&amp;nbsp;happen.&lt;/p&gt;
  471. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://liam-on-linux.dreamwidth.org/85359.html&quot;&gt;Everyone seems to forget why GNOME and GNOME 3&amp;nbsp;and Unity&amp;nbsp;happened&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  472. &lt;/blockquote&gt;
  473. &lt;p&gt;Fascinante&amp;nbsp;histoire.&lt;/p&gt;
  474. &lt;hr /&gt;
  475. &lt;blockquote lang=&quot;en&quot;&gt;
  476. &lt;p&gt;As of version 2.1.0&amp;nbsp;this project will split into Plausible Community Edition and Plausible Enterprise Edition. The Community Edition (CE) will remain completely open source under the AGPLv3 license. The Enterprise Edition (EE) will contain extra features that will be published as source-available on Github, but we do not grant rights for anyone else to use, distribute or otherwise exploit these&amp;nbsp;features.&lt;/p&gt;
  477. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/plausible/analytics/releases/tag/v2.1.0-rc.0&quot;&gt;Release notes de Plausible&amp;nbsp;2.1.0&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  478. &lt;/blockquote&gt;
  479. &lt;p&gt;Des &lt;a href=&quot;https://plausible.io/blog/community-edition&quot;&gt;raisons un peu plus détaillées&lt;/a&gt; ayant motivé ce&amp;nbsp;choix.&lt;/p&gt;
  480. &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/processus/&quot;&gt;#processus&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>
  481. </entry>
  482. <entry xml:lang="fr">
  483. <title type="html">Responsabilité</title>
  484. <link href="https://larlet.fr/david/2024/02/22/" rel="alternate" type="text/html" />
  485. <updated>2024-02-22T12:00:00+01:00</updated>
  486. <id>https://larlet.fr/david/2024/02/22/</id>
  487. <summary type="html">
  488. &lt;blockquote&gt;
  489. &lt;p&gt;Il n’y a pas vraiment de conclusion à tout ça. Nous avons été témoins, par le petit bout de la lorgnette, du tout début de cette histoire&amp;#8239;; nous avons imaginé un instant &lt;mark&gt;avoir l’opportunité, ou le devoir,&lt;/mark&gt; d’y faire quelque chose. Finalement, nous n’avons jamais vraiment donné notre&amp;nbsp;avis.&amp;nbsp;🤷&lt;/p&gt;
  490. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.codeursenliberte.fr/blog/tous_anti_covid/&quot;&gt;TousAntiCovid&amp;nbsp;: vu depuis Codeureuses en&amp;nbsp;Liberté&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  491. &lt;/blockquote&gt;
  492. &lt;p&gt;Je me souviens vaguement de certaines discussions à ce sujet. D’un côté l’orgueil de penser que l’on pouvait faire mieux, de l’autre la culpabilité de pouvoir être associé à un tel projet. Et au milieu, une épidémie et le sentiment de pouvoir faire des choses avec nos compétences et notre position au sein de l’État français. Un mois plus tard, je m’embarquais dans &lt;a href=&quot;https://larlet.fr/david/2020/05/26/&quot;&gt;une autre aventure&lt;/a&gt;, plus proche de mon&amp;nbsp;style.&lt;/p&gt;
  493. &lt;p&gt;Deux années, 23&amp;nbsp;millions de visiteur·euses uniques et 60&amp;nbsp;millions de pages vues plus tard, j’ai l’impression d’avoir été utile à mon échelle. Merci à la D&lt;a href=&quot;https://ronan.amicel.net/&quot;&gt;R&lt;/a&gt;&lt;a href=&quot;https://www.ut7.fr/&quot;&gt;R&lt;/a&gt;u&lt;a href=&quot;https://www.maiwann.net/&quot;&gt;M&lt;/a&gt;&lt;a href=&quot;https://fr.linkedin.com/in/m%C3%A9lodiedahi&quot;&gt;M&lt;/a&gt; team pour cette&amp;nbsp;période.&lt;/p&gt;
  494. &lt;hr /&gt;
  495. &lt;blockquote lang=&quot;en&quot;&gt;
  496. &lt;p&gt;A custom element implementation of the Stack is provided for&amp;nbsp;download.&lt;/p&gt;
  497. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://every-layout.dev/layouts/stack/#the-component&quot;&gt;The Stack: Every&amp;nbsp;Layout&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  498. &lt;/blockquote&gt;
  499. &lt;p&gt;Utiliser des &lt;em&gt;Web Components&lt;/em&gt; pour appliquer un style, je n’y avais pas encore&amp;nbsp;songé.&lt;/p&gt;
  500. &lt;hr /&gt;
  501. &lt;p&gt;Hier soir, j’ai regardé &lt;a href=&quot;https://en.wikipedia.org/wiki/The_Deepest_Breath&quot;&gt;The Deepest Breath&lt;/a&gt;. J’ai mal dormi. D’autant que, plus tôt dans la journée, on m’avait transmis &lt;a href=&quot;https://www.youtube.com/watch?v=LFLl9q-bEgk&quot;&gt;ce retour d’expérience&lt;/a&gt;, flippant (et discutable) à plus d’un&amp;nbsp;titre.&lt;/p&gt;
  502. &lt;p&gt;La récupération de ma cheville suit son cours, ça va être long, il manque du muscle. Je me sens suffisamment en confiance pour tenter une sortie hivernale en camping cette fin de semaine, on va voir ce que ça donne. Il va faire &lt;q lang=&quot;fr_CA&quot;&gt;frête&lt;/q&gt; et ça laisse peu de place aux&amp;nbsp;incapacités…&lt;/p&gt;
  503. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&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>
  504. </entry>
  505. <entry xml:lang="fr">
  506. <title type="html">Cinéma</title>
  507. <link href="https://larlet.fr/david/2024/02/21/" rel="alternate" type="text/html" />
  508. <updated>2024-02-21T12:00:00+01:00</updated>
  509. <id>https://larlet.fr/david/2024/02/21/</id>
  510. <summary type="html">
  511. &lt;blockquote lang=&quot;en&quot;&gt;
  512. &lt;p&gt;Software is a creative industry with more in common with media production industries than&amp;nbsp;housebuilding.&lt;/p&gt;
  513. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2024/software-is-a-medium-of-setbacks/&quot;&gt;Software is a medium of setbacks, but a medium’s limitations don’t define the&amp;nbsp;artist&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  514. &lt;/blockquote&gt;
  515. &lt;p&gt;Pour filer la métaphore, je me demande si les assistants à base de &lt;a href=&quot;https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/26570880/grand-modele-de-langage&quot;&gt;grands modèles de langage&lt;/a&gt; seraient l’équivalent des environnements verts dans lesquels évoluent les acteur·ices aujourd’hui. Leur métier a changé avec la technologie, leur jeu a dû s’adapter pour transmettre des émotions dans un contexte où iels ne maîtrisent plus du tout la chaîne de représentation de leur travail. J’imagine que même la vérification de leur prise nécessite une bonne dose&amp;nbsp;d’imaginaire.&lt;/p&gt;
  516. &lt;p&gt;Quel est leur sentiment à la fin d’une journée de tournage&amp;#8239;? Quel sera le&amp;nbsp;mien&amp;#8239;?&lt;/p&gt;
  517. &lt;blockquote lang=&quot;en&quot;&gt;
  518. &lt;p&gt;Dear Mr. Architect!&lt;/p&gt;
  519. &lt;p&gt;Please design and build me a house. I am not quite sure of what I need, so you should use your discretion. My house should have between two and forty-five bedrooms. Just make sure the plans are such that the bedrooms can be easily added or deleted. When you bring the blueprints to me, I will make the final decision of what I want. Also, bring me the cost breakdown for each configuration so that I can arbitrarily pick&amp;nbsp;one.&lt;/p&gt;
  520. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;http://www.gksoft.com/a/fun/architects.html&quot;&gt;If Architects had to work like Programmers&lt;/a&gt;&lt;/em&gt;, 1995&lt;/cite&gt;&lt;/p&gt;
  521. &lt;/blockquote&gt;
  522. &lt;hr /&gt;
  523. &lt;blockquote&gt;
  524. &lt;p&gt;Fracas est un collectif queer et féministe d’aide à la gestion de conflits interpersonnels, de violences et d’agressions au sein de&amp;nbsp;collectifs.&lt;/p&gt;
  525. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.collectif-fracas.com/&quot;&gt;Fracas, collectif queer et féministe d’aide à la gestion de&amp;nbsp;conflits&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  526. &lt;/blockquote&gt;
  527. &lt;p&gt;Si peu de temps et tellement à&amp;nbsp;explorer.&lt;/p&gt;
  528. &lt;p&gt;(&lt;a href=&quot;https://cqfd-journal.org/Se-reapproprier-nos-conflits&quot;&gt;Via CQFD&lt;/a&gt; qui arrive à ne faire aucun lien vers le site en question, ça me rend&amp;nbsp;fou…)&lt;/p&gt;
  529. &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/ia/&quot;&gt;#IA&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>
  530. </entry>
  531. <entry xml:lang="fr">
  532. <title type="html">Véhicule</title>
  533. <link href="https://larlet.fr/david/2024/02/20/" rel="alternate" type="text/html" />
  534. <updated>2024-02-20T12:00:00+01:00</updated>
  535. <id>https://larlet.fr/david/2024/02/20/</id>
  536. <summary type="html">
  537. &lt;blockquote&gt;
  538. &lt;p&gt;John Burroughs est d’avis que l’étude expérimentale des animaux en captivité est totalement futile. Leur caractère, leurs habitudes, leur appétit changent complètement lorsqu’ils sont arrachés à leur habitat naturel. Comment pourrions-nous donc envisager les potentialités de la nature humaine alors qu’elle est confinée dans un espace restreint et contrainte quotidiennement à la&amp;nbsp;soumission&amp;#8239;?&lt;/p&gt;
  539. &lt;p&gt;Seuls la liberté, l’épanouissement, la chance et, par-dessous tout, la paix et la sérénité peuvent nous renseigner sur les véritables facteurs dominants de la nature humaine et toutes ses merveilleuses&amp;nbsp;possibilités.&lt;/p&gt;
  540. &lt;p&gt;L’anarchisme représente donc essentiellement la libération de l’esprit de la domination religieuse&amp;#8239;; la libération du corps du joug de la propriété&amp;#8239;; la libération de l’individu des entraves et des restrictions du gouvernement. L’anarchisme représente un ordre social fondé sur &lt;mark&gt;le regroupement volontaire des individus en vue de produire une véritable richesse sociale&lt;/mark&gt;&amp;#8239;; un ordre qui garantira à tout être humain le libre accès à la terre et la pleine jouissance des nécessités de la vie, selon les désirs, les goûts et les inclinations de&amp;nbsp;chacun.&lt;/p&gt;
  541. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ce que l’anarchisme représente vraiment&lt;/em&gt;, Emma Goldman, 1911&lt;/cite&gt;&lt;/p&gt;
  542. &lt;/blockquote&gt;
  543. &lt;p&gt;L’exercice Scopyleft du jour était d’imaginer et de partager le véhicule que représente la coopérative pour chacun·e d’entre nous aujourd’hui. J’ai été agréablement surpris que nous proposions tou·tes quelque chose de différent. Les questions n’ont pas besoin d’être très élaborées pour apporter des éclairages personnels sur une même&amp;nbsp;situation.&lt;/p&gt;
  544. &lt;hr /&gt;
  545. &lt;blockquote lang=&quot;en&quot;&gt;
  546. &lt;p&gt;Your AI-free Content Deserves a&amp;nbsp;Badge&lt;/p&gt;
  547. &lt;p&gt;Artificial Intelligence (AI) is trained using human-created content. If humans stop producing new content and rely solely on AI, online content across the world may become repetitive and&amp;nbsp;stagnant.&lt;/p&gt;
  548. &lt;p&gt;If your content is not AI-generated, add the badge to your work, with&amp;nbsp;pride.&lt;/p&gt;
  549. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notbyai.fyi/&quot;&gt;not by&amp;nbsp;AI&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  550. &lt;/blockquote&gt;
  551. &lt;p&gt;De &lt;a href=&quot;https://larlet.fr/david/2024/02/19/#hr-80&quot;&gt;même qu’hier&lt;/a&gt;, je m’interroge beaucoup sur le notion de plagIAt. Je copie-colle des citations, j’explore des idées déjà connues, je crée un &lt;em&gt;patchwork&lt;/em&gt; quotidien, quelle différence avec un algorithme suffisamment bien&amp;nbsp;nourri&amp;#8239;?&lt;/p&gt;
  552. &lt;hr /&gt;
  553. &lt;blockquote&gt;
  554. &lt;p&gt;Depuis plus de dix ans, l’Ouvre-Boîtes a mis en place les prêts Coopitalistes. Le principe est simple&amp;nbsp;: des citoyennes et citoyens ou associations investissent de l’argent à l’Ouvre-Boîtes pour sept&amp;nbsp;ans.&lt;/p&gt;
  555. &lt;p&gt;En captant cette épargne solidaire, &lt;mark&gt;la coopérative se créée une banque interne&lt;/mark&gt; qui finance des projets&amp;nbsp;comme&amp;nbsp;:&lt;/p&gt;
  556. &lt;ul&gt;
  557. &lt;li&gt;Des projets collectifs&amp;nbsp;: travaux pour aménager un lieu à disposition des entrepreneur·es (le Grand&amp;nbsp;Bain),&lt;/li&gt;
  558. &lt;li&gt;Des investissements pour des entrepreneur·es qui en ont besoin pour lancer leur activité&amp;nbsp;: vélos, voiture, appareil photos, ordinateurs, outils de&amp;nbsp;jardinage…&lt;/li&gt;
  559. &lt;li&gt;Des besoins exceptionnels de&amp;nbsp;trésorerie&lt;/li&gt;
  560. &lt;/ul&gt;
  561. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.ouvre-boites.coop/les-coopitalistes&quot;&gt;Les&amp;nbsp;Coopitalistes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  562. &lt;/blockquote&gt;
  563. &lt;p&gt;Les alternatives existent, elles sont moins faciles à trouver mais elles existent. Et elles&amp;nbsp;inspirent.&lt;/p&gt;
  564. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/echanges/&quot;&gt;#échanges&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&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>
  565. </entry>
  566. <entry xml:lang="fr">
  567. <title type="html">Injection</title>
  568. <link href="https://larlet.fr/david/2024/02/19/" rel="alternate" type="text/html" />
  569. <updated>2024-02-19T12:00:00+01:00</updated>
  570. <id>https://larlet.fr/david/2024/02/19/</id>
  571. <summary type="html">
  572. &lt;blockquote lang=&quot;en&quot;&gt;
  573. &lt;p&gt;It’s fun to think of &lt;mark&gt;other possible uses…&lt;/mark&gt; Perhaps you could pull in HTML modules along with their relevant CSS link. Or embed a tweet or code examples in documentation or a blog post. It could probably even be used to load and apply a regular &lt;code&gt;rel=stylesheet&lt;/code&gt; link asynchronously, and at a low priority, which is otherwise surprisingly hard to do (note: I didn’t test this idea much to say for&amp;nbsp;sure).&lt;/p&gt;
  574. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.filamentgroup.com/lab/html-includes/&quot;&gt;HTML Includes That Work&amp;nbsp;Today&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  575. &lt;/blockquote&gt;
  576. &lt;p&gt;J’ai cette page ouverte dans un onglet depuis littéralement des années. C’est &lt;a href=&quot;https://blog.notmyidea.org/&quot;&gt;Alexis&lt;/a&gt; qui me l’a rappelé en partageant &lt;a href=&quot;https://leanrada.com/htmz/&quot;&gt;htmz&lt;/a&gt; aujourd’hui qui va un tout petit peu plus&amp;nbsp;loin.&lt;/p&gt;
  577. &lt;p&gt;Voilà le code en&amp;nbsp;question&amp;nbsp;:&lt;/p&gt;
  578. &lt;pre&gt;&lt;code&gt;&amp;lt;iframe
  579. src=&amp;quot;/static/david/2024/test-injection.html&amp;quot;
  580. onload=&amp;quot;
  581. this.before(
  582. (
  583. this.contentDocument.body||this.contentDocument
  584. ).children[0]
  585. );
  586. this.remove()
  587. &amp;quot;
  588. hidden&amp;gt;
  589. &amp;lt;/iframe&amp;gt;
  590. &lt;/code&gt;&lt;/pre&gt;
  591. &lt;p&gt;En résumé, on prend le code l’&lt;code&gt;iframe&lt;/code&gt; et on l’injecte au chargement dans le document en cours. Voici un exemple (pas sûr que ça fonctionne depuis un&amp;nbsp;agrégateur…)&amp;nbsp;:&lt;/p&gt;
  592. &lt;iframe src=&quot;https://larlet.fr/static/david/2024/test-injection.html&quot; onload=&quot;this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()&quot; hidden&gt;&lt;/iframe&gt;
  593. &lt;p&gt;J’ai ajouté l’attribut &lt;code&gt;hidden&lt;/code&gt; à la proposition initiale pour éviter le flash. Si vous inspectez le code, vous constatez que le paragraphe précédent tout à fait classique alors qu’il s’agissait d’une &lt;code&gt;iframe&lt;/code&gt; (sauf si vous avez une extension qui bloque les &lt;code&gt;iframe&lt;/code&gt; bien sûr). Jusque là c’est &lt;a href=&quot;https://css-tricks.com/the-simplest-ways-to-handle-html-includes/&quot;&gt;une forme d’inclusion&lt;/a&gt; mais rien de bien&amp;nbsp;utile.&lt;/p&gt;
  594. &lt;p&gt;Ce qui devient un peu plus fou serait de pouvoir injecter un &lt;em&gt;Web Component&lt;/em&gt; de cette façon&amp;#8239;! Le problème étant que le &lt;code&gt;this.remove()&lt;/code&gt; est exécuté avant le chargement du script de l’&lt;code&gt;iframe&lt;/code&gt;… et si on le retire on conserve cet élément &lt;code&gt;hidden&lt;/code&gt; dans le document. Ce n’est pas critique mais ce n’est pas très élégant non plus, d’autant que cela signifie que le composant est défini et instancié deux&amp;nbsp;fois.&lt;/p&gt;
  595. &lt;style&gt;para-graph { background: paleturquoise; color: black; }&lt;/style&gt;
  596. &lt;iframe src=&quot;https://larlet.fr/static/david/2024/test-injection-web-component.html&quot; onload= &quot;this.before((this.contentDocument.body||this.contentDocument).children[0]);this.before(this.contentDocument.scripts[0])&quot; hidden&gt;&lt;/iframe&gt;
  597. &lt;p&gt;Il y a probablement des choses qui m’échappent mais il se fait&amp;nbsp;tard.&lt;/p&gt;
  598. &lt;p&gt;&lt;em&gt;To be&amp;nbsp;continued…&lt;/em&gt;&lt;/p&gt;
  599. &lt;hr /&gt;
  600. &lt;p&gt;Découvertes du jour&amp;nbsp;: &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base&quot;&gt;&lt;code&gt;&amp;lt;base&amp;gt;&lt;/code&gt;&lt;/a&gt; et &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis&quot;&gt;globalThis&lt;/a&gt;.&lt;/p&gt;
  601. &lt;p&gt;Aussi, il n’est &lt;a href=&quot;https://github.com/django/django/commit/b7f500396e05cd1f0bb8901fce16e2d8393d2779&quot;&gt;pas forcément indiqué&lt;/a&gt; de générer une &lt;code&gt;SECRET_KEY&lt;/code&gt; avec Django, il vaut mieux le faire en Python&amp;nbsp;directement&amp;nbsp;:&lt;/p&gt;
  602. &lt;pre&gt;&lt;code&gt;[depuis un shell]
  603. $ python3 -c &#x27;import secrets; print(secrets.token_hex(100))&#x27;
  604. &lt;/code&gt;&lt;/pre&gt;
  605. &lt;hr /&gt;
  606. &lt;blockquote lang=&quot;en&quot;&gt;
  607. &lt;p&gt;So, what’s the fun of writing on the internet anymore? Well, if your aim is to be respected as an author, there’s probably not much fun to be had here at all. Don’t write online for fame and glory. Oblivion, obscurity and exploitation are all but guaranteed. Write here because &lt;em&gt;ideas&lt;/em&gt; matter, not authorship. Write here because the more robots, pirates, and single-minded trolls swallow up cyberspace, &lt;mark&gt;the more we need independent writing in order to think new thoughts in the future&lt;/mark&gt; — even if your words are getting dished up and plated by an&amp;nbsp;algorithm.&lt;/p&gt;
  608. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jamesshelley.com/blog/writing-on-the-internet.html&quot;&gt;What’s the fun in writing on the internet&amp;nbsp;anymore?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  609. &lt;/blockquote&gt;
  610. &lt;p&gt;Rester (et alimenter la machine) ou quitter (et laisser l’espace à la&amp;nbsp;machine).&lt;/p&gt;
  611. &lt;p&gt;Je n’aime pas beaucoup la &lt;a href=&quot;https://maggieappleton.com/ai-dark-forest&quot;&gt;métaphore de la forêt noire&lt;/a&gt; ces temps-ci car j’apprécie un peu trop les forêts pour ça. J’aurais davantage l’impression de faire partie d’une haie alors qu’il y a beaucoup de monoculture aux alentours. Avec les double sens que cette méta·phore&amp;nbsp;implique.&lt;/p&gt;
  612. &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/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>
  613. </entry>
  614. <entry xml:lang="fr">
  615. <title type="html">In·directions</title>
  616. <link href="https://larlet.fr/david/2024/02/18/" rel="alternate" type="text/html" />
  617. <updated>2024-02-18T12:00:00+01:00</updated>
  618. <id>https://larlet.fr/david/2024/02/18/</id>
  619. <summary type="html">
  620. &lt;blockquote lang=&quot;en&quot;&gt;
  621. &lt;p&gt;Any time you have a design that references the same value across multiple pieces of UI, I’d suggest that is an opportunity for &lt;mark&gt;abstracting&lt;/mark&gt; that value into a name that better describes the intention of the value in the&amp;nbsp;design.&lt;/p&gt;
  622. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jwdallas.com/posts/namingcssvariables/&quot;&gt;Naming Variables In&amp;nbsp;CSS&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  623. &lt;/blockquote&gt;
  624. &lt;p&gt;Je me demande souvent quel est le bon niveau hiérarchique au sein des CSS modernes. L’approche constatée actuelle semble être de mettre des variables par couleur (par exemple) puis ensuite définir des variables intermédiaires pour leur donner un sens pour un contexte&amp;nbsp;donné.&lt;/p&gt;
  625. &lt;pre&gt;&lt;code&gt;:root {
  626. --umap-color-darkBlue: #263B58;
  627. }
  628. button {
  629. --color-primary: var(--umap-color-darkBlue);
  630. }
  631. button.primary {
  632. background-color: var(--color-primary);
  633. }
  634. &lt;/code&gt;&lt;/pre&gt;
  635. &lt;p&gt;Il s’agit ici de partir d’un exemple simpliste mais concret. J’imagine qu’il y a autant de dévelopeur·euse que de façon d’écrire ces 3&amp;nbsp;seules déclarations&amp;nbsp;:). Pourquoi &lt;code&gt;:root&lt;/code&gt; et pas &lt;code&gt;html&lt;/code&gt;&amp;#8239;? Est-ce qu’il faut définir les couleurs primaires sur le &lt;code&gt;button&lt;/code&gt; ou sur &lt;code&gt;form, nav&lt;/code&gt;&amp;#8239;? Ou faire sauter cet intermédiaire&amp;#8239;? Est-ce qu’il faut &lt;code&gt;button.primary&lt;/code&gt;, &lt;code&gt;.primary&lt;/code&gt;, &lt;code&gt;.button-primary&lt;/code&gt;, &lt;code&gt;.button.button-primary&lt;/code&gt;&amp;#8239;? Etc, etc.&lt;/p&gt;
  636. &lt;p&gt;Et je ne mentionne même pas les solutions à partir de &lt;code&gt;:host&lt;/code&gt; / &lt;code&gt;:host-context()&lt;/code&gt; ou &lt;code&gt;:scope&lt;/code&gt; qui sont encore d’autres façons de faire qui sont peut-être amenées à devenir&amp;nbsp;populaires.&lt;/p&gt;
  637. &lt;p&gt;Venant d’un langage dont l’&lt;a href=&quot;https://en.wikipedia.org/wiki/Zen_of_Python&quot;&gt;un des mantras&lt;/a&gt; est &lt;q lang=&quot;en&quot;&gt;There should be one-- and preferably only one --obvious way to do it.&lt;/q&gt;, il est plus difficile de se retrouver devant une telle… flexibilité&amp;#8239;? Lorsqu’on envisage un commun sur ces 10&amp;nbsp;prochaines années, comment trouver une stratégie maintenable qui s’inscrira dans la durée avec&amp;nbsp;enthousiasme&amp;#8239;?&lt;/p&gt;
  638. &lt;p&gt;Ce qui est certain, c’est que l’approche de Tailwind ne me convient pas du&amp;nbsp;tout.&lt;/p&gt;
  639. &lt;blockquote lang=&quot;en&quot;&gt;
  640. &lt;p&gt;To keep up with the ever-evolving CSS standard Tailwind introduced another set of language literals. Over the years Tailwind has grown from a simple set of atoms to a &lt;mark&gt;vendor-specific&lt;/mark&gt; language with expressions, operators, and method&amp;nbsp;calls.&lt;/p&gt;
  641. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://nuejs.org/blog/tailwind-misinformation-engine/&quot;&gt;Tailwind marketing and misinformation&amp;nbsp;engine&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  642. &lt;/blockquote&gt;
  643. &lt;hr /&gt;
  644. &lt;blockquote lang=&quot;en&quot;&gt;
  645. &lt;p&gt;&lt;em&gt;File over app&lt;/em&gt; is a philosophy: if you want to create digital artifacts that last, they must be files you can control, in formats that are easy to retrieve and read. &lt;mark&gt;Use tools that give you this&amp;nbsp;freedom.&lt;/mark&gt;&lt;/p&gt;
  646. &lt;p&gt;&lt;em&gt;File over app&lt;/em&gt; is an appeal to tool makers: accept that all software is ephemeral, and give people ownership over their&amp;nbsp;data.&lt;/p&gt;
  647. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://stephango.com/file-over-app&quot;&gt;File over app - Steph&amp;nbsp;Ango&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  648. &lt;/blockquote&gt;
  649. &lt;hr /&gt;
  650. &lt;blockquote lang=&quot;en&quot;&gt;
  651. &lt;p&gt;Learn about the systems that already exist, and build on them rather than around them. If an existing system doesn’t do what you want, maybe the problem is in the design of your system, not that&amp;nbsp;one.&lt;/p&gt;
  652. &lt;p&gt;If you do build a new component, make sure it’s of general utility. Don’t build infrastructure that solves only the problems of your own&amp;nbsp;team.&lt;/p&gt;
  653. &lt;p&gt;It’s easy to build complexity. In the rush to launch, it’s quicker and easier to code than to redesign. &lt;mark&gt;But the costs accumulate and you lose in the long&amp;nbsp;run.&lt;/mark&gt;&lt;/p&gt;
  654. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://commandcenter.blogspot.com/2023/12/simplicity.html&quot;&gt;command center: Simplicity&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  655. &lt;/blockquote&gt;
  656. &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/dependance/&quot;&gt;#dépendance&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>
  657. </entry>
  658. <entry xml:lang="fr">
  659. <title type="html">Quotidien</title>
  660. <link href="https://larlet.fr/david/2024/02/17/" rel="alternate" type="text/html" />
  661. <updated>2024-02-17T12:00:00+01:00</updated>
  662. <id>https://larlet.fr/david/2024/02/17/</id>
  663. <summary type="html">
  664. &lt;p&gt;S’il y a une chose qui a changé depuis que j’ai repris une écriture quotidienne c’est de ne presque plus regarder de films /&amp;nbsp;séries.&lt;/p&gt;
  665. &lt;p&gt;Vu la qualité des vidéos que &lt;q lang=&quot;fr_ca&quot;&gt;j’écoutais&lt;/q&gt;, ça n’est vraiment pas une mauvaise&amp;nbsp;chose.&lt;/p&gt;
  666. &lt;hr /&gt;
  667. &lt;p&gt;Outil du jour&amp;nbsp;: &lt;a href=&quot;https://www.whocanuse.com&quot;&gt;who can use&lt;/a&gt;.&lt;/p&gt;
  668. &lt;p&gt;Voir en direct la perception des personnes sous forme de boutons pour des couleurs données permet de lâcher prise et de se concentrer sur la lisibilité. Savoir que seules 68% des personnes ont la capacité à voir ce que je vois (peut-être) donne un autre sens à&amp;nbsp;l’accessibilité.&lt;/p&gt;
  669. &lt;hr /&gt;
  670. &lt;p&gt;Découverte d’un nouveau &lt;a href=&quot;https://montreal.ca/lieux/parc-nature-du-cap-saint-jacques&quot;&gt;terrain de jeu en hiver&lt;/a&gt;.&lt;/p&gt;
  671. &lt;p&gt;Le nombre d’hivers où il sera encore possible de skier à Montréal sont comptés. Il fait probablement partie de la dernière génération à pouvoir le faire. Aujourd’hui, une dizaine de kilomètres à skis-de-fond-de-location-qui-ne-glissent-pas&amp;nbsp;(sic).&lt;/p&gt;
  672. &lt;hr /&gt;
  673. &lt;blockquote lang=&quot;en&quot;&gt;
  674. &lt;p&gt;Most “news” is designed to trick us into giving our fucks to things that don’t deserve them or where they have no&amp;nbsp;value.&lt;/p&gt;
  675. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.patrickrhone.net/the-fucks-and-how-we-give-them-a-manifesto/&quot;&gt;The Fucks and How We Give Them (A&amp;nbsp;Manifesto)&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  676. &lt;/blockquote&gt;
  677. &lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  678. </entry>
  679. <entry xml:lang="fr">
  680. <title type="html">uMap&amp;nbsp;2</title>
  681. <link href="https://larlet.fr/david/2024/02/16/" rel="alternate" type="text/html" />
  682. <updated>2024-02-16T12:00:00+01:00</updated>
  683. <id>https://larlet.fr/david/2024/02/16/</id>
  684. <summary type="html">
  685. &lt;blockquote lang=&quot;en&quot;&gt;
  686. &lt;p&gt;But it’s deeper that that. Open source is &lt;em&gt;good for humanity&lt;/em&gt;. It’s only slightly hyperbolic to say that &lt;mark&gt;open source is one of the most notable collective successes&lt;/mark&gt; of humankind as a species! It’s one of the few places where essentially all of humanity works together on something that benefits everyone. A world without open source would be substantially worse than the world we live&amp;nbsp;in.&lt;/p&gt;
  687. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jacobian.org/2024/feb/16/paying-maintainers-is-good/&quot;&gt;Paying people to work on open source is good&amp;nbsp;actually&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  688. &lt;/blockquote&gt;
  689. &lt;p&gt;J’ai déjà parlé &lt;a href=&quot;https://larlet.fr/david/2024/01/18/&quot;&gt;d’open-source&lt;/a&gt;, de &lt;a href=&quot;https://larlet.fr/david/2024/01/31/&quot;&gt;mécénat&lt;/a&gt;, de &lt;a href=&quot;https://larlet.fr/david/2024/02/09/&quot;&gt;versions&lt;/a&gt;, de &lt;a href=&quot;https://larlet.fr/david/2024/02/15/&quot;&gt;licences&lt;/a&gt;, mais comment se passe une &lt;em&gt;release&lt;/em&gt; de produit&amp;nbsp;open-source&amp;#8239;?&lt;/p&gt;
  690. &lt;p&gt;On commence à avoir affiné et &lt;a href=&quot;https://docs.umap-project.org/en/master/release/&quot;&gt;documenté le processus&lt;/a&gt;, on a &lt;a href=&quot;https://github.com/umap-project/umap-deploy-osmfr&quot;&gt;des scripts dédiés&lt;/a&gt; pour arriver à cela lorsque le moment est venu et nous sommes pour l’instant 2&amp;nbsp;à pouvoir faire cela de bout en bout avec &lt;a href=&quot;https://yohanboniface.me/&quot;&gt;Yohan&lt;/a&gt;. C’est peu mais c’est aussi +100% par rapport à l’année&amp;nbsp;dernière…&lt;/p&gt;
  691. &lt;p&gt;Nous n’étions pas très loin de repousser encore une fois la version&amp;nbsp;2&amp;nbsp;car il y avait un dernier changement majeur à faire passer. Tiraillés, nous avons repoussé cela à une version&amp;nbsp;3&amp;nbsp;quitte à ce qu’elle arrive prochainement. Franchir cette barrière psychologique était important pour la suite. Le faire en visio de bout en bout (comme une bonne partie de nos interactions sur le produit) était enthousiasmant. En bonus, c’était un vendredi&amp;nbsp;après-midi.&lt;/p&gt;
  692. &lt;p&gt;Voilà donc &lt;a href=&quot;https://docs.umap-project.org/en/master/changelog/#200-2024-02-16&quot;&gt;un &lt;em&gt;changelog&lt;/em&gt;&lt;/a&gt; déjà bien chargé. Nous nous sommes rendu compte au cours du processus que le versionnement était davantage pertinent pour les mainteneur·euses que pour les utilisateur·ices. Les fonctionnalités sont ajoutées au compte-goutte mais il faut prévenir les personnes qui vont mettre à jour l’outil de ce qui pourrait coincer lors du déploiement. Certains changements ont été volontaires (modules ESM =&amp;gt; support navigateurs), d’autres contraints (fin du support de l’authification OpenStreetMap OAuth1), d’autres subis (Django&amp;nbsp;5 =&amp;gt; Python 3.10). Un beau&amp;nbsp;mélange.&lt;/p&gt;
  693. &lt;p&gt;Je ne vais rien annoncer pour une version&amp;nbsp;3&amp;nbsp;car ce serait ajouter une pression inutile et même si on a des intuitions tout est loin d’être priorisé. Dans mes motivations &lt;em&gt;personnelles&lt;/em&gt;&amp;nbsp;:&lt;/p&gt;
  694. &lt;ul&gt;
  695. &lt;li&gt;aller vers une amélioration de&amp;nbsp;l’accessibilité&amp;#8239;;&lt;/li&gt;
  696. &lt;li&gt;voir les &lt;a href=&quot;https://blog.notmyidea.org/tag/umap.html&quot;&gt;explorations d’Alexis&lt;/a&gt; prendre&amp;nbsp;forme&amp;#8239;;&lt;/li&gt;
  697. &lt;li&gt;clarifier les lieux de support / documentation en participant&amp;nbsp;davantage.&lt;/li&gt;
  698. &lt;/ul&gt;
  699. &lt;blockquote lang=&quot;en&quot;&gt;
  700. &lt;p&gt;We have to accept the world as it is – even if it’s not the world we want. This means we have to be okay with the idea that maintainers need to be paid. Far too often I see arguments like: “&lt;mark&gt;maintainers shouldn’t be paid by private companies because the government should be supporting them.&lt;/mark&gt;” Sure, this sounds great – but &lt;em&gt;governments aren’t doing this!&lt;/em&gt; So this argument reduces to “open source maintainers shouldn’t be paid”. I can’t get on board with&amp;nbsp;that.&lt;/p&gt;
  701. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  702. &lt;/blockquote&gt;
  703. &lt;p&gt;Étant actuellement payé par l’Agence nationale de la cohésion des territoires pour participer à de l’&lt;em&gt;open-source&lt;/em&gt;, je ne peux qu’approuver cette partie de la citation et être heureux de me trouver là où je suis. Les exceptions existent grâce à une conjonction de volontés, de privilèges et de coups de&amp;nbsp;bol.&lt;/p&gt;
  704. &lt;hr /&gt;
  705. &lt;blockquote lang=&quot;en&quot;&gt;
  706. &lt;p&gt;&lt;a href=&quot;https://github.com/astral-sh/uv&quot;&gt;uv&lt;/a&gt; represents a milestone in our pursuit of a “&lt;a href=&quot;https://blog.rust-lang.org/2016/05/05/cargo-pillars.html#pillars-of-cargo&quot;&gt;Cargo for Python&lt;/a&gt;”: a comprehensive Python project and package manager that’s fast, reliable, and easy to&amp;nbsp;use.&lt;/p&gt;
  707. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://astral.sh/blog/uv&quot;&gt;uv: Python packaging in&amp;nbsp;Rust&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  708. &lt;/blockquote&gt;
  709. &lt;p&gt;Un futur de Python se dessine et j’en apprécie les&amp;nbsp;esquisses.&lt;/p&gt;
  710. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  711. </entry>
  712. <entry xml:lang="fr">
  713. <title type="html">Licence</title>
  714. <link href="https://larlet.fr/david/2024/02/15/" rel="alternate" type="text/html" />
  715. <updated>2024-02-15T12:00:00+01:00</updated>
  716. <id>https://larlet.fr/david/2024/02/15/</id>
  717. <summary type="html">
  718. &lt;blockquote lang=&quot;en&quot;&gt;
  719. &lt;p&gt;Title: WTFPL Submission: http://crynwr.com/cgi-bin/ezmlm-cgi?17:mss:634:200902:aglgcgbhmfcheffmdgon License: http://sam.zoy.org/wtfpl/ Comments: It’s no different from dedication to the public domain. Author has submitted license approval request — author is free to make public domain dedication. Although he agrees with the recommendation, Mr. Michlmayr notes that &lt;mark&gt;public domain doesn’t exist in Europe.&lt;/mark&gt; Recommend: Reject&lt;/p&gt;
  720. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://opensource.org/meeting-minutes/minutes20090304/&quot;&gt;OSI Board Meeting Minutes, Wednesday, March 4, 2009&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  721. &lt;/blockquote&gt;
  722. &lt;p&gt;Nous sommes &lt;a href=&quot;https://github.com/umap-project/umap/pull/1605&quot;&gt;passés&lt;/a&gt; de la licence &lt;a href=&quot;http://www.wtfpl.net/&quot;&gt;WTFPL&lt;/a&gt; à &lt;a href=&quot;https://www.gnu.org/licenses/agpl-3.0.en.html&quot;&gt;AGPLv3&lt;/a&gt; pour uMap à partir de la version&amp;nbsp;2 (à venir). Notamment car elle n’était pas acceptable pour l’&lt;a href=&quot;https://opensource.org/&quot;&gt;OSI&lt;/a&gt; ce qui nous posait des problèmes pour obtenir des financements européen ou pour bénéficier des plans &lt;em&gt;open-source&lt;/em&gt; de services comme &lt;a href=&quot;https://www.browserstack.com/open-source&quot;&gt;BrowserStack&lt;/a&gt;.&lt;/p&gt;
  723. &lt;p&gt;Le seul service qui a accepté la licence WTFPL sans broncher est &lt;a href=&quot;https://sentry.io/for/open-source/&quot;&gt;Sentry&lt;/a&gt;, ceci en un temps&amp;nbsp;record.&lt;/p&gt;
  724. &lt;blockquote lang=&quot;en&quot;&gt;
  725. &lt;p&gt;Simply put, the AGPLv3 is effectively the GPLv3, but with an additional licensing term that ensures that users who interact &lt;mark&gt;over a network&lt;/mark&gt; with modified versions of the program can receive the source code for that&amp;nbsp;program.&lt;/p&gt;
  726. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.fsf.org/bulletin/2021/fall/the-fundamentals-of-the-agplv3&quot;&gt;The fundamentals of the&amp;nbsp;AGPLv3&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  727. &lt;/blockquote&gt;
  728. &lt;hr /&gt;
  729. &lt;blockquote&gt;
  730. &lt;p&gt;La prévalence des drogues chinoises, et synthétiques en général, sur le marché a eu des conséquences au Mexique voisin. Dans une vidéo de fin 2020, The Intercept montre que la baisse drastique de demande en héroïne au profit du fentanyl a des conséquences humaines considérables. «&amp;nbsp;Les cultivateurs de pavot au Mexique doivent se résoudre à migrer pour travailler ou se tourner vers le crime organisé&amp;nbsp;», raconte le média, partageant des témoignages de personnes précaires encore appauvries par la&amp;nbsp;situation.&lt;/p&gt;
  731. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://basta.media/crise-des-opioides-pourquoi-il-ne-faut-ni-oublier-ni-ignorer&quot;&gt;Crise des opioïdes&amp;nbsp;: pourquoi il ne faut ni l’oublier ni&amp;nbsp;l’ignorer&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  732. &lt;/blockquote&gt;
  733. &lt;p&gt;Je n’avais pas encore pris conscience de tous les enjeux socio-économico-géopolitiques de ces nouvelles drogues. Il y a des guerres qui sont moins médiatisées que&amp;nbsp;d’autres.&lt;/p&gt;
  734. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  735. </entry>
  736. <entry xml:lang="fr">
  737. <title type="html">GéoCodage</title>
  738. <link href="https://larlet.fr/david/2024/02/14/" rel="alternate" type="text/html" />
  739. <updated>2024-02-14T12:00:00+01:00</updated>
  740. <id>https://larlet.fr/david/2024/02/14/</id>
  741. <summary type="html">
  742. &lt;p&gt;Dans le cadre de mon travail avec le &lt;a href=&quot;https://labrri.net/&quot;&gt;LABRRI&lt;/a&gt;, j’avais besoin de pouvoir laisser l’utilisateur·ice choisir une localité parmi les villes et arrondissements au Québec. Je me suis dit que c’était une bonne occasion d’explorer les données ouvertes&amp;nbsp;locales.&lt;/p&gt;
  743. &lt;p&gt;Je tombe rapidement sur le &lt;a href=&quot;https://www.donneesquebec.ca/recherche/dataset/repertoire-des-municipalites-du-quebec&quot;&gt;Répertoire des municipalités du Québec&lt;/a&gt; qui dispose des communes et arrondissements au format CSV. Il me manque tout de même les coordonnées pour pouvoir ensuite les afficher sur une carte. Je creuse un peu et il existe des services de géocodage locaux comme &lt;a href=&quot;https://geocoder.ca/&quot;&gt;geocoder.ca&lt;/a&gt; mais je suis persuadé que ça doit être accessible librement quelque part. Je finis par trouver les &lt;a href=&quot;https://statistique.quebec.ca/statistiques/divisions-territoriales/fichiers_code_geo/code-geographique-quebec.html&quot;&gt;Fichiers du code géographique du Québec&lt;/a&gt; qui comportent des coordonnées pour chaque localité, le tout en XML. Elles sont au format &lt;code&gt;47° 22&#x27; 34&amp;quot; N&lt;/code&gt; ce qui ne m’arrange pas et je me fais surtout avoir par la longitude un moment car elle est en français(!) &lt;code&gt;61° 52&#x27; 05&amp;quot; O&lt;/code&gt; — &lt;code&gt;O(uest)&lt;/code&gt; vs. &lt;code&gt;W(est)&lt;/code&gt;. Avec un petit coup de &lt;code&gt;ElementTree&lt;/code&gt; + &lt;a href=&quot;https://pypi.org/project/latlon3/&quot;&gt;latlon3&lt;/a&gt;, j’arrive enfin à des coordonnées utilisables par &lt;a href=&quot;https://leafletjs.com/&quot;&gt;Leaflet&lt;/a&gt; qui me serviront à afficher les situations sur une&amp;nbsp;carte.&lt;/p&gt;
  744. &lt;p&gt;Il me manque les coordonnées pour les arrondissements mais j’ai déjà fait la moitié à la main précédemment et il n’y en a qu’une quarantaine. Jouable, ne jamais oublier &lt;a href=&quot;https://xkcd.com/1319/&quot;&gt;ce XKCD&lt;/a&gt; lorsqu’on&amp;nbsp;développe.&lt;/p&gt;
  745. &lt;p&gt;Je passe maintenant à l’interface et je me dis que cette problématique est une bonne candidate pour &lt;code&gt;&amp;lt;datalist&amp;gt;&lt;/code&gt; surtout qu’il y a deux champs du formulaire où il faut saisir le lieu&amp;nbsp;: il est possible de référencer la même liste de données pour deux champs distincts ce qui est élégant. Ce qui l’est moins par contre, c’est que pour rendre ces choix non modifiables, il faut définir un &lt;code&gt;pattern&lt;/code&gt; avec l’ensemble des localité, pour chaque champ concerné, donc en double. Je me retrouve avec 3&amp;nbsp;fois les mêmes données… mais cela donne lieu à une &lt;a href=&quot;https://code.larlet.fr/html/#forcer-un-element-parmi-une-datalist&quot;&gt;nouvelle entrée dans ma mémoire technique&lt;/a&gt;. Le formulaire complet faisant au final moins de 110Ko, je considère que c’est suffisant pour ne pas affaiblir l’interface avec du JavaScript qui factoriserait ces&amp;nbsp;données.&lt;/p&gt;
  746. &lt;figure&gt;
  747. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-14-input-datalist.png&quot;
  748. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  749. &lt;img
  750. src=&quot;https://larlet.fr/static/david/2024/2024-02-14-input-datalist.png&quot;
  751. width=&quot;1634&quot; height=&quot;408&quot;
  752. srcset=&quot;/static/david/2024/2024-02-14-input-datalist.png 1634w, /static/david/2024/2024-02-14-input-datalist.png 660w, /static/david/2024/2024-02-14-input-datalist.png 990w, /static/david/2024/2024-02-14-input-datalist.png 1320w&quot;
  753. sizes=&quot;min(100vw, calc(100vh * 1634 / 408))&quot;
  754. loading=&quot;lazy&quot;
  755. decoding=&quot;async&quot;
  756. alt=&quot;Un champ de saisie dans lequel j’ai écrit «&amp;nbsp;baie&amp;nbsp;» et qui affiche des suggestions de villes québécoises.&quot;&gt;
  757. &lt;/a&gt;
  758. &lt;figcaption&gt;Et&amp;nbsp;voilà!&lt;/figcaption&gt;
  759. &lt;/figure&gt;
  760. &lt;p&gt;Si jamais vous avez besoin des données générées, &lt;a href=&quot;https://larlet.fr/static/david/2024/municipalites_quebec_geocodees.csv&quot;&gt;voici un CSV&lt;/a&gt; (67Ko) qui est originellement sous licence &lt;a href=&quot;https://creativecommons.org/licenses/by/4.0/legalcode.fr&quot;&gt;Creative Commons 4.0 – Attribution CC BY&lt;/a&gt; l’«&amp;nbsp;Institut de la statistique du Québec, Fichiers du code géographique du Québec&amp;nbsp;» même si je ne sais pas trop ce que ça signifie après une telle transformation… qui devient vraiment le «&amp;nbsp;BY&amp;nbsp;»&amp;#8239;? 🤔&lt;/p&gt;
  761. &lt;p&gt;&lt;em&gt;Note&amp;nbsp;: l’interface proposée sous iOS pour les choix de datalist est assez déroutante car les suggestions se retrouvent dans la partie d’auto-completion du&amp;nbsp;clavier&amp;#8239;!&lt;/em&gt;&lt;/p&gt;
  762. &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/opendata/&quot;&gt;#opendata&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>
  763. </entry>
  764. <entry xml:lang="fr">
  765. <title type="html">Feutrage</title>
  766. <link href="https://larlet.fr/david/2024/02/13/" rel="alternate" type="text/html" />
  767. <updated>2024-02-13T12:00:00+01:00</updated>
  768. <id>https://larlet.fr/david/2024/02/13/</id>
  769. <summary type="html">
  770. &lt;p&gt;Atelier du soir avec &lt;a href=&quot;https://wiseoakwilderness.com/&quot;&gt;Jesse&lt;/a&gt; que je connaissais pour ses autres activités et c’était une surprise de retomber sur lui&amp;#8239;! C’est une bonne personne&amp;nbsp;😊. Le problème des &lt;a href=&quot;https://www.les-affutes.ca/&quot;&gt;Affûtés&lt;/a&gt; c’est qu’iels arrivent un peu trop bien à me &lt;a href=&quot;https://larlet.fr/david/2024/01/21/&quot;&gt;cibler&lt;/a&gt;&amp;#8239;!&lt;/p&gt;
  771. &lt;p&gt;L’objectif était de faire une paire de mitaines à partir de laine brute, c’est une approche qui m’intéresse beaucoup car je n’arrive pas à accrocher au tricotage et j’ai pourtant de gros besoins à ce sujet (je ne taris pas d’éloge au sujet de &lt;a href=&quot;https://nature.larlet.fr/habillage/#laine&quot;&gt;cette matière&lt;/a&gt; par ailleurs, je ne vais pas me répéter ici). Je n’avais aucune idée de cette technique&amp;nbsp;auparavant.&lt;/p&gt;
  772. &lt;figure&gt;
  773. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-13-laine-brute.jpg&quot;
  774. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  775. &lt;img
  776. src=&quot;https://larlet.fr/static/david/2024/2024-02-13-laine-brute.jpg&quot;
  777. width=&quot;2464&quot; height=&quot;3285&quot;
  778. srcset=&quot;/static/david/2024/2024-02-13-laine-brute.jpg 2464w, /static/david/2024/2024-02-13-laine-brute_660x440.jpg 660w, /static/david/2024/2024-02-13-laine-brute_990x660.jpg 990w, /static/david/2024/2024-02-13-laine-brute_1320x880.jpg 1320w&quot;
  779. sizes=&quot;min(100vw, calc(100vh * 2464 / 3285))&quot;
  780. loading=&quot;lazy&quot;
  781. decoding=&quot;async&quot;
  782. alt=&quot;De la laine relativement brute.&quot;&gt;
  783. &lt;/a&gt;
  784. &lt;figcaption&gt;De la laine relativement&amp;nbsp;brute.&lt;/figcaption&gt;
  785. &lt;/figure&gt;
  786. &lt;p&gt;La laine provenait de la &lt;a href=&quot;https://www.etsy.com/ca/market/bure_bure&quot;&gt;boutique BureBure&lt;/a&gt; sur Etsy, ce qui a l’avantage de pouvoir s’en procurer facilement de manière indépendante. Pour une option plus locale, certaines évoquaient &lt;a href=&quot;https://www.lavieenalpaga.com/&quot;&gt;La Vie en Alpaga&lt;/a&gt; mais c’est une laine plus fine qu’il vaut mieux couper d’après Jesse pour qu’elle arrive à feutrer plus facilement. J’ai appris qu’une bonne partie de la laine qui serait utilisable au Québec ne l’est pas faute de rentabilité. À moi de trouver une source&amp;nbsp;locale.&lt;/p&gt;
  787. &lt;p&gt;Je vais documenter la méthode car c’est faisable dans sa cuisine sans nécessiter d’outillage particulier et je compte bien continuer cet apprentissage. Cela demande quelques étapes et un petit tour de main, l’atelier était vraiment important pour devenir&amp;nbsp;autonome.&lt;/p&gt;
  788. &lt;p&gt;Matériel&amp;nbsp;: un bac étanche, un natte pour faire des &lt;em&gt;maki&lt;/em&gt; (véridique), un rectangle de papier bulles, un rectangle en plastique avec des trous (type rideau ou tapis de vaisselle). Le tout dimensionné pour le patron choisi qui peut être découpé dans un sac de course en plastique rigide. Ensuite, il ne faut que de l’eau chaude, du savon et du vinaigre. Autant dire que ce n’est pas le matériel qui coûte&amp;nbsp;cher.&lt;/p&gt;
  789. &lt;ol&gt;
  790. &lt;li&gt;On fait un patron ayant une taille d’environ 130% par rapport au résultat attendu, le principe est que la laine va s’agréger et donc réduire sa taille de manière significative lors du&amp;nbsp;processus.&lt;/li&gt;
  791. &lt;li&gt;On pose le patron dans le bac, sur la natte + papier&amp;nbsp;bulles.&lt;/li&gt;
  792. &lt;li&gt;On ajoute trois couches de laine en commençant par la fibre à l’horizontale puis en croisant les fibres, on fait en sorte que ça dépasse pour pouvoir faire la jonction avec la face arrière du&amp;nbsp;patron.&lt;/li&gt;
  793. &lt;li&gt;On recouvre avec le tapis en plastique puis on arrose d’eau très chaude et de&amp;nbsp;savon.&lt;/li&gt;
  794. &lt;li&gt;On masse avec tendresse pour ne pas faire de trous au début, c’est cette action qui va relier les différents filaments de laine progressivement (c’est le feutrage à proprement&amp;nbsp;parler).&lt;/li&gt;
  795. &lt;li&gt;On retourne et on replie l’excédent sur les bords du patron avant d’ajouter nos trois couches de laine sur cette nouvelle&amp;nbsp;face.&lt;/li&gt;
  796. &lt;li&gt;Arrivé à cette étape, on a notre structure et on n’ajoutera plus de laine (à part souci). La simplicité du processus est&amp;nbsp;incroyable.&lt;/li&gt;
  797. &lt;li&gt;On fait bien le détourage du pouce dans le cas d’une mitaine. Ne pas oublier de replier le bord en bas, il faut laisser un trou pour le passage de la&amp;nbsp;main&amp;#8239;!&lt;/li&gt;
  798. &lt;li&gt;On continue de masser recto-verso un très grand nombre de fois en ajoutant de l’eau chaude et du savon (le foulage) jusqu’à ce que ça tienne bien et que l’on puisse extraire le&amp;nbsp;patron.&lt;/li&gt;
  799. &lt;li&gt;On peut maintenant rouler nos &lt;em&gt;maki&lt;/em&gt;&amp;#8239;! Cela permet de masser le rouleau et d’avoir d’autres angles pour les fibres. Il faut aussi se concentrer sur les bords pour arrondir les angles et commencer à former la&amp;nbsp;mitaine.&lt;/li&gt;
  800. &lt;li&gt;Au bout d’un moment —&amp;nbsp;ces premières étapes ont pris une bonne heure&amp;nbsp;— on passe à la deuxième mitaine, retour à l’étape&amp;nbsp;2…&lt;/li&gt;
  801. &lt;li&gt;Avec les deux mitaines en main, on peut les feutrer/fouler réciproquement en se frottant les mains toujours en ajoutant du savon et de l’eau brulante (c’est un atelier vraiment propre) pendant là aussi de longues minutes, l’objectif est d’arriver à approcher de la taille finale désirée. On frotte dans le sens où on veut réduire la taille, par exemple en horizontal sur l’ouverture pour&amp;nbsp;resserrer.&lt;/li&gt;
  802. &lt;li&gt;On termine en rinçant abondamment le savon et en plongeant la pièce dans une solution vinaigrée pour changer le pH, ce qui fixe le tout et adouci la&amp;nbsp;laine.&lt;/li&gt;
  803. &lt;li&gt;(Optionnel) Il est possible de réduire encore &lt;em&gt;a posteriori&lt;/em&gt; en remouillant avec du savon MAIS il n’est pas possible de revenir en arrière donc il vaut mieux s’arrêter trop tôt plutôt que trop tard, d’autant que ça rétrécit au&amp;nbsp;séchage.&lt;/li&gt;
  804. &lt;/ol&gt;
  805. &lt;p&gt;Il y a très peu de pertes dans le processus même si ça prend beaucoup de savon. Le gros intérêt de la technique, c’est que la pièce est vraiment adaptée au support sur laquelle on la feutre+foule (ici mes mains). Il est possible de couper le surplus en bas pour égaliser mais je préfère que ça remonte plus haut sur l’avant-bras. Le résultat est un peu rigide car j’ai privilégié la chaleur (et les erreurs de débutant) mais il est possible de mettre moins de laine. J’arrive néanmoins à tenir un bâton de ski sans&amp;nbsp;forcer.&lt;/p&gt;
  806. &lt;figure&gt;
  807. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-13-mitaines-feutrage.jpg&quot;
  808. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  809. &lt;img
  810. src=&quot;https://larlet.fr/static/david/2024/2024-02-13-mitaines-feutrage.jpg&quot;
  811. width=&quot;3024&quot; height=&quot;4032&quot;
  812. srcset=&quot;/static/david/2024/2024-02-13-mitaines-feutrage.jpg 3024w, /static/david/2024/2024-02-13-mitaines-feutrage_660x440.jpg 660w, /static/david/2024/2024-02-13-mitaines-feutrage_990x660.jpg 990w, /static/david/2024/2024-02-13-mitaines-feutrage_1320x880.jpg 1320w&quot;
  813. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  814. loading=&quot;lazy&quot;
  815. decoding=&quot;async&quot;
  816. alt=&quot;Les mitaines réalisées qui sèchent verticalement.&quot;&gt;
  817. &lt;/a&gt;
  818. &lt;figcaption&gt;Le résultat après 4 heures de travail et pas mal d’huile de&amp;nbsp;coude.&lt;/figcaption&gt;
  819. &lt;/figure&gt;
  820. &lt;p&gt;Anecdote&amp;nbsp;: j’étais le plus jeune et le seul homme, c’était intéressant d’être au sein de cette &lt;em&gt;sororité des aînées&lt;/em&gt;, il ne manquait qu’une cheminée pour avoir une soirée d’anecdotes québécoises au coin du&amp;nbsp;feu&amp;nbsp;🤗.&lt;/p&gt;
  821. &lt;p&gt;Au retour, après avoir essoré les mitaines pour qu’elles ne gouttent pas trop, j’ai pu les mettre pour qu’elles affrontent leur première tempête de neige improvisée. Même mouillées et dégoulinantes, j’arrivais à garder mes mains au chaud à l’intérieur… ah, la laine&amp;nbsp;&amp;lt;3. J’ai hâte de tester avec avec une sous-couche et/ou une sur-couche, ça tombe bien car les températures redescendent&amp;nbsp;enfin.&lt;/p&gt;
  822. &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/processus/&quot;&gt;#processus&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>
  823. </entry>
  824. <entry xml:lang="fr">
  825. <title type="html">Renards</title>
  826. <link href="https://larlet.fr/david/2024/02/12/" rel="alternate" type="text/html" />
  827. <updated>2024-02-12T12:00:00+01:00</updated>
  828. <id>https://larlet.fr/david/2024/02/12/</id>
  829. <summary type="html">
  830. &lt;p&gt;Entre chien et loup, le renard pointe le bout de son nez pointu. Après avoir attendu patiemment attendu que mon appareil photo arrive à ses limites, le voilà avançant vers moi d’un pas&amp;nbsp;décidé.&lt;/p&gt;
  831. &lt;figure&gt;
  832. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-1.jpg&quot;
  833. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  834. &lt;img
  835. src=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-1.jpg&quot;
  836. width=&quot;3456&quot; height=&quot;2304&quot;
  837. srcset=&quot;/static/david/2024/2024-02-12-renards-1.jpg 3456w, /static/david/2024/2024-02-12-renards-1_660x440.jpg 660w, /static/david/2024/2024-02-12-renards-1_990x660.jpg 990w, /static/david/2024/2024-02-12-renards-1_1320x880.jpg 1320w&quot;
  838. sizes=&quot;min(100vw, calc(100vh * 3456 / 2304))&quot;
  839. loading=&quot;lazy&quot;
  840. decoding=&quot;async&quot;
  841. alt=&quot;Un renard trottinant sur la rivière gelée.&quot;&gt;
  842. &lt;/a&gt;
  843. &lt;figcaption&gt;Un renard trottinant sur la rivière&amp;nbsp;gelée.&lt;/figcaption&gt;
  844. &lt;/figure&gt;
  845. &lt;p&gt;Même en poussant les réglages au maximum lors du développement, je me rends bien compte que je suis dans la nuit bientôt noire. Alors je tente d’utiliser l’éclairage de la ville, la pollution lumineuse se reflétant sur la neige m’offre de précieux &lt;em&gt;stops&lt;/em&gt;&amp;nbsp;photographiques.&lt;/p&gt;
  846. &lt;figure&gt;
  847. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-2.jpg&quot;
  848. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  849. &lt;img
  850. src=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-2.jpg&quot;
  851. width=&quot;2560&quot; height=&quot;3840&quot;
  852. srcset=&quot;/static/david/2024/2024-02-12-renards-2.jpg 2560w, /static/david/2024/2024-02-12-renards-2_660x440.jpg 660w, /static/david/2024/2024-02-12-renards-2_990x660.jpg 990w, /static/david/2024/2024-02-12-renards-2_1320x880.jpg 1320w&quot;
  853. sizes=&quot;min(100vw, calc(100vh * 2560 / 3840))&quot;
  854. loading=&quot;lazy&quot;
  855. decoding=&quot;async&quot;
  856. alt=&quot;Un renard sur la rivière gelée avec un pont en fond.&quot;&gt;
  857. &lt;/a&gt;
  858. &lt;figcaption&gt;Un renard sur la rivière gelée avec un pont en&amp;nbsp;fond.&lt;/figcaption&gt;
  859. &lt;/figure&gt;
  860. &lt;p&gt;L’équivalent 800mm que je tiens à bout de bras n’aide pas à faire baisser les ISO, tant pis, je compte trop sur ma mobilité pour être capable de tenter une approche. La neige est bien trop gelée et bruyante pour que j’ai la moindre chance. Un skieur nocturne détourne leur&amp;nbsp;attention.&lt;/p&gt;
  861. &lt;figure&gt;
  862. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-3.jpg&quot;
  863. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  864. &lt;img
  865. src=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-3.jpg&quot;
  866. width=&quot;3840&quot; height=&quot;2560&quot;
  867. srcset=&quot;/static/david/2024/2024-02-12-renards-3.jpg 3840w, /static/david/2024/2024-02-12-renards-3_660x440.jpg 660w, /static/david/2024/2024-02-12-renards-3_990x660.jpg 990w, /static/david/2024/2024-02-12-renards-3_1320x880.jpg 1320w&quot;
  868. sizes=&quot;min(100vw, calc(100vh * 3840 / 2560))&quot;
  869. loading=&quot;lazy&quot;
  870. decoding=&quot;async&quot;
  871. alt=&quot;Deux renards&amp;nbsp;: l’un sur la rivière, l’autre sur un ponton abandonné.&quot;&gt;
  872. &lt;/a&gt;
  873. &lt;figcaption&gt;Deux renards : l’un sur la rivière, l’autre sur un ponton&amp;nbsp;abandonné.&lt;/figcaption&gt;
  874. &lt;/figure&gt;
  875. &lt;p&gt;La luminosité est telle que je vois la lumière de mon autofocus qui se reflète, bien rouge, au fond de ses yeux à une cinquantaine de mètres. Iel m’attend. Je ne saurais jamais jusqu’à quelle distance est-ce que l’on se seraient acceptés car une coureuse met fin à ce tête-à-tête nocturne. Si nous sommes tous le deux routiniers, nous aurons certainement d’autres occasions de nous&amp;nbsp;croiser.&lt;/p&gt;
  876. &lt;figure&gt;
  877. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-4.jpg&quot;
  878. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  879. &lt;img
  880. src=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-4.jpg&quot;
  881. width=&quot;3840&quot; height=&quot;2560&quot;
  882. srcset=&quot;/static/david/2024/2024-02-12-renards-4.jpg 3840w, /static/david/2024/2024-02-12-renards-4_660x440.jpg 660w, /static/david/2024/2024-02-12-renards-4_990x660.jpg 990w, /static/david/2024/2024-02-12-renards-4_1320x880.jpg 1320w&quot;
  883. sizes=&quot;min(100vw, calc(100vh * 3840 / 2560))&quot;
  884. loading=&quot;lazy&quot;
  885. decoding=&quot;async&quot;
  886. alt=&quot;Un renard qui me regarde depuis le chemin.&quot;&gt;
  887. &lt;/a&gt;
  888. &lt;figcaption&gt;Un renard qui me regarde depuis le&amp;nbsp;chemin.&lt;/figcaption&gt;
  889. &lt;/figure&gt;
  890. &lt;p&gt;Photographiquement parlant, je crois que je préfère la prise floue de la veille. Une forme d’acceptation qu’il puisse encore y avoir des animaux libres d’une capture trop&amp;nbsp;nette.&lt;/p&gt;
  891. &lt;figure&gt;
  892. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-5.jpg&quot;
  893. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  894. &lt;img
  895. src=&quot;https://larlet.fr/static/david/2024/2024-02-12-renards-5.jpg&quot;
  896. width=&quot;3840&quot; height=&quot;2560&quot;
  897. srcset=&quot;/static/david/2024/2024-02-12-renards-5.jpg 3840w, /static/david/2024/2024-02-12-renards-5_660x440.jpg 660w, /static/david/2024/2024-02-12-renards-5_990x660.jpg 990w, /static/david/2024/2024-02-12-renards-5_1320x880.jpg 1320w&quot;
  898. sizes=&quot;min(100vw, calc(100vh * 3840 / 2560))&quot;
  899. loading=&quot;lazy&quot;
  900. decoding=&quot;async&quot;
  901. alt=&quot;Un renard flou qui se reflète dans l’eau de la rivière qui fond.&quot;&gt;
  902. &lt;/a&gt;
  903. &lt;figcaption&gt;Vais-je passer à travers ? Je ne suis pas le seul à me poser ces&amp;nbsp;questions…&lt;/figcaption&gt;
  904. &lt;/figure&gt;
  905. &lt;p&gt;Merci au parent devant l’école qui m’a dit qu’il n’y avait pas de renards dans le parc cette année. Mon esprit de con·tradiction a fait le&amp;nbsp;reste.&lt;/p&gt;
  906. &lt;hr /&gt;
  907. &lt;blockquote&gt;
  908. &lt;p&gt;Les carnets Web servent également à faire rêver les autres de façon inattendue et la plupart du temps silencieusement. N’hésitez pas à publier. Vous toucherez le cœur et l’imagination d’une personne quelque part dans le&amp;nbsp;monde.&lt;/p&gt;
  909. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/02/04/enfant&quot;&gt;D’un enfant à&amp;nbsp;l’autre&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  910. &lt;/blockquote&gt;
  911. &lt;p&gt;🧡&lt;/p&gt;
  912. &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/echanges/&quot;&gt;#échanges&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/photographie/&quot;&gt;#photographie&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>
  913. </entry>
  914. <entry xml:lang="fr">
  915. <title type="html">Violence</title>
  916. <link href="https://larlet.fr/david/2024/02/11/" rel="alternate" type="text/html" />
  917. <updated>2024-02-11T12:00:00+01:00</updated>
  918. <id>https://larlet.fr/david/2024/02/11/</id>
  919. <summary type="html">
  920. &lt;p&gt;Il y a une forme de violence à dire —&amp;nbsp;de manière plus ou moins directe&amp;nbsp;— à des personnes que les outils numériques qu’elles utilisent ne sont pas appropriés. D’autant plus en ne proposant pas d’alternative réellement&amp;nbsp;utilisable&amp;nbsp;:&amp;nbsp;&lt;/p&gt;
  921. &lt;ul&gt;
  922. &lt;li&gt;dans le contexte de littératie numérique de la&amp;nbsp;personne,&lt;/li&gt;
  923. &lt;li&gt;dans le contexte culturel du groupe de travail autour de la&amp;nbsp;personne,&lt;/li&gt;
  924. &lt;li&gt;dans les priorités actuelles du groupe pour lequel l’informatique reste un outil&amp;nbsp;et/ou&lt;/li&gt;
  925. &lt;li&gt;dans la situation de détresse en&amp;nbsp;cours.&lt;/li&gt;
  926. &lt;/ul&gt;
  927. &lt;p&gt;Si la &lt;em&gt;ré&lt;/em&gt;-action est inappropriée, c’est peut-être que l’action initiale ne l’était pas non&amp;nbsp;plus…&lt;/p&gt;
  928. &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/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>
  929. </entry>
  930. <entry xml:lang="fr">
  931. <title type="html">Validisme</title>
  932. <link href="https://larlet.fr/david/2024/02/10/" rel="alternate" type="text/html" />
  933. <updated>2024-02-10T12:00:00+01:00</updated>
  934. <id>https://larlet.fr/david/2024/02/10/</id>
  935. <summary type="html">
  936. &lt;blockquote&gt;
  937. &lt;p&gt;En informatique, y’a ce concept de «&amp;nbsp;ça marche sur ma machine&amp;nbsp;». C’est quand une personne qui utilise un logiciel, remonte un problème qu’elle rencontre et la personne qui fabrique le logiciel répond&amp;nbsp;ça&lt;/p&gt;
  938. &lt;p&gt;Évidemment, c’est frustrant de recevoir cette réponse, parce que ça ne fournit aucune solution, mais ça ressemble aussi très fort à «&amp;nbsp;je ne vois pas le problème, donc ce problème n’existe&amp;nbsp;pas&amp;nbsp;»&lt;/p&gt;
  939. &lt;p&gt;Un peu comme une personne blanche qui dirait que le racisme n’existe pas vu qu’elle ne le vit pas&lt;br /&gt;
  940. Ou un homme avec le&amp;nbsp;sexisme&lt;/p&gt;
  941. &lt;p&gt;Et j’ai vécu plusieurs fois avec des grosses structures (administrations et entreprises privées) un truc qui ressemble à «&amp;nbsp;ça marche sur leur machine&amp;nbsp;»&lt;br /&gt;
  942. Là, c’est une variante de dénégation qui dit «&amp;nbsp;ça marche pour suffisamment d’autres personnes, donc on ne va pas s’intéresser à votre situation&amp;nbsp;particulière&amp;nbsp;»&lt;/p&gt;
  943. &lt;p&gt;Et c’est frustrant quand, mauvaise pioche&amp;#8239;! on est systématiquement dans la minorité&amp;nbsp;statistique&lt;/p&gt;
  944. &lt;p&gt;&lt;mark&gt;Le validisme, ça parle aussi de comment des personnes sont systématiquement le&amp;nbsp;1%&lt;/mark&gt; de personnes qui voient mal l’écran pendant une présentation&lt;br /&gt;
  945. ou le&amp;nbsp;1% avec un fauteuil roulant dans la pièce
  946. etc.&lt;/p&gt;
  947. &lt;p&gt;Certaines personnes passent 90% de leur vie à être dans le&amp;nbsp;mauvaise-pioche-1%&lt;/p&gt;
  948. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://eldritch.cafe/@davidbruant/111872926260149351&quot;&gt;Sapphire Rubyant sur&amp;nbsp;masto&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  949. &lt;/blockquote&gt;
  950. &lt;p&gt;Se retrouver en invalidité temporaire permet de se rendre compte de choses par l’expérience. Et c’est parfois bien plus que de la double peine&amp;nbsp;: je mets plus de temps pour faire ma correspondance métro faute d’infrastructures adaptées, ce qui me fait arriver en retard donc j’ai la place la moins appropriée, je dois travailler plus vite / efficacement pour rattraper le groupe ce qui me fait prendre davantage de risques, etc. Et je ne parle même pas de l’impact psychologique sur la situation&amp;nbsp;: frustration, colère, dévaluation de soi, à quoi bon, honte, isolement, etc.&lt;/p&gt;
  951. &lt;p&gt;C’est déplacé de parler de &lt;em&gt;mon&lt;/em&gt; cas alors que de très nombreuses personnes vivent cela au quotidien. Toute leur vie. En supportant le regard des autres, avec une potentielle intersectionalité qui vient mettre les difficultés au&amp;nbsp;carré…&lt;/p&gt;
  952. &lt;p&gt;Ce que je voulais souligner avec cet exemple parmi d’autres, c’est qu’il n’y a qu’en expérimentant la situation que j’ai pu prendre conscience de cet effet domino. J’étais pourtant relativement sensibilisé aux problèmes d’accessibilité de manière isolée mais c’est vraiment leur enchainement qui m’a sauté aux yeux pendant cette&amp;nbsp;période.&lt;/p&gt;
  953. &lt;p&gt;Je m’imagine maintenant des suites de frustrations numériques du même ordre&amp;nbsp;: il y a un souci bloquant sur le site que je voudrais solidairement faire remonter, je cherche à faire un report de &lt;em&gt;bug&lt;/em&gt; sur l’outil dédié mais il y a de l’authentification qui m’affiche une erreur à laquelle je n’ai pas accès, je décide de passer par le formulaire de contact mais il y a un captcha illisible pour moi, je fais une demande sur les réseaux sociaux et on me redirige vers un &lt;em&gt;screencast&lt;/em&gt; non sous-titré ou une aide en anglais, etc.&lt;/p&gt;
  954. &lt;p&gt;L’accessibilité doit être pensée holistiquement (pour employer un gros mot), chaque situation impensée devenant une goutte de plus dans un verre déjà bien trop&amp;nbsp;plein.&lt;/p&gt;
  955. &lt;p&gt;J’ai encore du&amp;nbsp;travail.&lt;/p&gt;
  956. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accessibilite/&quot;&gt;#accessibilité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/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;/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>
  957. </entry>
  958. <entry xml:lang="fr">
  959. <title type="html">Version</title>
  960. <link href="https://larlet.fr/david/2024/02/09/" rel="alternate" type="text/html" />
  961. <updated>2024-02-09T12:00:00+01:00</updated>
  962. <id>https://larlet.fr/david/2024/02/09/</id>
  963. <summary type="html">
  964. &lt;p&gt;Il y a cette appréhension à sortir une version&amp;nbsp;2&amp;nbsp;qui est bloquante sur pas mal de projets / produits / outils. Réduire ses ambitions quitte à planifier les versions 3&amp;nbsp;et 4&amp;nbsp;par la même occasion est un moyen de faire baisser la pression de ses propres attentes. Ce n’est plus &lt;strong&gt;l&lt;/strong&gt;’évènement mais &lt;em&gt;un&lt;/em&gt; évènement parmi les suivants qui vient s’intégrer dans une dynamique plus&amp;nbsp;globale.&lt;/p&gt;
  965. &lt;p&gt;Il y a d’un côté l’&lt;a href=&quot;https://larlet.fr/david/2024/01/19/#hr-38&quot;&gt;effort pour les personnes qui vont l’utiliser&lt;/a&gt; et de l’autre &lt;a href=&quot;https://yolover.org/&quot;&gt;la motivation&lt;/a&gt; pour les personnes qui vont développer et maintenir le&amp;nbsp;produit.&lt;/p&gt;
  966. &lt;p&gt;Je caricature mais on est&amp;nbsp;vendredi.&lt;/p&gt;
  967. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  968. </entry>
  969. <entry xml:lang="fr">
  970. <title type="html">Écoute</title>
  971. <link href="https://larlet.fr/david/2024/02/08/" rel="alternate" type="text/html" />
  972. <updated>2024-02-08T12:00:00+01:00</updated>
  973. <id>https://larlet.fr/david/2024/02/08/</id>
  974. <summary type="html">
  975. &lt;blockquote&gt;
  976. &lt;p&gt;Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. &lt;mark&gt;Rencontrer quelqu’un qui&amp;nbsp;écoute.&lt;/mark&gt;&lt;/p&gt;
  977. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Bonheur possible&lt;/em&gt;, Michel Serres&amp;nbsp;(1997)&lt;/cite&gt;&lt;/p&gt;
  978. &lt;/blockquote&gt;
  979. &lt;p&gt;Exercice de mise en forme des &lt;a href=&quot;https://larlet.fr/david/2024/02/02/&quot;&gt;valeurs&lt;/a&gt; émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et &lt;em&gt;en même temps&lt;/em&gt; un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8&amp;nbsp;valeurs qui se démarquent dans 3&amp;nbsp;contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre&amp;nbsp;nous.&lt;/p&gt;
  980. &lt;blockquote&gt;
  981. &lt;p&gt;Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire&amp;nbsp;: «&amp;nbsp;pourquoi nous sommes-nous mis ensemble et où voulions-nous&amp;nbsp;aller&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  982. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html&quot;&gt;L’art de conter nos expériences&amp;nbsp;collectives&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  983. &lt;/blockquote&gt;
  984. &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/equipe/&quot;&gt;#équipe&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>
  985. </entry>
  986. <entry xml:lang="fr">
  987. <title type="html">Écureuil</title>
  988. <link href="https://larlet.fr/david/2024/02/07/" rel="alternate" type="text/html" />
  989. <updated>2024-02-07T12:00:00+01:00</updated>
  990. <id>https://larlet.fr/david/2024/02/07/</id>
  991. <summary type="html">
  992. &lt;p&gt;De bon matin, en me brossant les dents, l’écureuil dans un micro-sommeil après une nuit fraîche. Je le regarde avec un peu d’envie, je referme la fenêtre délicatement. Une minute plus tard, alors qu’il commençait à piquer dangereusement du nez, le voilà déjà&amp;nbsp;reparti.&lt;/p&gt;
  993. &lt;figure&gt;
  994. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-05-ecureuil-soleil.jpg&quot;
  995. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  996. &lt;img
  997. src=&quot;https://larlet.fr/static/david/2024/2024-02-05-ecureuil-soleil.jpg&quot;
  998. width=&quot;3456&quot; height=&quot;2304&quot;
  999. srcset=&quot;/static/david/2024/2024-02-05-ecureuil-soleil.jpg 3456w, /static/david/2024/2024-02-05-ecureuil-soleil_660x440.jpg 660w, /static/david/2024/2024-02-05-ecureuil-soleil_990x660.jpg 990w, /static/david/2024/2024-02-05-ecureuil-soleil_1320x880.jpg 1320w&quot;
  1000. sizes=&quot;min(100vw, calc(100vh * 3456 / 2304))&quot;
  1001. loading=&quot;lazy&quot;
  1002. decoding=&quot;async&quot;
  1003. alt=&quot;Un écureuil endormi sur une branche.&quot;&gt;
  1004. &lt;/a&gt;
  1005. &lt;figcaption&gt;Un écureuil endormi sur une&amp;nbsp;branche.&lt;/figcaption&gt;
  1006. &lt;/figure&gt;
  1007. &lt;hr /&gt;
  1008. &lt;p&gt;Une motivation importante de l’année est de réussir à économiser. C’est une chose que je n’ai jamais vraiment envisagé de faire jusqu’à présent. Si j’ai bien compris le principe actuel, chaque dollar accumulé est un dollar que je n’aurai pas à payer une &lt;em&gt;seconde&lt;/em&gt; fois à la&amp;nbsp;banque.&lt;/p&gt;
  1009. &lt;p&gt;C’est stupide. Mais ça motive. Mais c’est&amp;nbsp;stupide.&lt;/p&gt;
  1010. &lt;hr /&gt;
  1011. &lt;figure&gt;
  1012. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-05-ecureuil-superhero.jpg&quot;
  1013. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  1014. &lt;img
  1015. src=&quot;https://larlet.fr/static/david/2024/2024-02-05-ecureuil-superhero.jpg&quot;
  1016. width=&quot;3840&quot; height=&quot;2560&quot;
  1017. srcset=&quot;/static/david/2024/2024-02-05-ecureuil-superhero.jpg 3840w, /static/david/2024/2024-02-05-ecureuil-superhero_660x440.jpg 660w, /static/david/2024/2024-02-05-ecureuil-superhero_990x660.jpg 990w, /static/david/2024/2024-02-05-ecureuil-superhero_1320x880.jpg 1320w&quot;
  1018. sizes=&quot;min(100vw, calc(100vh * 3840 / 2560))&quot;
  1019. loading=&quot;lazy&quot;
  1020. decoding=&quot;async&quot;
  1021. alt=&quot;Un écureuil en posture de super-héros·ïne.&quot;&gt;
  1022. &lt;/a&gt;
  1023. &lt;figcaption&gt;Un écureuil en posture de super-héros·ïne. (Iel a juste froid aux&amp;nbsp;pattes.)&lt;/figcaption&gt;
  1024. &lt;/figure&gt;
  1025. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/decision/&quot;&gt;#décision&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/photographie/&quot;&gt;#photographie&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>
  1026. </entry>
  1027. <entry xml:lang="fr">
  1028. <title type="html">Anneau</title>
  1029. <link href="https://larlet.fr/david/2024/02/06/" rel="alternate" type="text/html" />
  1030. <updated>2024-02-06T12:00:00+01:00</updated>
  1031. <id>https://larlet.fr/david/2024/02/06/</id>
  1032. <summary type="html">
  1033. &lt;blockquote&gt;
  1034. &lt;p&gt;«&amp;nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&amp;nbsp;», dit Frodo.&lt;br /&gt;
  1035. «&amp;nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est &lt;mark&gt;ce que nous comptons faire du temps qui nous est imparti.&lt;/mark&gt;&amp;nbsp;»&lt;/p&gt;
  1036. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le seigneur des anneaux&lt;/em&gt;, J.R.R. Tolkien&lt;/cite&gt;&lt;/p&gt;
  1037. &lt;/blockquote&gt;
  1038. &lt;p&gt;Me voilà reparti pour un tour au départ &lt;strong&gt;du&lt;/strong&gt; Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.&lt;/p&gt;
  1039. &lt;p&gt;Je vais moins publier ces prochains&amp;nbsp;jours&amp;nbsp;😇.&lt;/p&gt;
  1040. &lt;blockquote&gt;
  1041. &lt;p&gt;&lt;em&gt;Tout ce qui est or ne brille pas,&lt;/em&gt;&lt;br /&gt;
  1042. &lt;em&gt;Ne sont pas perdus tout ceux qui vagabondent&amp;#8239;;&lt;/em&gt;&lt;br /&gt;
  1043. &lt;em&gt;Ce qui est vieux mais fort ne se flétrit pas,&lt;/em&gt;&lt;br /&gt;
  1044. &lt;em&gt;Le gel n’atteint pas les racines&amp;nbsp;profondes.&lt;/em&gt;&lt;/p&gt;
  1045. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1046. &lt;/blockquote&gt;
  1047. &lt;hr /&gt;
  1048. &lt;blockquote lang=&quot;en&quot;&gt;
  1049. &lt;p&gt;The webring is a directory of neighbor websites and&amp;nbsp;portfolios.&lt;/p&gt;
  1050. &lt;p&gt;This is an attempt to &lt;strong&gt;inspire artists and developers to create and maintain their own personal website,&lt;/strong&gt; and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&amp;nbsp;portfolios.&lt;/p&gt;
  1051. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://wiki.xxiivv.com/site/webring.html&quot;&gt;XXIIVV -&amp;nbsp;webring&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1052. &lt;/blockquote&gt;
  1053. &lt;p&gt;C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&amp;nbsp;: &lt;q&gt;N’a-t-on vraiment rien inventé de mieux depuis&amp;#8239;?&lt;/q&gt; (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&amp;nbsp;l’anneau.)&lt;/p&gt;
  1054. &lt;p&gt;&lt;em&gt;Écrit-il en relisant pour la x-ième fois le même&amp;nbsp;livre.&lt;/em&gt;&lt;/p&gt;
  1055. &lt;blockquote lang=&quot;en&quot;&gt;
  1056. &lt;p&gt;With roots in the world of fashion, there exists a cyclical principle suggesting that every two decades, previously popular trends “every 20&amp;nbsp;years or so the trends that were once popular will begin to be on the forefront again.” What’s old is new again. However, &lt;mark&gt;these recurring trends aren’t just rip-offs.&lt;/mark&gt; They are remixed and reinterpreted through the lens of a new&amp;nbsp;generation.&lt;/p&gt;
  1057. &lt;p&gt;We are, perhaps, in a 20&amp;nbsp;year resurgence for the indie web and&amp;nbsp;blogging.&lt;/p&gt;
  1058. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/&quot;&gt;We’ve been waiting 20&amp;nbsp;years for&amp;nbsp;this&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1059. &lt;/blockquote&gt;
  1060. &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/equipe/&quot;&gt;#équipe&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>
  1061. </entry>
  1062. </feed>