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.html 61KB

8 달 전
8 달 전
6 달 전
6 달 전
8 달 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918
  1. <!DOCTYPE html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>
  13. Étiquette #liens
  14. — David Larlet</title>
  15. <script>
  16. function toggleTheme(themeName) {
  17. document.documentElement.classList.toggle(
  18. 'forced-dark',
  19. themeName === 'dark'
  20. )
  21. document.documentElement.classList.toggle(
  22. 'forced-light',
  23. themeName === 'light'
  24. )
  25. }
  26. const selectedTheme = localStorage.getItem('theme')
  27. if (selectedTheme !== 'undefined') {
  28. toggleTheme(selectedTheme)
  29. }
  30. </script>
  31. <!-- Documented, feel free to shoot an email. -->
  32. <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  33. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  34. <link rel="preload"
  35. href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
  36. as="font"
  37. type="font/woff2"
  38. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  39. crossorigin>
  40. <link rel="preload"
  41. href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
  42. as="font"
  43. type="font/woff2"
  44. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  45. crossorigin>
  46. <link rel="preload"
  47. href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
  48. as="font"
  49. type="font/woff2"
  50. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  51. crossorigin>
  52. <link rel="preload"
  53. href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
  54. as="font"
  55. type="font/woff2"
  56. media="(prefers-color-scheme: dark)"
  57. crossorigin>
  58. <link rel="preload"
  59. href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
  60. as="font"
  61. type="font/woff2"
  62. media="(prefers-color-scheme: dark)"
  63. crossorigin>
  64. <link rel="preload"
  65. href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
  66. as="font"
  67. type="font/woff2"
  68. media="(prefers-color-scheme: dark)"
  69. crossorigin>
  70. <meta name="description" content="Publications relatives au tag #liens">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow…
  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <!-- To get attribution when linking on mastodon. -->
  106. <meta name="fediverse:creator" content="@david@larlet.fr">
  107. <style type="text/css">
  108. details[open] summary {
  109. display: none;
  110. }
  111. </style>
  112. <body data-instant-intensity="viewport-all">
  113. <article>
  114. <header>
  115. <hgroup>
  116. <h1>#liens</h1>
  117. <p>Publications relatives à cette étiquette</p>
  118. </hgroup>
  119. </header>
  120. <nav>
  121. <p>
  122. <a href="/david/" title="Aller à l’accueil">
  123. Accueil</a>
  124. <a rel="tags"
  125. href="/david/2024/#tags"
  126. title="Liste de toutes les étiquettes">
  127. Étiquettes</a>
  128. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  129. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  130. </p>
  131. </nav>
  132. <h2>
  133. <a href="/david/2024/05/24/" title="Lien permanent vers cet article">Tout</a> <time datetime="2024-05-24">24 mai 2024</time>
  134. </h2>
  135. <blockquote lang="en">
  136. <p>We’re expected to do everything, keep up with everything, adapt to constant changes, and understand multiple conflicting architectural paradigms ranging from immediate mode rendering, to relational databases, to REST API designs, to both imperative and declarative programming, to complex state querying languages like GraphQL, to all of the various intricacies of how CSS handles&nbsp;rendering.</p>
  137. <p>We’re made <mark>to do all this while watching</mark> our peers lose their jobs, our employers savage society through pervasive surveillance and collaboration with authoritarian companies, and our data centres suck up the entire water supply for entire&nbsp;municipalities.</p>
  138. <p>No wonder we’re all fucked up emotionally and&nbsp;mentally.</p>
  139. <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/the-deskilling-of-web-dev-is-harming-us-all/" hreflang="en"
  140. title="Consultation de l’article (anglais)">The deskilling of web dev is harming the product but, more importantly, it’s damaging our health</a>
  141. <a href="/david/cache/2024/8672047b982b09475a59605ed0f9a011/" hreflang="en"
  142. data-tippy data-description="Even before the web developer job market became as dire as it is today, I was regularly seeing developers burn out and leave the industry. Some left for good; some only temporarily."
  143. data-source="https://www.baldurbjarnason.com/2024/the-deskilling-of-web-dev-is-harming-us-all/"
  144. data-date="2024-05-21"
  145. data-favicon="https://www.baldurbjarnason.com/dark-bird.svg"
  146. data-domain="baldurbjarnason.com"
  147. ><svg xmlns="http://www.w3.org/2000/svg"
  148. width="24" height="24" viewBox="0 0 24 24" fill="none"
  149. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  150. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  151. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  152. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  153. </svg>
  154. <span class="sr-only">[archive]</span></a></em></cite></p>
  155. </blockquote>
  156. <p>J’aimerais bien papoter avec Baldur Bjarnason un jour. Et je sais que mon niveau d’anglais actuel ne me permettrait pas d’aborder ces sujets avec la subtilité qui le&nbsp;nécessite.</p>
  157. <a href="#hr-169" title="Lien vers cette section de la page"><hr id="hr-169" /></a>
  158. <blockquote lang="en">
  159. <p>My web experience was thus enlightenment and disempowerment. Opportunity and anxiety. Tears and&nbsp;joy.</p>
  160. <p>[…]</p>
  161. <p>My vision for the web over the next ten years is that <mark>we can turn that feeling of malaise,</mark> which I think is rooted in disempowerment, into a feeling that things can be&nbsp;different.</p>
  162. <p>No one person set off a light bulb in my mind that made me think I could have a personal website where I blog about all the things I find fun and interesting. Rather, it was seeing role models from all different backgrounds that made me think I could take more control of the web, and use the web as a platform not for consumption or creation for capital, but as a place of&nbsp;expression.</p>
  163. <p><cite><em><a data-link-domain="jamesg.blog" href="https://jamesg.blog/2024/05/19/next-web-decade/" hreflang="en"
  164. title="Consultation de l’article (anglais)">The next decade of the web</a>
  165. <a href="/david/cache/2024/50fb34a41d67e9468fce639e97fd62a3/" hreflang="en"
  166. data-tippy data-description="My experience on the web has been one of dualities."
  167. data-source="https://jamesg.blog/2024/05/19/next-web-decade/"
  168. data-date="2024-05-21"
  169. data-favicon="https://jamesg.blog/favicon.ico"
  170. data-domain="jamesg.blog"
  171. ><svg xmlns="http://www.w3.org/2000/svg"
  172. width="24" height="24" viewBox="0 0 24 24" fill="none"
  173. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  174. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  175. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  176. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  177. </svg>
  178. <span class="sr-only">[archive]</span></a></em></cite></p>
  179. </blockquote>
  180. <p>Un peu d’optimisme ne fait pas de&nbsp;mal.</p>
  181. <a href="#hr-170" title="Lien vers cette section de la page"><hr id="hr-170" /></a>
  182. <blockquote>
  183. <p>The best way to think of SLS is as a balding guy with a mullet: there are fireworks down below that are meant to distract you from a sad situation up&nbsp;top.</p>
  184. <p><cite><em><a data-link-domain="idlewords.com" href="https://idlewords.com/2024/5/the_lunacy_of_artemis.htm" hreflang=""
  185. title="Consultation de l’article">The Lunacy of Artemis (Idle Words)</a>
  186. <a href="/david/cache/2024/b1099381931e530393ab2740d48ae1ef/" hreflang=""
  187. data-tippy data-description="For the first time since the 1960's, it looks doubtful whether the US space agency is even capable of getting us to the Moon."
  188. data-source="https://idlewords.com/2024/5/the_lunacy_of_artemis.htm"
  189. data-date="2024-05-21"
  190. data-favicon=""
  191. data-domain="idlewords.com"
  192. ><svg xmlns="http://www.w3.org/2000/svg"
  193. width="24" height="24" viewBox="0 0 24 24" fill="none"
  194. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  195. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  196. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  197. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  198. </svg>
  199. <span class="sr-only">[archive]</span></a></em></cite></p>
  200. </blockquote>
  201. <p>Maciej Cegłowski, in style&nbsp;😂.</p>
  202. <p>Voir aussi&nbsp;: <a data-link-domain="idlewords.com" href="https://idlewords.com/2023/1/why_not_mars.htm" hreflang="en"
  203. title="Consultation de l’article (anglais)">Why Not Mars</a>
  204. <a href="/david/cache/2024/9dee199dbf71b1176eaac521e828693b/" hreflang="en"
  205. data-tippy data-description="It's slow, expensive, the engineering is mostly port-a-potty chemistry, and the best-case outcome is that thirty years from now we’ll get to watch someone remotely operate a soil scoop from Mars instead of Pasadena"
  206. data-source="https://idlewords.com/2023/1/why_not_mars.htm"
  207. data-date="2024-05-21"
  208. data-favicon=""
  209. data-domain="idlewords.com"
  210. ><svg xmlns="http://www.w3.org/2000/svg"
  211. width="24" height="24" viewBox="0 0 24 24" fill="none"
  212. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  213. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  214. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  215. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  216. </svg>
  217. <span class="sr-only">[archive]</span></a>.</p>
  218. <a href="#hr-171" title="Lien vers cette section de la page"><hr id="hr-171" /></a>
  219. <blockquote lang="en">
  220. <p>Rye said Apple’s response addressed the most depressing aspect of their research: That there was previously no way for anyone to opt out of this data&nbsp;collection.</p>
  221. <p>“You may not have Apple products, but if you have an access point and someone near you owns an Apple device, your BSSID will be in [Apple’s] database,” he said. “What’s important to note here is that <mark>every access point is being tracked, without opting in, whether they run an Apple device or not.</mark> Only after we disclosed this to Apple have they added the ability for people to opt&nbsp;out.”</p>
  222. <p><cite><em><a data-link-domain="krebsonsecurity.com" href="https://krebsonsecurity.com/2024/05/why-your-wi-fi-router-doubles-as-an-apple-airtag/" hreflang="en"
  223. title="Consultation de l’article (anglais)">Why Your Wi-Fi Router Doubles as an Apple AirTag</a>
  224. <a href="/david/cache/2024/34b4deffee5820ed20c6e57d6c0ee000/" hreflang="en"
  225. data-tippy data-description="Apple and the satellite-based broadband service Starlink each recently took steps to address new research into the potential security and privacy implications of how their services geo-locate devices. Researchers from the University of Maryland say they relied on publicly available…"
  226. data-source="https://krebsonsecurity.com/2024/05/why-your-wi-fi-router-doubles-as-an-apple-airtag/"
  227. data-date="2024-05-22"
  228. data-favicon="https://krebsonsecurity.com/favicon.ico"
  229. data-domain="krebsonsecurity.com"
  230. ><svg xmlns="http://www.w3.org/2000/svg"
  231. width="24" height="24" viewBox="0 0 24 24" fill="none"
  232. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  233. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  234. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  235. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  236. </svg>
  237. <span class="sr-only">[archive]</span></a></em></cite></p>
  238. </blockquote>
  239. <p>Le ver est dans la pomme depuis un peu trop longtemps à mon&nbsp;goût…</p>
  240. <p>Un <a data-link-domain="infosec.exchange" href="https://infosec.exchange/@briankrebs/112480004285401846">résumé sur masto</a>.</p>
  241. <a href="#hr-172" title="Lien vers cette section de la page"><hr id="hr-172" /></a>
  242. <blockquote lang="en">
  243. <p>Recall works by <mark>taking a screenshot of your active window every few seconds</mark>, recording everything you do in Windows for up to three months by&nbsp;default.</p>
  244. <p>These snapshots will be analyzed by the on-device Neural Processing Unit (NPU) and an AI model to extract data from the screenshot. The data will be saved in a semantic index, allowing Windows users to browse through the snapshot history or search using human language&nbsp;queries.</p>
  245. <p><cite><em><a data-link-domain="bleepingcomputer.com" href="https://www.bleepingcomputer.com/news/microsoft/microsofts-new-windows-11-recall-is-a-privacy-nightmare/" hreflang="en"
  246. title="Consultation de l’article (anglais)">Microsoft’s new Windows 11&nbsp;Recall is a privacy nightmare</a>
  247. <a href="/david/cache/2024/e1f6125fe416ecd26f2804cdab5cc571/" hreflang="en"
  248. data-tippy data-description="Microsoft&#039;s announcement of the new AI-powered Windows 11 Recall feature has sparked a lot of concern, with many thinking that it has created massive privacy risks and a new attack vector that threat actors can exploit to steal data."
  249. data-source="https://www.bleepingcomputer.com/news/microsoft/microsofts-new-windows-11-recall-is-a-privacy-nightmare/"
  250. data-date="2024-05-24"
  251. data-favicon="https://www.bleepstatic.com/favicon/bleeping.ico"
  252. data-domain="bleepingcomputer.com"
  253. ><svg xmlns="http://www.w3.org/2000/svg"
  254. width="24" height="24" viewBox="0 0 24 24" fill="none"
  255. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  256. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  257. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  258. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  259. </svg>
  260. <span class="sr-only">[archive]</span></a></em></cite></p>
  261. </blockquote>
  262. <p>C’est la porte ouverte à toute les fenêtres, Windows Unlimited eut été un meilleur nom. 🤡</p>
  263. <a href="#hr-173" title="Lien vers cette section de la page"><hr id="hr-173" /></a>
  264. <blockquote lang="en">
  265. <p>Russian troops in Ukraine are using thousands of Starlink satellite communications terminals made by Elon Musk’s SpaceX, the Ukrainian military intelligence chief told the Wall Street Journal in an interview published on&nbsp;Thursday.</p>
  266. <p>Lieutenant General Kyrylo Budanov said that <mark>Russian troops have been communicating over the Starlink system “for quite a long time”</mark> and acquired the terminals from private Russian firms that purchased them from&nbsp;intermediaries.</p>
  267. <p><cite><em><a data-link-domain="reuters.com" href="https://www.reuters.com/world/europe/russia-using-thousands-spacex-starlink-terminals-ukraine-wsj-says-2024-02-15/" hreflang="en"
  268. title="Consultation de l’article (anglais)">Russia using thousands of SpaceX Starlink terminals in Ukraine, WSJ says</a>
  269. <a href="/david/cache/2024/664e0f4028089315e2fa0be1c8c70300/" hreflang="en"
  270. data-tippy data-description="The Russian Embassy and SpaceX did not respond immediately to requests for comment."
  271. data-source="https://www.reuters.com/world/europe/russia-using-thousands-spacex-starlink-terminals-ukraine-wsj-says-2024-02-15/"
  272. data-date="2024-05-22"
  273. data-favicon="https://www.reuters.com/favicon.ico"
  274. data-domain="reuters.com"
  275. ><svg xmlns="http://www.w3.org/2000/svg"
  276. width="24" height="24" viewBox="0 0 24 24" fill="none"
  277. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  278. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  279. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  280. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  281. </svg>
  282. <span class="sr-only">[archive]</span></a></em></cite></p>
  283. </blockquote>
  284. <p>Neutralité du net vs. héroïsation des fournisseurs d’accès à&nbsp;internet.</p>
  285. <a href="#hr-174" title="Lien vers cette section de la page"><hr id="hr-174" /></a>
  286. <blockquote lang="en">
  287. <p>This leads us straight back to the original conversation about “Man or Bear,” which has nothing to do with bears. (Sorry, bears!) <mark>“Would you rather be stuck in a forest with a man or a bear?” is just another way of asking, “Are you afraid of men?”</mark> It’s the same question I’ve been fielding for the entirety of my life as a solo female traveler. It’s the same question that hovers over women all the time as we move through the&nbsp;world.</p>
  288. <p>And it’s a question that’s always been difficult for me to answer. I’m not afraid of all men. But I am afraid of some men. The real problem is the gray area in between and what it takes to manage the murkiness of that&nbsp;unknown.</p>
  289. <p><cite><em><a data-link-domain="bikepacking.com" href="https://bikepacking.com/plog/man-or-bear-debate/" hreflang="en"
  290. title="Consultation de l’article (anglais)">A Woman Who Left Society to Live With Bears Weighs in on “Man or Bear”</a>
  291. <a href="/david/cache/2024/cba1417ac2338abde14bb06d0a1f505d/" hreflang="en"
  292. data-tippy data-description="In this piece, long-term bicycle traveler Laura Killingbeck reflects on the Man or Bear debate and adds her unique perspective..."
  293. data-source="https://bikepacking.com/plog/man-or-bear-debate/"
  294. data-date="2024-05-24"
  295. data-favicon="https://bikepacking.com/icon.svg?v=2"
  296. data-domain="bikepacking.com"
  297. ><svg xmlns="http://www.w3.org/2000/svg"
  298. width="24" height="24" viewBox="0 0 24 24" fill="none"
  299. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  300. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  301. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  302. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  303. </svg>
  304. <span class="sr-only">[archive]</span></a></em></cite></p>
  305. </blockquote>
  306. <p>En tant qu’homme qui peut croiser des hommes et des ours dans la forêt, j’ai déjà plus peur de croiser un homme. Je n’imagine même pas en tant que&nbsp;femme.</p>
  307. <p>À mon niveau, lorsque je croise une femme seule dans la forêt (très rare, mais ça arrive), j’essaye de rester à bonne distance en ayant l’attitude que j’aurais vis-à-vis… d’un&nbsp;ours.</p>
  308. <blockquote lang="en">
  309. <p>As I listened to his laughter, a visceral understanding rose from my stomach and landed in my brain. In that moment I knew something that I could no longer prevent myself from knowing. That the person I loved got bigger when I got smaller. That he could not stop bringing me down, because bringing me down was what brought him&nbsp;up.</p>
  310. <p><cite><em><a data-link-domain="bicycling.com" href="https://www.bicycling.com/rides/a34466128/search-for-the-wild-reindeer/" hreflang="en"
  311. title="Consultation de l’article (anglais)">In Search of the Wild Reindeer</a>
  312. <a href="/david/cache/2024/49b61c702d03a23ba3e0801bdaa3cb07/" hreflang="en"
  313. data-tippy data-description="When her life fell apart, Laura Killingbeck went on an epic bike journey to find wild reindeer in Labrador."
  314. data-source="https://www.bicycling.com/rides/a34466128/search-for-the-wild-reindeer/"
  315. data-date="2024-05-24"
  316. data-favicon="https://www.bicycling.com/_assets/design-tokens/bicycling/static/images/favicon.94f0fb3.ico"
  317. data-domain="bicycling.com"
  318. ><svg xmlns="http://www.w3.org/2000/svg"
  319. width="24" height="24" viewBox="0 0 24 24" fill="none"
  320. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  321. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  322. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  323. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  324. </svg>
  325. <span class="sr-only">[archive]</span></a></em></cite></p>
  326. </blockquote>
  327. <p>😭</p>
  328. <nav>
  329. <p>
  330. <a href="/david/2024/evolution/"
  331. title="Liste de tous les articles 2024 associés à cette étiquette"
  332. rel="tag">#évolution</a>
  333. <a href="/david/2024/liens/"
  334. title="Liste de tous les articles 2024 associés à cette étiquette"
  335. rel="tag">#liens</a>
  336. <a href="/david/2024/web/"
  337. title="Liste de tous les articles 2024 associés à cette étiquette"
  338. rel="tag">#web</a>
  339. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  340. </p>
  341. </nav>
  342. <h2>
  343. <a href="/david/2024/05/20/" title="Lien permanent vers cet article">Stimulations</a> <time datetime="2024-05-20">20 mai 2024</time>
  344. </h2>
  345. <p><a href="/david/2024/05/12/" title="Alien">Je me suis demandé</a> en passant par la page sur le <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Stimming">Stimming</a> (<a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Auto-stimulation">Auto-stimulation</a> en français) après avoir couru s’il pouvait y avoir un lien avec les sports d’endurance. Je n’ai trouvé que <a data-link-domain="ncbi.nlm.nih.gov" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8992823/">cet article</a> qui n’a pas été&nbsp;publié&nbsp;:</p>
  346. <blockquote lang="en">
  347. <p>Physical activity is beneficial for physical and mental health in the general population. Among autistic people, a range of physical and mental health conditions, particularly depression and anxiety, occur more frequently than in the general population. <mark>Physical activity interventions could help improve physical and mental health in autistic adults,</mark> but there is a lack of research in the area. The aim of this perspective article is to explore research into physical activity interventions for autistic adults, and identify gaps particularly in need of&nbsp;addressing.</p>
  348. </blockquote>
  349. <p>J’imagine que les mouvements de jambes à l’arrêt facilitent la récupération aussi d’une certaine&nbsp;manière&nbsp;😇.</p>
  350. <p><a href="/david/2024/04/13/#hr-148">Still</a> <a data-link-domain="relationalpsych.group" href="https://www.relationalpsych.group/articles/understanding-audhd-the-co-occurence-of-autism-and-adhd" hreflang="en"
  351. title="Consultation de l’article (anglais)">digging</a>
  352. <a href="/david/cache/2024/7f7afbfc0e4528838aadd7db4ba231cb/" hreflang="en"
  353. data-tippy data-description="Autism Assessment at Relational Psych involves comprehensive evaluations to diagnose Autism Spectrum Disorders (ASD). Our assessments are conducted by experienced professionals and are tailored to identify the unique needs and strengths of each individual."
  354. data-source="https://www.relationalpsych.group/articles/understanding-audhd-the-co-occurence-of-autism-and-adhd"
  355. data-date="2024-05-20"
  356. data-favicon="https://assets-global.website-files.com/638a47e8e6837e0de97565b0/63fc2dfc3efb72e41f561cf0_Exclude.png"
  357. data-domain="relationalpsych.group"
  358. ><svg xmlns="http://www.w3.org/2000/svg"
  359. width="24" height="24" viewBox="0 0 24 24" fill="none"
  360. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  361. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  362. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  363. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  364. </svg>
  365. <span class="sr-only">[archive]</span></a>&nbsp;⛏️.</p>
  366. <a href="#hr-160" title="Lien vers cette section de la page"><hr id="hr-160" /></a>
  367. <blockquote lang="en">
  368. <p>When you’re driving around in Google Maps, you’re piloting a spaceship in an ancient simulation of space&nbsp;warfare.</p>
  369. <p><cite><em><a data-link-domain="interconnected.org" href="https://interconnected.org/home/2024/05/17/arrow" hreflang="en"
  370. title="Consultation de l’article (anglais)">When you’re driving in Google Maps you’re re-enacting an ancient space combat sim</a>
  371. <a href="/david/cache/2024/37e471123bcb625e1ada602b1168a3dd/" hreflang="en"
  372. data-tippy data-description="Posted on Friday 17 May 2024. 1,259 words, 14 links. By Matt Webb."
  373. data-source="https://interconnected.org/home/2024/05/17/arrow"
  374. data-date="2024-05-20"
  375. data-favicon=""
  376. data-domain="interconnected.org"
  377. ><svg xmlns="http://www.w3.org/2000/svg"
  378. width="24" height="24" viewBox="0 0 24 24" fill="none"
  379. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  380. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  381. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  382. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  383. </svg>
  384. <span class="sr-only">[archive]</span></a></em></cite></p>
  385. </blockquote>
  386. <p>Matt Webb, un des meilleurs tisseurs du&nbsp;Web.</p>
  387. <a href="#hr-161" title="Lien vers cette section de la page"><hr id="hr-161" /></a>
  388. <blockquote>
  389. <p>Depuis quelques mois, je réalise des petites BD sur le même principe qu’Étymographie dans Le Combat syndicaliste, le journal de la CNT-F. <mark>Je les mets à l’occasion sur Instagram,</mark> mais je ne veux pas non plus totalement laisser mourir mon cher blog, d’autant qu’il y a peut-être une ou deux personnes qui y vont encore et boudent les réseaux sociaux, sait-on jamais… En voici donc&nbsp;trois</p>
  390. <p><cite><em><a data-link-domain="boutanox.blogspot.com" href="https://boutanox.blogspot.com/2024/04/melanailourologos-le-combat-syndicaliste.html" hreflang=""
  391. title="Consultation de l’article">Mélanaïlourologos - Le Combat syndicaliste</a>
  392. <a href="/david/cache/2024/8a50a4b5f8ead46ca899437425315367/" hreflang=""
  393. data-tippy data-description="Depuis quelques mois, je réalise des petites BD sur le même principe qu'Étymographie dans Le Combat syndicaliste , le journal de la CNT-F ...."
  394. data-source="https://boutanox.blogspot.com/2024/04/melanailourologos-le-combat-syndicaliste.html"
  395. data-date="2024-05-20"
  396. data-favicon="https://boutanox.blogspot.com/favicon.ico"
  397. data-domain="boutanox.blogspot.com"
  398. ><svg xmlns="http://www.w3.org/2000/svg"
  399. width="24" height="24" viewBox="0 0 24 24" fill="none"
  400. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  401. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  402. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  403. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  404. </svg>
  405. <span class="sr-only">[archive]</span></a></em></cite></p>
  406. </blockquote>
  407. <p>Merci aux auteur·ices qui publient aussi sur le web (même si c’est sur Google en&nbsp;l’occurence…).</p>
  408. <a href="#hr-162" title="Lien vers cette section de la page"><hr id="hr-162" /></a>
  409. <blockquote lang="en">
  410. <p>Libraries are essential for democracy. We provide librarians and their communities the necessary skills <mark>to turn our ideals into action,</mark> focused on issues like privacy, intellectual freedom, and information&nbsp;democracy.</p>
  411. <p><cite><em><a data-link-domain="libraryfreedom.org" href="https://libraryfreedom.org/">We are Library Freedom&nbsp;Project </a></em></cite></p>
  412. </blockquote>
  413. <p>📚✊</p>
  414. <a href="#hr-163" title="Lien vers cette section de la page"><hr id="hr-163" /></a>
  415. <blockquote>
  416. <p>Je ne connais pas bien l’analyse transactionnelle, mais je m’en méfie un peu, surement plus par ignorance que par&nbsp;connaissance.</p>
  417. <p>Je trouve cependant que les différents «&nbsp;P&nbsp;» (Protection, Permission, Puissance) qui sont proposés sont intéressants quand il s’agit de parler de confiance, de légitimité et de collaboration. Je suis content de rencontrer ces&nbsp;termes.</p>
  418. <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/oser-la-confiance.html" hreflang="fr"
  419. title="Consultation de l’article">Oser la confiance</a>
  420. <a href="/david/cache/2024/f0f339af451863ac8580a9fb65a58e99/" hreflang="fr"
  421. data-tippy data-description="On m’a conseillé ce livre, voici donc quelques notes."
  422. data-source="https://blog.notmyidea.org/oser-la-confiance.html"
  423. data-date="2024-05-20"
  424. data-favicon="https://blog.notmyidea.org/favicon-32x32.png"
  425. data-domain="blog.notmyidea.org"
  426. ><svg xmlns="http://www.w3.org/2000/svg"
  427. width="24" height="24" viewBox="0 0 24 24" fill="none"
  428. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  429. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  430. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  431. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  432. </svg>
  433. <span class="sr-only">[archive]</span></a></em></cite></p>
  434. </blockquote>
  435. <p>Cet article rai·ésonne <a href="/david/2024/05/13/" title="Tensions">particulièrement en ce moment</a>.</p>
  436. <a href="#hr-164" title="Lien vers cette section de la page"><hr id="hr-164" /></a>
  437. <blockquote>
  438. <p>Si je prends la parole aujourd’hui, c’est que je pense que mon parcours et mon cheminement intellectuel peuvent servir à d’autres confrères qui, je le sais, sont nombreux à être passés par mes différentes&nbsp;situations.</p>
  439. <p>Lorsque je suis entré en études d’ostéopathie, j’étais certain de commencer un cursus scientifique qui m’amènerait à être une profession de santé&nbsp;respectable.</p>
  440. <p><cite><em><a data-link-domain="scribe.rip" href="https://scribe.rip/@laurentlouat/ost%C3%A9opathe-je-nen-garderai-que-le-nom-fd14316bc871" hreflang="fr"
  441. title="Consultation de l’article">Ostéopathe, je n’en garderai que le nom</a>
  442. <a href="/david/cache/2024/b2c5ca7e92e2c0d461bc3c7da36e8d32/" hreflang="fr"
  443. data-tippy data-description="Cette rupture est symbolique. Mais les dérives sont quant à elles réelles. N’oubliez pas, ne pas se positionner, c’est cautionner."
  444. data-source="https://scribe.rip/@laurentlouat/ost%C3%A9opathe-je-nen-garderai-que-le-nom-fd14316bc871"
  445. data-date="2024-05-20"
  446. data-favicon="https://scribe.rip/favicon.ico"
  447. data-domain="scribe.rip"
  448. ><svg xmlns="http://www.w3.org/2000/svg"
  449. width="24" height="24" viewBox="0 0 24 24" fill="none"
  450. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  451. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  452. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  453. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  454. </svg>
  455. <span class="sr-only">[archive]</span></a></em></cite></p>
  456. </blockquote>
  457. <p>Merci aux personnes qui témoignent de&nbsp;l’intérieur.</p>
  458. <a href="#hr-165" title="Lien vers cette section de la page"><hr id="hr-165" /></a>
  459. <blockquote lang="en">
  460. <p>In our increasingly data-driven world, the ability to quickly and accurately access geospatial data can transform industries from public health to urban planning. Imagine being able to locate and analyze data from ‘within 10&nbsp;miles of the North Carolina coastline’ in mere seconds. Natural Language Geocoding makes this possible, <mark>bridging the gap between complex geospatial queries and user-friendly language.</mark> Let’s dive into how this innovative technology is changing the landscape of data analysis, making it more accessible and&nbsp;efficient.</p>
  461. <p><cite><em><a data-link-domain="element84.com" href="https://www.element84.com/machine-learning/natural-language-geocoding/" hreflang="en"
  462. title="Consultation de l’article (anglais)">Natural Language Geocoding</a>
  463. <a href="/david/cache/2024/7084f7b279604bc141fee03e01531eb7/" hreflang="en"
  464. data-tippy data-description="We discuss how natural language geocoding is changing the landscape of data analysis, making it more accessible and efficient."
  465. data-source="https://www.element84.com/machine-learning/natural-language-geocoding/"
  466. data-date="2024-05-20"
  467. data-favicon="https://www.element84.com/favicon-32x32.png?v=24e856d25e63af3f5b952cefe84a531f"
  468. data-domain="element84.com"
  469. ><svg xmlns="http://www.w3.org/2000/svg"
  470. width="24" height="24" viewBox="0 0 24 24" fill="none"
  471. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  472. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  473. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  474. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  475. </svg>
  476. <span class="sr-only">[archive]</span></a></em></cite></p>
  477. </blockquote>
  478. <p>L’AI s’immisce décidément partout. Je pensais naïvement être épargné dans ce domaine là. #enshAIttification (you saw it here&nbsp;first).</p>
  479. <a href="#hr-166" title="Lien vers cette section de la page"><hr id="hr-166" /></a>
  480. <blockquote lang="en">
  481. <p>A privacy-first, no-nonsense, super-fast <mark>blogging&nbsp;platform</mark></p>
  482. <p>No trackers, no javascript, no stylesheets. Just your&nbsp;words.</p>
  483. <p><cite><em><a data-link-domain="bearblog.dev" href="https://bearblog.dev/">ʕ•ᴥ•ʔ Bear&nbsp;Blog</a></em></cite></p>
  484. </blockquote>
  485. <a href="#hr-167" title="Lien vers cette section de la page"><hr id="hr-167" /></a>
  486. <blockquote>
  487. <p>Éducation sur le cannabis <mark>pour et par</mark> les Premières Nations, les Inuits et les&nbsp;Métis</p>
  488. <p><cite><em><a data-link-domain="nwaccannabised.ca" href="https://nwaccannabised.ca/fr">NWAC&nbsp;Cannabis</a></em></cite></p>
  489. </blockquote>
  490. <p>Je découvre au passage <a data-link-domain="deplume.ca" href="https://deplume.ca/">Design de Plume</a>.</p>
  491. <a href="#hr-168" title="Lien vers cette section de la page"><hr id="hr-168" /></a>
  492. <blockquote>
  493. <p>Peut-être que je viens de courir le 5k le plus rapide du reste de ma vie. 🏃💨</p>
  494. <p><cite><em><a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111133899699614778">Sur masto</a>, le 26&nbsp;septembre&nbsp;2023</em></cite></p>
  495. </blockquote>
  496. <p>Ce pouet va mal&nbsp;vieillir&nbsp;🫀🦵.</p>
  497. <nav>
  498. <p>
  499. <a href="/david/2024/apprentissage/"
  500. title="Liste de tous les articles 2024 associés à cette étiquette"
  501. rel="tag">#apprentissage</a>
  502. <a href="/david/2024/documentation/"
  503. title="Liste de tous les articles 2024 associés à cette étiquette"
  504. rel="tag">#documentation</a>
  505. <a href="/david/2024/liens/"
  506. title="Liste de tous les articles 2024 associés à cette étiquette"
  507. rel="tag">#liens</a>
  508. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  509. </p>
  510. </nav>
  511. <h2>
  512. <a href="/david/2024/03/13/" title="Lien permanent vers cet article">Sérendipité</a> <time datetime="2024-03-13">13 mars 2024</time>
  513. </h2>
  514. <blockquote lang="en">
  515. <p>Discovering things via links is way more fun than most algorithmically-driven discovery — in my humble&nbsp;opinion.</p>
  516. <p>As an analogy, it’s kind of like going on vacation to a new place and staying/living amongst the locals vs. staying at a manicured 5-star hotel that gives you no reason to leave. <mark>Can you really say you visited the location if you never left the&nbsp;hotel?</mark></p>
  517. <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/following-links/" hreflang="en"
  518. title="Consultation de l’article (anglais)">Following Links - Jim Nielsen’s Blog</a>
  519. <a href="/david/cache/2024/c26881e908632b460cfd93fe61cc0466/" hreflang="en"
  520. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  521. data-source="https://blog.jim-nielsen.com/2024/following-links/"
  522. data-date="2024-03-12"
  523. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  524. data-domain="blog.jim-nielsen.com"
  525. ><svg xmlns="http://www.w3.org/2000/svg"
  526. width="24" height="24" viewBox="0 0 24 24" fill="none"
  527. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  528. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  529. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  530. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  531. </svg>
  532. <span class="sr-only">[archive]</span></a></em></cite></p>
  533. </blockquote>
  534. <p>Je suis toujours étonné qu’il n’y ait pas des navigateurs qui affichent la toile de nos navigations de manière plus ou moins artistiques. On pourrait avoir des topologies de navigations, potentiellement quotidiennes, des points de comparaison avec d’autres personnes, une représentation de la curiosité, de l’enfermement dans des silos, etc.</p>
  535. <blockquote lang="en">
  536. <p>A surprising number of other features can be expressed in terms of&nbsp;links.</p>
  537. <p><cite><em><a data-link-domain="subconscious.substack.com" href="https://subconscious.substack.com/p/all-you-need-is-links" hreflang="en"
  538. title="Consultation de l’article (anglais)">All you need is links</a>
  539. <a href="/david/cache/2024/a801772c901c3e5cfad33f637d00151e/" hreflang="en"
  540. data-tippy data-description="Before reaching for features, my goal is to explore, to the fullest extent, the creative potential of plain old links."
  541. data-source="https://subconscious.substack.com/p/all-you-need-is-links"
  542. data-date="2024-03-12"
  543. data-favicon="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4d01c24b-d99d-497e-9e60-1a2427581cad%2Ffavicon-16x16.png"
  544. data-domain="subconscious.substack.com"
  545. ><svg xmlns="http://www.w3.org/2000/svg"
  546. width="24" height="24" viewBox="0 0 24 24" fill="none"
  547. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  548. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  549. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  550. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  551. </svg>
  552. <span class="sr-only">[archive]</span></a></em></cite></p>
  553. </blockquote>
  554. <a href="#hr-112" title="Lien vers cette section de la page"><hr id="hr-112" /></a>
  555. <blockquote lang="en">
  556. <p><code>printf '\e]8;;http://example.com\e\\This is a link\e]8;;\e\\\n'</code></p>
  557. <p><cite><em><a data-link-domain="notes.billmill.org" href="https://notes.billmill.org/programming/bash/Hyperlink_escape_codes.html" hreflang="en"
  558. title="Consultation de l’article (anglais)">Hyperlink escape codes</a>
  559. <a href="/david/cache/2024/f68e9507784b5baf1584085908d60f58/" hreflang="en"
  560. data-tippy data-description="To print out a clickable hyperlink in a terminal"
  561. data-source="https://notes.billmill.org/programming/bash/Hyperlink_escape_codes.html"
  562. data-date="2024-03-13"
  563. data-favicon="https://notes.billmill.org/favicon.ico"
  564. data-domain="notes.billmill.org"
  565. ><svg xmlns="http://www.w3.org/2000/svg"
  566. width="24" height="24" viewBox="0 0 24 24" fill="none"
  567. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  568. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  569. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  570. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  571. </svg>
  572. <span class="sr-only">[archive]</span></a></em></cite></p>
  573. </blockquote>
  574. <p>Qui me fait découvre <a data-link-domain="github.com" href="https://github.com/nedbat/watchgha">watchgha</a>, bien pratique pour avoir un accès rapide aux résultats de l’intégration&nbsp;continue.</p>
  575. <figure>
  576. <a href="/static/david/2024/2024-03-13-watchgha.png"
  577. title="Cliquer pour une version haute résolution">
  578. <img
  579. src="/static/david/2024/2024-03-13-watchgha.png"
  580. width="2422" height="192"
  581. srcset="/static/david/2024/2024-03-13-watchgha.png 2422w, /static/david/2024/2024-03-13-watchgha.png 660w, /static/david/2024/2024-03-13-watchgha.png 990w, /static/david/2024/2024-03-13-watchgha.png 1320w"
  582. sizes="min(100vw, calc(100vh * 2422 / 192))"
  583. loading="lazy"
  584. decoding="async"
  585. alt="Capture d’écran du résultat de la commande git runs avec l’alias git qui pointe vers watchgha.">
  586. </a>
  587. <figcaption>Ça passe 🎉 (je vais essayer de faire une démo d’oEmbed par ici à un&nbsp;moment).</figcaption>
  588. </figure>
  589. <a href="#hr-113" title="Lien vers cette section de la page"><hr id="hr-113" /></a>
  590. <blockquote>
  591. <p>Le constat est simple&nbsp;: je trouve que le Web ne va pas fort en ce moment, et je voulais à ma petite échelle montrer un peu&nbsp;l’exemple.</p>
  592. <p><cite><em><a data-link-domain="vincent-valentin.name" href="https://vincent-valentin.name/articles/motivation-s" hreflang="fr"
  593. title="Consultation de l’article">Motivation(s) chez Vincent Valentin.</a>
  594. <a href="/david/cache/2024/c6e0fe933581c74380fa8eaa7f229353/" hreflang="fr"
  595. data-tippy data-description="Site personnel de Vincent Valentin, habitant à Nantes, quarante-quatre ans et intégrateur web depuis plus de quinze ans."
  596. data-source="https://vincent-valentin.name/articles/motivation-s"
  597. data-date="2024-03-13"
  598. data-favicon="https://vincent-valentin.name/favicon-32x32.png"
  599. data-domain="vincent-valentin.name"
  600. ><svg xmlns="http://www.w3.org/2000/svg"
  601. width="24" height="24" viewBox="0 0 24 24" fill="none"
  602. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  603. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  604. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  605. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  606. </svg>
  607. <span class="sr-only">[archive]</span></a></em></cite></p>
  608. </blockquote>
  609. <p>Très chouettes publications cette dernière semaine en tout cas&nbsp;&lt;3.</p>
  610. <a href="#hr-114" title="Lien vers cette section de la page"><hr id="hr-114" /></a>
  611. <p>Rétropédalage sur <a href="/david/2024/03/12/" title="Surligner">le surlignage</a>. Beaucoup trop de retours qui trouvent cela davantage distrayant qu’utile. Pour l’instant, j’ai gardé la logique mais sans animation. Je me demande si je vais en faire un <em>opt-in</em> à un&nbsp;moment.</p>
  612. <a href="#hr-115" title="Lien vers cette section de la page"><hr id="hr-115" /></a>
  613. <blockquote>
  614. <p>Puisque la demi-mesure ne fait pas partie de mon vocabulaire, j’ai tenu à travailler au plus proche des techniques médiévales. <mark>J’ai ainsi appris à encrer à la plume, dorer à la feuille d’or pur, peindre aux pigments en poudre et relier au cuir de chèvre.</mark> Je m’y suis dévouée corps et âme, dédiant le moindre de mon temps libre à la concrétisation de ce projet qui devait se mener dans le plus grand secret. Je m’attelais à l’ouvrage à la moindre opportunité, me levant parfois à l’aube pour grappiller une heure de calligraphie avant d’aller bosser ou prolongeant des soirées jusqu’au petit matin lorsque K travaillait de&nbsp;nuit.</p>
  615. <p>Au total j’ai passé plus de 230&nbsp;heures sur ce&nbsp;projet</p>
  616. <p><cite><em><a data-link-domain="hypothermia.fr" href="https://www.hypothermia.fr/2024/03/chiroto-t-datoca/" hreflang="fr"
  617. title="Consultation de l’article">Chiroto T. Datoca</a>
  618. <a href="/david/cache/2024/f5294ac20ea593cce56caf2379813a4a/" hreflang="fr"
  619. data-tippy data-description="Il y a quinze ans, j'ai entamé un projet de calligraphie que je n'ai jamais terminé, un cadeau que je n'ai jamais offert."
  620. data-source="https://www.hypothermia.fr/2024/03/chiroto-t-datoca/"
  621. data-date="2024-03-13"
  622. data-favicon="https://www.hypothermia.fr/wp-content/uploads/fbrfg/favicon-32x32.png"
  623. data-domain="hypothermia.fr"
  624. ><svg xmlns="http://www.w3.org/2000/svg"
  625. width="24" height="24" viewBox="0 0 24 24" fill="none"
  626. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  627. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  628. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  629. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  630. </svg>
  631. <span class="sr-only">[archive]</span></a></em></cite></p>
  632. </blockquote>
  633. <p>Ce moment où tu te rends compte que tu n’es pas perfectionniste en fait 🤯. Chapeau bas&nbsp;l’artiste.</p>
  634. <a href="#hr-116" title="Lien vers cette section de la page"><hr id="hr-116" /></a>
  635. <blockquote lang="en">
  636. <p>Rust-like error handling in Python, with type-safety in&nbsp;mind.</p>
  637. <p><cite><em><a data-link-domain="github.com" href="https://github.com/alexandermalyga/poltergeist">poltergeist</a></em></cite></p>
  638. </blockquote>
  639. <p>J’ai très souvent retrouvé le besoin de ce <em>pattern</em> dans mes&nbsp;projets.</p>
  640. <a href="#hr-117" title="Lien vers cette section de la page"><hr id="hr-117" /></a>
  641. <p>Sortie de la <a data-link-domain="pypi.org" href="https://pypi.org/project/pressoir-cli/2.0.0/">version 2.0&nbsp;de pressoir-cli</a> (oui, <a href="/david/2024/02/16/" title="uMap 2">c’est ma période</a>). L’une des prochaines étapes sera de générer sa propre documentation en l’utilisant. Ça peut paraitre stupide mais c’est trop <em>meta</em> pour ne pas le&nbsp;faire&nbsp;😇.</p>
  642. <a href="#hr-118" title="Lien vers cette section de la page"><hr id="hr-118" /></a>
  643. <blockquote>
  644. <p>Nginx de part sa robustesse, sa structure minimaliste et son fonctionnement événementiel asynchrone est un serveur web plébiscité pour ses performances. Mais ce n’est pas parce qu’on a une Porsche qu’il ne faut pas tenter de la rendre encore plus&nbsp;puissante&#8239;!</p>
  645. <p><cite><em><a data-link-domain="buzut.net" href="https://buzut.net/optimiser-nginx/" hreflang="fr"
  646. title="Consultation de l’article">Optimisez Nginx pour de meilleurs performances</a>
  647. <a href="/david/cache/2024/b33059055c307477e43390a51f9a104a/" hreflang="fr"
  648. data-tippy data-description="Nginx est réputé pour sa rapidité, mais quand votre serveur fait face à un trafic énorme, il est possible d'en tirer encore plus. Voyons comment !"
  649. data-source="https://buzut.net/optimiser-nginx/"
  650. data-date="2024-03-13"
  651. data-favicon="https://buzut.net/img/favicon.png"
  652. data-domain="buzut.net"
  653. ><svg xmlns="http://www.w3.org/2000/svg"
  654. width="24" height="24" viewBox="0 0 24 24" fill="none"
  655. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  656. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  657. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  658. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  659. </svg>
  660. <span class="sr-only">[archive]</span></a></em></cite></p>
  661. </blockquote>
  662. <p>Pour lecture&nbsp;ultérieure.</p>
  663. <a href="#hr-119" title="Lien vers cette section de la page"><hr id="hr-119" /></a>
  664. <blockquote>
  665. <p><code>font-size: calc(1rem + 0.25vw);</code></p>
  666. <p><cite><em><a data-link-domain="jameshfisher.com" href="https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/" hreflang="en"
  667. title="Consultation de l’article (anglais)">A formula for responsive font-size</a>
  668. <a href="/david/cache/2024/08b2b2735f74ebf856d8a850cc9e41cc/" hreflang="en"
  669. data-tippy data-description="This CSS is now part of most websites I make:"
  670. data-source="https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/"
  671. data-date="2024-03-13"
  672. data-favicon="https://jameshfisher.com/assets/jim_128.png"
  673. data-domain="jameshfisher.com"
  674. ><svg xmlns="http://www.w3.org/2000/svg"
  675. width="24" height="24" viewBox="0 0 24 24" fill="none"
  676. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  677. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  678. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  679. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  680. </svg>
  681. <span class="sr-only">[archive]</span></a></em></cite></p>
  682. </blockquote>
  683. <p>Moins poussé que le <a data-link-domain="utopia.fyi" href="https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&amp;s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C6,s-l&amp;g=s,l,xl,12">Fluid type scale calculator</a> mais dans un contexte plus minimaliste / simple ça fait déjà le&nbsp;taf.</p>
  684. <a href="#hr-120" title="Lien vers cette section de la page"><hr id="hr-120" /></a>
  685. <blockquote lang="en">
  686. <p>To enable such progress, <strong>the Web Consortium too has evolved, always taking a people-first approach:</strong> the Web must continue to serve humanity. The first such inflection point was the creation of the patent policy in 2003&nbsp;which assures that specifications can be implemented on a Royalty-Free basis and used at no cost, thus boosting adoption and usage. Another is the creation in 2011&nbsp;of W3C Community and Business Groups which enable everyone –not just W3C Members– to participate in the development of the Web or its technologies. Our most recent inflection point was <mark>re-launching the Consortium in 2023&nbsp;as a public-interest non-profit organization</mark> to work for the good of the&nbsp;public.</p>
  687. <p><cite><em><a data-link-domain="w3.org" href="https://www.w3.org/blog/2024/from-a-humble-beginning-35-years-ago-the-web-is-now-central-to-the-daily-lives-of-billions/" hreflang="en"
  688. title="Consultation de l’article (anglais)">From a humble beginning 35&nbsp;years ago, the Web is now central to the daily lives of billions</a>
  689. <a href="/david/cache/2024/c684ecb41e8e4ea04c6dac1e1d87f776/" hreflang="en"
  690. data-tippy data-description="In this blog post, W3C CEO Seth Dobbs depicts how from a humble beginning 35 years ago, the Web is now central to the daily lives of billions of people."
  691. data-source="https://www.w3.org/blog/2024/from-a-humble-beginning-35-years-ago-the-web-is-now-central-to-the-daily-lives-of-billions/"
  692. data-date="2024-03-13"
  693. data-favicon="https://www.w3.org/favicon.ico"
  694. data-domain="w3.org"
  695. ><svg xmlns="http://www.w3.org/2000/svg"
  696. width="24" height="24" viewBox="0 0 24 24" fill="none"
  697. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  698. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  699. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  700. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  701. </svg>
  702. <span class="sr-only">[archive]</span></a></em></cite></p>
  703. </blockquote>
  704. <p>35&nbsp;ans de liens. Merci Tim <em>et al.</em> d’avoir permis&nbsp;cela.</p>
  705. <nav>
  706. <p>
  707. <a href="/david/2024/liens/"
  708. title="Liste de tous les articles 2024 associés à cette étiquette"
  709. rel="tag">#liens</a>
  710. <a href="/david/2024/partage/"
  711. title="Liste de tous les articles 2024 associés à cette étiquette"
  712. rel="tag">#partage</a>
  713. <a href="/david/2024/web/"
  714. title="Liste de tous les articles 2024 associés à cette étiquette"
  715. rel="tag">#web</a>
  716. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  717. </p>
  718. </nav>
  719. <form action="/david/recherche/" method="get">
  720. <fieldset>
  721. <legend>Recherche</legend>
  722. <label for="input-search">Termes de votre recherche :</label>
  723. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  724. <input type="submit" value="Chercher">
  725. <p id="indexation-infos">
  726. <small>
  727. Seuls les contenus de ces 8 dernières années sont indexés.
  728. </small>
  729. </p>
  730. </fieldset>
  731. </form>
  732. <aside>
  733. <theme-toggle></theme-toggle>
  734. </aside>
  735. </article>
  736. <hr>
  737. <footer>
  738. <p>
  739. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  740. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  741. <a href="http://larlet.com"
  742. title="Go to my English profile"
  743. data-instant>Pro</a>
  744. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  745. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  746. </p>
  747. <template id="theme-selector">
  748. <form>
  749. <style type="text/css">
  750. fieldset div {
  751. text-align: center;
  752. }
  753. </style>
  754. <fieldset>
  755. <legend>Thème</legend>
  756. <div>
  757. <label>
  758. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  759. Auto
  760. </label>
  761. <label>
  762. <input type="radio" value="dark" name="chosen-color-scheme">
  763. Foncé
  764. </label>
  765. <label>
  766. <input type="radio" value="light" name="chosen-color-scheme">
  767. Clair
  768. </label>
  769. </div>
  770. </fieldset>
  771. </form>
  772. </template>
  773. </footer>
  774. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  775. <script>
  776. class ThemeToggle extends HTMLElement {
  777. constructor() {
  778. super()
  779. const themeSelectorTemplate = document.querySelector('#theme-selector')
  780. const form = themeSelectorTemplate.content.firstElementChild
  781. this.attachShadow({ mode: 'open' })
  782. this.shadowRoot.appendChild(form.cloneNode(true))
  783. }
  784. connectedCallback() {
  785. const form = this.shadowRoot.querySelector('form')
  786. form.addEventListener('change', (e) => {
  787. const chosenColorScheme = e.target.value
  788. localStorage.setItem('theme', chosenColorScheme)
  789. toggleTheme(chosenColorScheme)
  790. })
  791. const selectedTheme = localStorage.getItem('theme')
  792. if (selectedTheme && selectedTheme !== 'undefined') {
  793. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  794. }
  795. }
  796. }
  797. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  798. window.addEventListener('load', () => {
  799. let colorsLayer = undefined
  800. let hasDarkRules = false
  801. for (const styleSheet of Array.from(document.styleSheets)) {
  802. let mediaRules = []
  803. for (const layerRule of styleSheet.cssRules) {
  804. if (!(layerRule instanceof CSSLayerBlockRule)) {
  805. continue
  806. }
  807. if (layerRule.name === 'colors') {
  808. colorsLayer = layerRule
  809. }
  810. for (const cssRule of layerRule.cssRules) {
  811. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  812. continue
  813. }
  814. // WARNING: Safari does not have/supports `conditionText`.
  815. if (cssRule.conditionText) {
  816. if (cssRule.conditionText !== prefersColorSchemeDark) {
  817. continue
  818. }
  819. } else {
  820. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  821. continue
  822. }
  823. }
  824. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  825. }
  826. }
  827. // WARNING: do not try to insert a Rule to a styleSheet you are
  828. // currently iterating on, otherwise the browser will be stuck
  829. // in a infinite loop…
  830. for (const mediaRule of mediaRules) {
  831. // Safari requires the `0` second parameter (even if default).
  832. colorsLayer.insertRule(mediaRule.cssText, 0)
  833. hasDarkRules = true
  834. }
  835. }
  836. if (hasDarkRules) {
  837. if ('customElements' in window && !customElements.get('theme-toggle')) {
  838. customElements.define('theme-toggle', ThemeToggle)
  839. }
  840. }
  841. })
  842. </script>
  843. </body>
  844. </html>