Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 110KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442
  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 #commun
  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 #commun">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow…
  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body data-instant-intensity="viewport-all">
  111. <article>
  112. <header>
  113. <hgroup>
  114. <h1>#commun</h1>
  115. <p>Publications relatives à cette étiquette</p>
  116. </hgroup>
  117. </header>
  118. <nav>
  119. <p>
  120. <a href="/david/" title="Aller à l’accueil">
  121. Accueil</a>
  122. <a rel="tags"
  123. href="/david/2024/#tags"
  124. title="Liste de toutes les étiquettes">
  125. Étiquettes</a>
  126. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  127. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  128. </p>
  129. </nav>
  130. <h2>
  131. <a href="/david/2024/06/20/" title="Lien permanent vers cet article">Auto-promotion</a> <time datetime="2024-06-20">20 juin 2024</time>
  132. </h2>
  133. <blockquote>
  134. <p>— C’est en multipliant les échecs, en observant mes résultats que j’ai développé ce principe simple du <em>fair trade</em>. Ce principe est fondé sur une toute petite observation&nbsp;: les gens n’aiment pas se faire niquer, il faut donc leur proposer des deals qui les arrangent. Si le deal les arrange, il sont concentrés sur eux. Pas sur vous, sur vos&nbsp;objectifs.</p>
  135. <p>L’important, c’est de leur donner l’impression qu’ils y gagnent. En fait, ils y gagnent, mais en gagnant ils participent sans s’en rendre compte à votre projet, vos objectifs. Mais le plus important, docteur, c’est le fait qu’étant gagnants eux aussi dans le deal, ils n’auront aucune raison de vous en vouloir quand vous leur prendrez tout, quand la stratégie aura&nbsp;aboutit&#8239;!</p>
  136. <p>— Ce que les gens pensent compte pour&nbsp;vous&#8239;?</p>
  137. <p>— Docteur… il ne s’agit pas de moi. Il s’agit de continuer à vivre ensemble. Il s’agit de finir les vacances en paix… de ne pas pourrir&nbsp;Noël.</p>
  138. <p><mark>Le prix d’un objet, c’est le sacrifice qu’il représente.</mark> L’Homme procède à l’abstraction d’éléments particuliers pour en faire des unités et des totalités relatives. L’échange représente l’interaction humaine la plus pure et la plus dense, en cela qu’elle est le moment de&nbsp;vérité&#8239;!</p>
  139. <p>Le moment où la validité de la valeur s’exerce au-delà de l’individu. Il confère à la valeur le caractère de l’objectivité. Du fait qu’un sujet possède quelque chose qu’il n’avait pas auparavant et qu’en retour il n’a plus quelque chose qu’il possédait. Procurant un surplus de sentiment, de satisfaction par rapport à l’état antérieur. <mark>La valeur, c’est le résultat d’un sacrifice consenti.</mark> Le sacrifice est la condition inhérente au but à atteindre et au chemin à&nbsp;parcourir.</p>
  140. <p>Il est la condition absolue de la valeur, le prix de l’accession à la&nbsp;valeur.</p>
  141. <p><cite><em>TOTAL</em>, Ugo&nbsp;Bienvenu</cite></p>
  142. </blockquote>
  143. <p>Le plus difficile dans <a href="/david/2024/06/06/" title="Sensibilité">ma situation actuelle</a> —&nbsp;si je devais me remettre à mon compte&nbsp;— serait de devoir mettre en avant ma personne plutôt qu’un collectif. Je me sentais beaucoup plus à l’aise de faire la promotion d’un&nbsp;micro-commun.</p>
  144. <p>Et en même temps, je me sens trop en <em>fatigue de collaboration</em> pour avoir l’énergie de <a data-link-domain="cqcm.coop" href="https://www.cqcm.coop/quisommesnous/emplois/">rejoindre</a> un <a data-link-domain="reseau.coop" href="https://reseau.coop/repertoire/">groupe local</a>. Peut-être plus tard, lorsque j’aurai refait le tour de ma petite personne, que j’aurais peut-être de nouveau l’espoir&nbsp;collaboratif.</p>
  145. <p>Ces derniers soirs, j’essaye de me rassurer sur mes capacités techniques tout en sondant mes envies. J’essaye aussi de m’inspirer des engagements des&nbsp;autres&nbsp;:</p>
  146. <blockquote>
  147. <p>Copsaé se définit par des valeurs et des principes qui guident mon travail au quotidien. Parce qu’il est important pour moi de présenter ma démarche et que ces engagements me tiennent à cœur, j’ai choisi de les afficher&nbsp;publiquement.</p>
  148. <p><cite><em><a data-link-domain="copsae.fr" href="https://www.copsae.fr/a-propos/engagements/" hreflang="fr"
  149. title="Consultation de l’article">Mes engagements - Copsaé</a>
  150. <a href="/david/cache/2024/a9323e18a9a0baafc49c8451081dece2/" hreflang="fr"
  151. data-tippy data-description="Mes engagements pour un environnement de travail sain et respectueux"
  152. data-source="https://www.copsae.fr/a-propos/engagements/"
  153. data-date="2024-06-20"
  154. data-favicon="https://www.copsae.fr/favicon.ico"
  155. data-domain="copsae.fr"
  156. ><svg xmlns="http://www.w3.org/2000/svg"
  157. width="24" height="24" viewBox="0 0 24 24" fill="none"
  158. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  159. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  160. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  161. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  162. </svg>
  163. <span class="sr-only">[archive]</span></a></em></cite></p>
  164. </blockquote>
  165. <blockquote>
  166. <p><strong>Tu auras ton propre bout de web&#8239;!</strong> Fondamentalement, notre objectif est de te permettre d’avoir ton petit bout de web à toi, sur lequel tu seras indépendant, responsable, et en maîtrise de tes&nbsp;contenus.</p>
  167. <p><strong>Tu seras accompagné, mais autonome&#8239;!</strong> Notre mission, c’est de t’accompagner, et de te rendre autonome sur ton site, avec tes&nbsp;contenus.</p>
  168. <p><strong>Tu seras libre&#8239;!</strong> Tu peux décider de changer d’outils, de passer par un autre hébergeur que le nôtre, de nous quitter à tout moment. Nous garantissons un maximum d’interopérabilité, sauvegardes, ouverture. Nous prônons et n’utilisons que des logiciels et services&nbsp;libres.</p>
  169. <p><cite><em><a data-link-domain="updr.fr" href="https://updr.fr/notre-accompagnement/" hreflang="fr"
  170. title="Consultation de l’article">Notre accompagnement - UPDR éditions</a>
  171. <a href="/david/cache/2024/55f475e327a5d1c4851e1e67b19c83e6/" hreflang="fr"
  172. data-tippy data-description="Tu es une personne engagée, ou membre d’un collectif engagé, et tu souhaites développer ton indépendance numérique au travers d’un site web ? Nous pouvons t’accompagner. Voilà ce que nous pouvons te proposer : Nos engagements Tu auras ton propre bout de web ! Fondamentalement, notre objectif est de te permettre d’avoir ton petit bout […]"
  173. data-source="https://updr.fr/notre-accompagnement/"
  174. data-date="2024-06-20"
  175. data-favicon="https://updr.fr/wp-content/uploads/2023/02/favicon-150x150.png"
  176. data-domain="updr.fr"
  177. ><svg xmlns="http://www.w3.org/2000/svg"
  178. width="24" height="24" viewBox="0 0 24 24" fill="none"
  179. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  180. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  181. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  182. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  183. </svg>
  184. <span class="sr-only">[archive]</span></a></em></cite></p>
  185. </blockquote>
  186. <a href="#hr-183" title="Lien vers cette section de la page"><hr id="hr-183" /></a>
  187. <p>BD du jour&nbsp;: <a data-link-domain="annyo.logaton.fr" href="https://annyo.logaton.fr/">Annyo - le mouton à 5&nbsp;pattes</a>.</p>
  188. <a href="#hr-184" title="Lien vers cette section de la page"><hr id="hr-184" /></a>
  189. <p>Mot du jour&nbsp;: <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Schadenfreude">Schadenfreude</a>.</p>
  190. <a href="#hr-185" title="Lien vers cette section de la page"><hr id="hr-185" /></a>
  191. <p>Jeu d’hier&nbsp;: <a data-link-domain="coeurdessciences.uqam.ca" href="https://coeurdessciences.uqam.ca/component/eventlist/details/1187-foret-a-vous-de-jouer.html">Forêt mixte</a>.</p>
  192. <a href="#hr-186" title="Lien vers cette section de la page"><hr id="hr-186" /></a>
  193. <p>Initiatives croisées&nbsp;: <a data-link-domain="femmesexpertes.ca" href="https://femmesexpertes.ca/">FemmesExpertes.ca</a> - Pour la parité des genres dans les médias (voir aussi <a data-link-domain="expertesfrancophones.org" href="https://expertesfrancophones.org/">Expertes Francophones</a>).</p>
  194. <nav>
  195. <p>
  196. <a href="/david/2024/commun/"
  197. title="Liste de tous les articles 2024 associés à cette étiquette"
  198. rel="tag">#commun</a>
  199. <a href="/david/2024/introspection/"
  200. title="Liste de tous les articles 2024 associés à cette étiquette"
  201. rel="tag">#introspection</a>
  202. <a href="/david/2024/psychologie/"
  203. title="Liste de tous les articles 2024 associés à cette étiquette"
  204. rel="tag">#psychologie</a>
  205. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  206. </p>
  207. </nav>
  208. <h2>
  209. <a href="/david/2024/04/17/" title="Lien permanent vers cet article">Échelle</a> <time datetime="2024-04-17">17 avril 2024</time>
  210. </h2>
  211. <blockquote lang="en">
  212. <p>We have been obsessed with this scalability as the single differentiating factor that will tell us how well something will adapt to the changing requirements of an organization and increasing, diverse technical demand. But for businesses, scaling means that output remains the same or only slightly degrades while production costs&nbsp;lower.</p>
  213. <p><mark>Scalability has become the leading differentiator, the Leitdifferenz, of almost everything in our industry.</mark> From the tech we develop with, for, and on to what, how, and who we design for It’s almost like a trance that we keep repeating to ourselves.“But will it scale?” is first and foremost a matter of business. But in development and design, it also refers to other factors. Yet when it comes to matters of industrialization, these factors remain&nbsp;secondary.</p>
  214. <p><cite><em><a data-link-domain="helloyes.dev" href="https://helloyes.dev/blog/2023/craft-vs-industry/" hreflang="en"
  215. title="Consultation de l’article (anglais)">Craft vs Industry: Separating Concerns</a>
  216. <a href="/david/cache/2024/f000099cbb33176d35e7aeccdab687b3/" hreflang="en"
  217. data-tippy data-description="We have long referred to our niche of the web as the web industry but never has the term been more congruent than it is right now. I believe this throws us into some conflicts, that we are left deal with alone."
  218. data-source="https://helloyes.dev/blog/2023/craft-vs-industry/"
  219. data-date="2024-04-17"
  220. data-favicon="https://helloyes.dev/assets/favicons/illusion/icon.svg"
  221. data-domain="helloyes.dev"
  222. ><svg xmlns="http://www.w3.org/2000/svg"
  223. width="24" height="24" viewBox="0 0 24 24" fill="none"
  224. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  225. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  226. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  227. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  228. </svg>
  229. <span class="sr-only">[archive]</span></a></em></cite></p>
  230. </blockquote>
  231. <p>C’est la raison pour laquelle je suis de plus en plus attiré par de petits évènements (voir ci-dessous) qui peuvent avoir lieu dans des endroits différents —&nbsp;de manière distribuée&nbsp;— par des communautés qui peuvent y mettre leurs propres échelles pour embarquer de nouvelles&nbsp;personnes.</p>
  232. <a href="#hr-149" title="Lien vers cette section de la page"><hr id="hr-149" /></a>
  233. <blockquote lang="en">
  234. <p>I don’t think we <em>need</em> new metaphors for the things we do with computers. But I like thinking about <mark>creating software as organizing an event.</mark> Here are some reasons why I think <em>event</em> is a better metaphor than <em>product</em>:</p>
  235. <p><cite><em><a data-link-domain="kooslooijesteijn.net" href="https://www.kooslooijesteijn.net/blog/app-website-is-not-product" hreflang="en"
  236. title="Consultation de l’article (anglais)">Your app is not a product</a>
  237. <a href="/david/cache/2024/e8ab525499d79428bb5674609dc486dc/" hreflang="en"
  238. data-tippy data-description="… and neither is your website."
  239. data-source="https://www.kooslooijesteijn.net/blog/app-website-is-not-product"
  240. data-date="2024-04-17"
  241. data-favicon="https://www.kooslooijesteijn.net/favicon/favicon.svg"
  242. data-domain="kooslooijesteijn.net"
  243. ><svg xmlns="http://www.w3.org/2000/svg"
  244. width="24" height="24" viewBox="0 0 24 24" fill="none"
  245. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  246. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  247. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  248. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  249. </svg>
  250. <span class="sr-only">[archive]</span></a></em></cite></p>
  251. </blockquote>
  252. <p>Je ne vais pas énumérer toute la liste ici mais il y a de bonnes choses à aller picorer pour alimenter mes propres réflexions à ce&nbsp;sujet.</p>
  253. <a href="#hr-150" title="Lien vers cette section de la page"><hr id="hr-150" /></a>
  254. <blockquote lang="en">
  255. <p>Ecology knows that shifting baselines dampen collective urgency and deepen generational divides. People who care about internet monoculture and control are often told they’re nostalgists harkening back to a pioneer era. But it’s fiendishly hard to regenerate an open and competitive infrastructure for younger generations who’ve been raised to assume that two or three platforms, two app stores, two operating systems, two browsers, one cloud/mega-store and a single search engine for the world comprise the internet. If <em>the internet</em> for you is the massive sky-scraping silo you happen to live inside and the only thing you can see outside is the single, other massive sky-scraping silo, then <mark>how can you imagine anything&nbsp;else?</mark></p>
  256. <p>[…] For tech giants, the long period of open internet evolution is over. Their internet is not an ecosystem. It’s a&nbsp;zoo.</p>
  257. <p><cite><em><a data-link-domain="noemamag.com" href="https://www.noemamag.com/we-need-to-rewild-the-internet/" hreflang="en"
  258. title="Consultation de l’article (anglais)">We Need To Rewild The Internet</a>
  259. <a href="/david/cache/2024/21f1fc65a0499d19ded2b8d326791fee/" hreflang="en"
  260. data-tippy data-description="The internet has become an extractive and fragile monoculture. But we can revitalize it using lessons learned by ecologists."
  261. data-source="https://www.noemamag.com/we-need-to-rewild-the-internet/"
  262. data-date="2024-04-17"
  263. data-favicon="https://www.noemamag.com/wp-content/uploads/2020/06/cropped-ms-icon-310x310-1-32x32.png"
  264. data-domain="noemamag.com"
  265. ><svg xmlns="http://www.w3.org/2000/svg"
  266. width="24" height="24" viewBox="0 0 24 24" fill="none"
  267. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  268. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  269. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  270. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  271. </svg>
  272. <span class="sr-only">[archive]</span></a></em></cite></p>
  273. </blockquote>
  274. <p>Ce troisième lien est lui aussi une métaphore, combinant <em>forêt</em> et <em>web</em>. Lorsqu’on constate ce qu’il advient de nos forêts, je ne sais pas trop s’il est possible d’être optimiste à ce&nbsp;sujet…</p>
  275. <a href="#hr-151" title="Lien vers cette section de la page"><hr id="hr-151" /></a>
  276. <blockquote>
  277. <p>Nous sommes un groupe d’étudiants dans les métiers du multimédia et de l’Internet. Pourtant nous n’avons pas numérisé. Il y a un an, <mark>nous nous empressions</mark> de faire une solution numérique éco conçue pour répondre à un&nbsp;problème.</p>
  278. <p>Aujourd’hui, avec du recul, des connaissances supplémentaires et une nouvelle vision, nous nous demandons s’il est nécessaire de&nbsp;numériser.</p>
  279. <p><cite><em><a data-link-domain="nousnavonspasnumerise.mmibordeaux.com" href="https://nousnavonspasnumerise.mmibordeaux.com/autopsie/" hreflang="fr"
  280. title="Consultation de l’article">Nous n’avons pas numérisé.</a>
  281. <a href="/david/cache/2024/6fd58c8dcf1738605fb932bb83f4411a/" hreflang="fr"
  282. data-tippy data-description="L’écran captive plus facilement les enfants que le papier"
  283. data-source="https://nousnavonspasnumerise.mmibordeaux.com/autopsie/"
  284. data-date="2024-04-17"
  285. data-favicon="https://nousnavonspasnumerise.mmibordeaux.com/assets/images/favicons/favicon.png"
  286. data-domain="nousnavonspasnumerise.mmibordeaux.com"
  287. ><svg xmlns="http://www.w3.org/2000/svg"
  288. width="24" height="24" viewBox="0 0 24 24" fill="none"
  289. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  290. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  291. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  292. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  293. </svg>
  294. <span class="sr-only">[archive]</span></a></em></cite></p>
  295. </blockquote>
  296. <p>Un peu d’espoir tout de&nbsp;même.</p>
  297. <nav>
  298. <p>
  299. <a href="/david/2024/commun/"
  300. title="Liste de tous les articles 2024 associés à cette étiquette"
  301. rel="tag">#commun</a>
  302. <a href="/david/2024/decentralisation/"
  303. title="Liste de tous les articles 2024 associés à cette étiquette"
  304. rel="tag">#décentralisation</a>
  305. <a href="/david/2024/protopie/"
  306. title="Liste de tous les articles 2024 associés à cette étiquette"
  307. rel="tag">#protopie</a>
  308. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  309. </p>
  310. </nav>
  311. <h2>
  312. <a href="/david/2024/04/02/" title="Lien permanent vers cet article">Porte</a> <time datetime="2024-04-02">2 avril 2024</time>
  313. </h2>
  314. <blockquote lang="en">
  315. <p>For me, the two big lessons from #XZ were first, the lack of resources supporting crucial Open-Source infrastructure, but then and especially, the demonstration that the attackers are numerous, skilled <em>and patient</em>. We already knew about numerous and skilled but this episode, where the attacker was already well-embedded in the project by May 2022, opened a few eyes, including&nbsp;mine.</p>
  316. <p>The advantage, to various flavors of malefactor, of subverting core pieces of Open-Source infrastructure, is incalculable. <mark>#XZ was the one we caught; how many have we&nbsp;missed?</mark></p>
  317. <p><cite><em><a data-link-domain="tbray.org" href="https://www.tbray.org/ongoing/When/202x/2024/04/01/OSQI" hreflang="en"
  318. title="Consultation de l’article (anglais)">ongoing by Tim Bray · OSQI</a>
  319. <a href="/david/cache/2024/8ffe1e30cd3dd6446468bd6d03550457/" hreflang="en"
  320. data-tippy data-description=""
  321. data-source="https://www.tbray.org/ongoing/When/202x/2024/04/01/OSQI"
  322. data-date="2024-04-04"
  323. data-favicon="https://www.tbray.org/favicon.ico"
  324. data-domain="tbray.org"
  325. ><svg xmlns="http://www.w3.org/2000/svg"
  326. width="24" height="24" viewBox="0 0 24 24" fill="none"
  327. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  328. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  329. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  330. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  331. </svg>
  332. <span class="sr-only">[archive]</span></a></em></cite></p>
  333. </blockquote>
  334. <p>J’ai laissé le web 2&nbsp;jours et hop, une <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Porte_d%C3%A9rob%C3%A9e">porte dérobée</a> a été fermée à temps. C’est <a data-link-domain="boehs.org" href="https://boehs.org/node/everything-i-know-about-the-xz-backdoor" hreflang="en"
  335. title="Consultation de l’article (anglais)">la chronologie</a>
  336. <a href="/david/cache/2024/b4d0d377662e30cef4e944448d41338c/" hreflang="en"
  337. data-tippy data-description="Please note: This is being updated in real-time. The intent is to make sense of lots of simultaneous discoveries"
  338. data-source="https://boehs.org/node/everything-i-know-about-the-xz-backdoor"
  339. data-date="2024-04-04"
  340. data-favicon="https://boehs.org/favicon.ico"
  341. data-domain="boehs.org"
  342. ><svg xmlns="http://www.w3.org/2000/svg"
  343. width="24" height="24" viewBox="0 0 24 24" fill="none"
  344. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  345. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  346. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  347. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  348. </svg>
  349. <span class="sr-only">[archive]</span></a> qui est surprenante dans sa durée et pose immédiatement la question de savoir s’il s’agit d’une exception ou s’il y a déjà des portes un peu partout, exploitées par plus ou moins de&nbsp;monde.</p>
  350. <p>Lorsqu’on voit ce que <a href="/david/2024/03/28/#hr-140">sont prêts à faire les GAFAM+</a>, je n’ai aucun doute sur le fait qu’ils se rueraient sur de telles «&nbsp;opportunités&nbsp;». On parle souvent de malveillance dans ces cas là, je pense que l’on peut facilement mettre tout ce qui est <em>growth hacking</em> et <em>marketing</em> dans ce&nbsp;périmètre.</p>
  351. <p>Pour en revenir à des OSQI (Open Source Quality Institutes) nationaux, cela me rappelle des initiatives comme <a data-link-domain="copiepublique.fr" href="https://copiepublique.fr/">copie publique</a> ou cette idée de <a href="/david/2023/01/11/">MécénatDeCompétencesPublic</a>&#8239;.</p>
  352. <p>Transformer l’Open-Source en bien commun est peut-être le chantier de la décennie à venir. J’espère en faire partie à mon&nbsp;échelle.</p>
  353. <blockquote lang="en">
  354. <p>Tuesday, Hans-Christoph Steiner, a longtime developer of F-Droid, explained that a very similar situation nearly led F-Droid to push an update that would have introduced a security vulnerability into the product three years ago: “Three years ago, F-Droid had a similar kind of attempt as the Xz backdoor,” he posted on Mastodon. “A new contributor submitted a merge request to improve the search, which was oft requested but the maintainers hadn’t found time to work on. There was also pressure from other random accounts to merge it. In the end, it became clear that it added a SQL injection vulnerability. In this case, we managed to catch it before it was merged. Since similar tactics were used, I think it’s relevant&nbsp;now.”</p>
  355. <p>Other open source developers and security experts have pointed to the dynamic of bullying and the general reliance on a small number of volunteer developers. They explained that it’s a problem across much of the open source software ecosystem, and is definitely a problem for the large tech companies and infrastructure who rely on these often volunteer-led projects to build their for-profit software on top&nbsp;of.</p>
  356. <p><cite><em><a data-link-domain="404media.co" href="https://www.404media.co/xz-backdoor-bullying-in-open-source-software-is-a-massive-security-vulnerability/" hreflang="en"
  357. title="Consultation de l’article (anglais)">Bullying in Open Source Software Is a Massive Security Vulnerability</a>
  358. <a href="/david/cache/2024/14da9039de50c54f159f333ea3dc73f1/" hreflang="en"
  359. data-tippy data-description="The Xz backdoor and a near miss on the F-Droid app store show how the entitled attitude of some people in the open source community can be used to push malicious or insecure code."
  360. data-source="https://www.404media.co/xz-backdoor-bullying-in-open-source-software-is-a-massive-security-vulnerability/"
  361. data-date="2024-04-04"
  362. data-favicon="https://www.404media.co/content/images/size/w256h256/format/png/2023/08/favicon-3.svg"
  363. data-domain="404media.co"
  364. ><svg xmlns="http://www.w3.org/2000/svg"
  365. width="24" height="24" viewBox="0 0 24 24" fill="none"
  366. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  367. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  368. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  369. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  370. </svg>
  371. <span class="sr-only">[archive]</span></a></em></cite></p>
  372. </blockquote>
  373. <nav>
  374. <p>
  375. <a href="/david/2024/commun/"
  376. title="Liste de tous les articles 2024 associés à cette étiquette"
  377. rel="tag">#commun</a>
  378. <a href="/david/2024/opensource/"
  379. title="Liste de tous les articles 2024 associés à cette étiquette"
  380. rel="tag">#opensource</a>
  381. <a href="/david/2024/protopie/"
  382. title="Liste de tous les articles 2024 associés à cette étiquette"
  383. rel="tag">#protopie</a>
  384. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  385. </p>
  386. </nav>
  387. <h2>
  388. <a href="/david/2024/03/28/" title="Lien permanent vers cet article">Collectif</a> <time datetime="2024-03-28">28 mars 2024</time>
  389. </h2>
  390. <p>Il est parfois difficile pour un collectif existant <em>de fait</em> de définir ce qui le relie (encore), de travailler sur sa raison d’être et/ou ses valeurs. Le regroupement a pu être économique, idéologique, par affinités, un peu des trois à la fois sûrement et à un moment on se retrouve devant le fait accompli. Presque surpris de se retrouver ensemble, à se demander&nbsp;pourquoi.</p>
  391. <p>Cela m’arrive dans trois situations à la fois en ce moment. À différentes échelles mais le parallèle est frappant. Le plus difficile (pour moi) est de se retenir d’être le seul moteur du groupe car le temps individuel est aussi important que l’action collective qu’il&nbsp;précède.</p>
  392. <p>Je vais aller m’épuiser sur ces sages paroles en forêt. Seul.</p>
  393. <a href="#hr-140" title="Lien vers cette section de la page"><hr id="hr-140" /></a>
  394. <blockquote lang="en">
  395. <p>In 2016, Facebook launched a secret project designed to intercept and decrypt the network traffic between people using Snapchat’s app and its servers. The goal was to understand users’ behavior and help Facebook compete with Snapchat, according to newly unsealed court documents. Facebook called this “Project Ghostbusters,” in a clear reference to Snapchat’s ghost-like&nbsp;logo.</p>
  396. <p>On Tuesday, a federal court in California released new documents discovered as part of the class action lawsuit between consumers and Meta, Facebook’s parent&nbsp;company.</p>
  397. <p>The newly released documents reveal how Meta tried to gain a competitive advantage over its competitors, including Snapchat and later Amazon and YouTube, <mark>by analyzing the network traffic of how its users were interacting with Meta’s competitors.</mark> Given these apps’ use of encryption, Facebook needed to develop special technology to get around&nbsp;it.</p>
  398. <p><cite><em><a data-link-domain="techcrunch.com" href="https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/" hreflang="en"
  399. title="Consultation de l’article (anglais)">Facebook snooped on users’ Snapchat traffic in secret project, documents reveal</a>
  400. <a href="/david/cache/2024/2de5f6111316a8158795d70666b55a95/" hreflang="en"
  401. data-tippy data-description="A secret program called Project Ghostbusters saw Facebook devise a way to intercept and decrypt the encrypted network traffic of Snapchat users to study their behavior."
  402. data-source="https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/"
  403. data-date="2024-03-28"
  404. data-favicon="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32"
  405. data-domain="techcrunch.com"
  406. ><svg xmlns="http://www.w3.org/2000/svg"
  407. width="24" height="24" viewBox="0 0 24 24" fill="none"
  408. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  409. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  410. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  411. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  412. </svg>
  413. <span class="sr-only">[archive]</span></a></em></cite></p>
  414. </blockquote>
  415. <p>J’ai du mal à réaliser que je suis en train de faire un lien vers TechCrunch mais c’est trop gros pour laisser passer. Je ne vois pas comment un tel stratagème pourrait être justifiable, et si les GAFAM+ en sont là ça fait froid dans le&nbsp;dos.</p>
  416. <p>Le manque de déontologie dans ma profession m’attriste. Savoir que cette nouvelle ne va rien changer aux monopoles actuels&nbsp;m’achève.</p>
  417. <blockquote lang="en">
  418. <p>People who point out what needs to be improved are generally disappointed optimists. Only an optimist would believe that pointing out what has gone wrong could ever result in said issue being fixed. Only somebody who believes that software could be universally useful to everybody in society is going to spend time discovering and highlighting accessibility&nbsp;issues.</p>
  419. <p>You don’t spend years of your life figuring out how the flaws of the web can be fixed unless you thinks the web has massive unfulfilled&nbsp;potential.</p>
  420. <p><mark>We’re not cynics.</mark> If we were, we wouldn’t waste so much energy being&nbsp;hopeful.</p>
  421. <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/" hreflang="en"
  422. title="Consultation de l’article (anglais)">“I’m not a cynic, I’m disappointed”</a>
  423. <a href="/david/cache/2024/a11451e038f3aedba0ae55ff242e1ed5/" hreflang="en"
  424. data-tippy data-description="Most people don’t realise just how few of the “critics” in tech are genuine cynics.You don’t spend a good part of your life shouting about bad websites or broken software and how they could be fixed if you’re a cynic."
  425. data-source="https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/"
  426. data-date="2024-03-28"
  427. data-favicon="https://www.baldurbjarnason.com/dark-bird.svg"
  428. data-domain="baldurbjarnason.com"
  429. ><svg xmlns="http://www.w3.org/2000/svg"
  430. width="24" height="24" viewBox="0 0 24 24" fill="none"
  431. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  432. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  433. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  434. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  435. </svg>
  436. <span class="sr-only">[archive]</span></a></em></cite></p>
  437. </blockquote>
  438. <a href="#hr-141" title="Lien vers cette section de la page"><hr id="hr-141" /></a>
  439. <blockquote lang="en">
  440. <p>As such, I’ve become more attuned to what my goal really <em>should be</em> with Buttondown. Most tech companies have a goal centered around some flavor of maximalism: disrupting an industry, revolutionizing a process, that kind of thing. Buttondown is not that kind of product; <mark>I am not that kind of&nbsp;person.</mark></p>
  441. <p><cite><em><a data-link-domain="jmduke.com" href="https://jmduke.com/posts/microblog/why-should-a-company/" hreflang="en"
  442. title="Consultation de l’article (anglais)">Why should a company? · Applied Cartography</a>
  443. <a href="/david/cache/2024/c2a852eced710f481135a1f61cb67a26/" hreflang="en"
  444. data-tippy data-description=""
  445. data-source="https://jmduke.com/posts/microblog/why-should-a-company/"
  446. data-date="2024-03-28"
  447. data-favicon="https://jmduke.com/favicon.ico"
  448. data-domain="jmduke.com"
  449. ><svg xmlns="http://www.w3.org/2000/svg"
  450. width="24" height="24" viewBox="0 0 24 24" fill="none"
  451. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  452. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  453. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  454. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  455. </svg>
  456. <span class="sr-only">[archive]</span></a></em></cite></p>
  457. </blockquote>
  458. <p>Et puis soudain un peu d’espoir. Tout n’est pas si terrible finalement. Quelques villages ici et là résistent. Quelques personnes et collectifs font la&nbsp;différence.</p>
  459. <blockquote lang="en">
  460. <p>But it’s our fault. Our as a society. We celebrate when Apple becomes the first trillion-dollar company but we don’t celebrate when someone says <mark>“You know what? I think I have&nbsp;enough”.</mark></p>
  461. <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/growth-is-a-mind-cancer" hreflang="en"
  462. title="Consultation de l’article (anglais)">Growth is a mind cancer</a>
  463. <a href="/david/cache/2024/422adbcbb23d5d87eb9d9f07f21e6e52/" hreflang="en"
  464. data-tippy data-description="I'm following with somewhat vague interest the various legal battles Apple is currently involved in. Reading their response to the EU's DMA makes me …"
  465. data-source="https://manuelmoreale.com/growth-is-a-mind-cancer"
  466. data-date="2024-03-28"
  467. data-favicon="https://manuelmoreale.com/favicon.ico"
  468. data-domain="manuelmoreale.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. <a href="#hr-142" title="Lien vers cette section de la page"><hr id="hr-142" /></a>
  479. <blockquote>
  480. <p>À l’origine, Make est un outil conçu pour le développement de logiciels&nbsp;: il sert à automatiser la fabrication de programmes exécutables à partir de fichiers contenant du&nbsp;code.</p>
  481. <p>Mais en réalité, <mark>Make peut être utilisé pour gérer toutes sortes de projets.</mark> En tant que langage, il permet de définir des processus de manière très simple (encore plus simple que les scripts shell). Et en tant qu’outil, il permet de gagner du temps, avec une gestion efficace des états des fichiers qui fait économiser du travail aussi bien à l’humain qu’à la&nbsp;machine.</p>
  482. <p><cite><em><a data-link-domain="arthurperret.fr" href="https://www.arthurperret.fr/cours/make.html" hreflang="fr"
  483. title="Consultation de l’article">Make</a>
  484. <a href="/david/cache/2024/821fa933883f080d23c0a6d9d0b3721a/" hreflang="fr"
  485. data-tippy data-description="Cette page présente le logiciel Make, un outil simple et fiable pour automatiser des tâches."
  486. data-source="https://www.arthurperret.fr/cours/make.html"
  487. data-date="2024-03-28"
  488. data-favicon="https://www.arthurperret.fr/cours/favicon-32x32.png"
  489. data-domain="arthurperret.fr"
  490. ><svg xmlns="http://www.w3.org/2000/svg"
  491. width="24" height="24" viewBox="0 0 24 24" fill="none"
  492. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  493. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  494. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  495. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  496. </svg>
  497. <span class="sr-only">[archive]</span></a></em></cite></p>
  498. </blockquote>
  499. <p>Superbe cours par Arthur Perret, j’ai appris plein de choses en le relisant. J’emploie <code>make</code> au quotidien, ne serait-ce que pour construire ce site et pourtant il y a pas mal de complexité/raccourcis vers lesquels je ne suis pas encore&nbsp;allé.</p>
  500. <nav>
  501. <p>
  502. <a href="/david/2024/commun/"
  503. title="Liste de tous les articles 2024 associés à cette étiquette"
  504. rel="tag">#commun</a>
  505. <a href="/david/2024/equipe/"
  506. title="Liste de tous les articles 2024 associés à cette étiquette"
  507. rel="tag">#équipe</a>
  508. <a href="/david/2024/protopie/"
  509. title="Liste de tous les articles 2024 associés à cette étiquette"
  510. rel="tag">#protopie</a>
  511. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  512. </p>
  513. </nav>
  514. <h2>
  515. <a href="/david/2024/03/07/" title="Lien permanent vers cet article">Sondages</a> <time datetime="2024-03-07">7 mars 2024</time>
  516. </h2>
  517. <blockquote>
  518. <p><mark>Une faible majorité</mark> des votants estime qu’il faut mentionner dans le résumé introductif le nom pré-transition d’une personne transgenre qui a acquis sous cette ancienne identité une notoriété suffisante pour remplir les critères&nbsp;d’admissibilité.</p>
  519. <p>Dans leurs verbatims, les partisans de la mention du morinom insistent sur le caractère encyclopédique de l’information (62), puisque les sujets concernés ont acquis la notoriété sous leur ancien nom (50) et qu’elle s’appuie sur des sources secondaires publiques (31). Il convient selon eux d’indiquer de façon claire et accessible (31), sans réécriture de l’histoire (22), cette information utile au lecteur (15). Ils estiment que les biographies des personnes transgenres ne doivent pas être traitées différemment des autres (14) et rappellent que sur Wikipédia le sujet d’une biographie n’a pas de privilège éditorial sur son contenu (8). Si à leur sens l’information doit figurer dans l’article, il est en revanche inopportun de la répéter&nbsp;(24).</p>
  520. <p>Les opposants arguent quant à eux que la mention du morinom est nuisible aux personnes concernées (83) ou constitue un manque de respect pour le sujet de la biographie (40). Ils considèrent qu’un nom obsolète ne peut pas être encyclopédique (37), qu’il s’agit d’une information privée (38), inutile (36), dont la mention est transphobe (17). L’avis d’une personne transgenre sujet d’une biographie doit selon eux être respecté&nbsp;(29).</p>
  521. <p><cite><em><a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Sondage/Mention_du_nom_de_naissance_pour_les_personnes_trans/R%C3%A9sultats">Wikipédia:Sondage/Mention du nom de naissance pour les personnes&nbsp;trans/Résultats</a></em></cite></p>
  522. </blockquote>
  523. <p>54% des 357&nbsp;avis décomptés. Tristesse <a href="/david/2024/02/29/" title="Wikipédia">anticipée</a>.</p>
  524. <p>Wikipedia est le seul service centralisé sur le Web qui ne souffre d’aucune concurrence. Alors les luttes sont internes, pour décrire le monde tel qu’il est perçu par une certaine population, que l’autre partie de la population prendra pour vérité. Il y a probablement un truc mâle·sain dans tout&nbsp;ça.</p>
  525. <blockquote lang="en">
  526. <p>Today, the French-speaking Wikipedia passed a decision to deadname trans people in their&nbsp;biographies.</p>
  527. <p>Some will argue that this makes WP-FR transphobic, and there is certainly something to it: while Wikipedia is not a monolithic institution, and while I am critical of the phrase &quot;Wikipedian community&quot;, it is a fact that WP-FR is effectively controlled by people hostile or indifferent to&nbsp;inclusion.</p>
  528. <p>But <mark>this decision is utterly un-Wikipedian,</mark> and therefore lacks any legitimity, for&nbsp;2&nbsp;reasons</p>
  529. <p><em><a data-link-domain="bagarrosphere.fr" href="https://bagarrosphere.fr/@photos_floues/112047957955051151">Rama sur&nbsp;Mastodon</a></em></p>
  530. </blockquote>
  531. <a href="#hr-102" title="Lien vers cette section de la page"><hr id="hr-102" /></a>
  532. <blockquote lang="en">
  533. <p>CSS <code>:has()</code> is a powerful feature that opens a lot of possibilities that weren’t possible before. It literally gives us CSS superpowers! I recommend you start using it today and experiment with&nbsp;it.</p>
  534. <p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/css-has-guide/" hreflang="en"
  535. title="Consultation de l’article (anglais)">CSS&nbsp;:has() Interactive Guide</a>
  536. <a href="/david/cache/2024/02eaae467a3a88479393c9fe026f655a/" hreflang="en"
  537. data-tippy data-description="Everything you need to know about CSS :has() selector."
  538. data-source="https://ishadeed.com/article/css-has-guide/"
  539. data-date="2024-03-07"
  540. data-favicon="https://ishadeed.com/assets/favicon-32x32.png"
  541. data-domain="ishadeed.com"
  542. ><svg xmlns="http://www.w3.org/2000/svg"
  543. width="24" height="24" viewBox="0 0 24 24" fill="none"
  544. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  545. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  546. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  547. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  548. </svg>
  549. <span class="sr-only">[archive]</span></a></em></cite></p>
  550. </blockquote>
  551. <p>Incroyable article d’Ahmad Shadeed complété par <a data-link-domain="piccalil.li" href="https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/" hreflang="en"
  552. title="Consultation de l’article (anglais)">d’autres cas pratiques</a>
  553. <a href="/david/cache/2024/529fce4c2b7c378f07aead94e62d3923/" hreflang="en"
  554. data-tippy data-description="I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects."
  555. data-source="https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/"
  556. data-date="2024-03-07"
  557. data-favicon="https://piccalil.li/images/favicon-32x32.png"
  558. data-domain="piccalil.li"
  559. ><svg xmlns="http://www.w3.org/2000/svg"
  560. width="24" height="24" viewBox="0 0 24 24" fill="none"
  561. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  562. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  563. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  564. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  565. </svg>
  566. <span class="sr-only">[archive]</span></a> d’Andy Bell qui m’ont donné envie de jouer avec sur <a href="/david/">ma page d’accueil</a>. C’est subtil et je reviendrai dessus mais je trouve ça intéressant pour montrer le lien entre les articles de l’année et leurs étiquettes. Cela ne m’embête pas que ce ne soit pas accessible à des doigts, au clavier et/ou aux anciens navigateurs car c’est du bonus. En effet, c’est du Baseline2023™ <a data-link-domain="MDN" href="https://developer.mozilla.org/en-US/docs/Web/CSS/:has">niveau support</a>.</p>
  567. <p>Je me suis rendu compte en consultant les résultats de <a data-link-domain="social.lol" href="https://social.lol/@brandonwrites/112045044489173328">ce sondage</a> (92% des 363&nbsp;personnes ayant répondu vont consulter les archives d’un blog qu’elles découvrent) qu’il n’était pas évident de découvrir ce que je raconte par ici. Surtout avec des titres à un seul mot, aussi je tente des choses pour rendre plus explicite la toile qui est tissée quotidiennement. Depuis bientôt&nbsp;20&nbsp;ans.</p>
  568. <a href="#hr-103" title="Lien vers cette section de la page"><hr id="hr-103" /></a>
  569. <blockquote lang="en">
  570. <p>A <strong>title drop</strong> is when a character in a movie says the title of the movie they’re in. Here’s a large-scale analysis of 73,921&nbsp;movies from the last 80&nbsp;years on how often, when and maybe even why that&nbsp;happens.</p>
  571. <p><cite><em><a data-link-domain="titledrops.net" href="https://www.titledrops.net/">Full Of&nbsp;Themselves</a></em></cite></p>
  572. </blockquote>
  573. <p>Parfois tu tombes sur un site qui a demandé un effort non négligeable et tu te dis <del>à quoi bon</del> trop&nbsp;génial&#8239;!</p>
  574. <blockquote>
  575. <p>So who are the most excessive offenders in mentioning their titles over the course of the film? The overall star when it comes to fiction only came out last year: it’s Barbie by Greta Gerwig with an impressive 267&nbsp;title drops within its 1&nbsp;hour and 54&nbsp;minutes runtime, clocking in at a whopping 2.34&nbsp;BPM (Barbies Per&nbsp;Minute).</p>
  576. <p><cite><em>Ibid.</em></cite></p>
  577. </blockquote>
  578. <p>Je comprends mieux mon&nbsp;endormissement.</p>
  579. <nav>
  580. <p>
  581. <a href="/david/2024/commun/"
  582. title="Liste de tous les articles 2024 associés à cette étiquette"
  583. rel="tag">#commun</a>
  584. <a href="/david/2024/deception/"
  585. title="Liste de tous les articles 2024 associés à cette étiquette"
  586. rel="tag">#déception</a>
  587. <a href="/david/2024/web/"
  588. title="Liste de tous les articles 2024 associés à cette étiquette"
  589. rel="tag">#web</a>
  590. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  591. </p>
  592. </nav>
  593. <h2>
  594. <a href="/david/2024/02/29/" title="Lien permanent vers cet article">Wikipédia</a> <time datetime="2024-02-29">29 février 2024</time>
  595. </h2>
  596. <blockquote>
  597. <p>Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai écrire plus longuement sur le sujet, je n’ai pas la bande passante nocturne pour le faire encore moins diurne. <mark>Je travaille de façon ouverte en espérant que les esprits refroidis retrouveront un brin de lucidité.</mark> Wikipédia est un projet important, chacun y contribue à sa manière, j’essaie de poser quelques bases pour éventuellement développer plus en détails certains points à l’avenir. Une note de synthèse en quelques&nbsp;sortes.</p>
  598. <p><cite><em><a data-link-domain="write.apreslanu.it" href="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective" hreflang="fr"
  599. title="Consultation de l’article">Wikipédia ou la désillusion de l’intelligence collective</a>
  600. <a href="/david/cache/2024/71d5226ddc436248164884b12f15ed42/" hreflang="fr"
  601. data-tippy data-description="Petit récapitulatif pour moi-même de la controverse qui agite la version francophone de Wikipédia et ses communautés. Bien que j’aimerai ..."
  602. data-source="https://write.apreslanu.it/tk/wikipedia-ou-la-desillusion-de-lintelligence-collective"
  603. data-date="2024-03-01"
  604. data-favicon="https://write.apreslanu.it/favicon.ico"
  605. data-domain="write.apreslanu.it"
  606. ><svg xmlns="http://www.w3.org/2000/svg"
  607. width="24" height="24" viewBox="0 0 24 24" fill="none"
  608. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  609. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  610. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  611. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  612. </svg>
  613. <span class="sr-only">[archive]</span></a></em></cite></p>
  614. </blockquote>
  615. <p>Cela fait quelques jours que j’observe la situation en essayant de ne pas réagir à chaud. Je vois d’un côté des personnes qui souhaitent documenter des faits «&nbsp;historiques&nbsp;» sans en subir aucune conséquence et de l’autre des personnes qui ont bien souvent souffert et souffrent encore de cette histoire, sans compter les potentiels risques actuels et futurs&nbsp;encourus.</p>
  616. <p>Ce résumé est sûrement caricatural <em>et</em> je peux passer outre mon besoin de savoir encyclopédique pour la sécurité physique et mentale d’autres&nbsp;personnes.</p>
  617. <p>Une pensée pour les personnes concernées qui sont impliquées et contributrices régulières, ça ne doit pas être évident de garder la motivation après&nbsp;ça&nbsp;💜.</p>
  618. <blockquote>
  619. <p>Comment comprendre cette contradiction entre volonté de transparence et&nbsp;d’entre-soi&#8239;?</p>
  620. <p><cite><em><a data-link-domain="crowdagger.fr" href="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/" hreflang="fr"
  621. title="Consultation de l’article">Wikipédia et le nécronyme des personnes trans&nbsp;: l’insoutenable neutralité du point de vue&#8239;?</a>
  622. <a href="/david/cache/2024/1eec2b195d91939cdc7bad71b40021bd/" hreflang="fr"
  623. data-tippy data-description="Tentative de comprendre le conflit sur Wikipédia francophone autour du nécronyme des personnes trans"
  624. data-source="https://crowdagger.fr/wikipedia-et-le-necronyme-des-personnes-trans-linsoutenable-neutralite-du-point-de-vue/"
  625. data-date="2024-03-01"
  626. data-favicon="https://crowdagger.fr/wp-content/uploads/2021/11/cropped-facivon-32x32.png"
  627. data-domain="crowdagger.fr"
  628. ><svg xmlns="http://www.w3.org/2000/svg"
  629. width="24" height="24" viewBox="0 0 24 24" fill="none"
  630. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  631. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  632. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  633. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  634. </svg>
  635. <span class="sr-only">[archive]</span></a></em></cite></p>
  636. </blockquote>
  637. <a href="#hr-95" title="Lien vers cette section de la page"><hr id="hr-95" /></a>
  638. <p>Si jamais vous avez un code Python qui doit tourner sous Windows et qui semble avoir des problème d’encodage (notamment sur <code>Path().read/write_text()</code>), <a data-link-domain="dev.to" href="https://dev.to/methane/python-use-utf-8-mode-on-windows-212i">vous pouvez tenter</a> la variable d’environnement <code>PYTHONUTF8=1</code> ou le paramètre <code>-Xutf8</code> pour lancer Python&nbsp;3.7+.</p>
  639. <a href="#hr-96" title="Lien vers cette section de la page"><hr id="hr-96" /></a>
  640. <blockquote lang="en">
  641. <p>25&nbsp;January 1999&nbsp;was my first day at W3C. I was 23&nbsp;years old when I started. I’ve now spent more than half my life at that. <mark>I regret nothing</mark> because I find the work I do really interesting, important, meaningful; and I don’t tire of it because I feel like there’s renewal every now and&nbsp;then.</p>
  642. <p><cite><em><a data-link-domain="blog.koalie.net" href="https://blog.koalie.net/2024/02/29/25th-work-anniversary/" hreflang="en"
  643. title="Consultation de l’article (anglais)">25th work anniversary</a>
  644. <a href="/david/cache/2024/d74f376e53fc6a1108c59b6e6fa57ba1/" hreflang="en"
  645. data-tippy data-description="25 January 1999 was my first day at W3C. I was 23 years old when I started. I’ve now spent more than half my life at that. I regret nothing because I find the work I do really interesting, im…"
  646. data-source="https://blog.koalie.net/2024/02/29/25th-work-anniversary/"
  647. data-date="2024-03-01"
  648. data-favicon="https://blog.koalie.net/wp-content/uploads/2023/12/cropped-koalie-meiji-shrine-cropped-400px-32x32.jpeg"
  649. data-domain="blog.koalie.net"
  650. ><svg xmlns="http://www.w3.org/2000/svg"
  651. width="24" height="24" viewBox="0 0 24 24" fill="none"
  652. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  653. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  654. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  655. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  656. </svg>
  657. <span class="sr-only">[archive]</span></a></em></cite></p>
  658. </blockquote>
  659. <p>Dans la catégorie pas-toutes-les-héroïnes-ne-portent-de-capes, koalie tient une belle&nbsp;place&nbsp;🙇.</p>
  660. <nav>
  661. <p>
  662. <a href="/david/2024/commun/"
  663. title="Liste de tous les articles 2024 associés à cette étiquette"
  664. rel="tag">#commun</a>
  665. <a href="/david/2024/deception/"
  666. title="Liste de tous les articles 2024 associés à cette étiquette"
  667. rel="tag">#déception</a>
  668. <a href="/david/2024/psychologie/"
  669. title="Liste de tous les articles 2024 associés à cette étiquette"
  670. rel="tag">#psychologie</a>
  671. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  672. </p>
  673. </nav>
  674. <h2>
  675. <a href="/david/2024/02/18/" title="Lien permanent vers cet article">In·directions</a> <time datetime="2024-02-18">18 février 2024</time>
  676. </h2>
  677. <blockquote lang="en">
  678. <p>Any time you have a design that references the same value across multiple pieces of UI, I’d suggest that is an opportunity for <mark>abstracting</mark> that value into a name that better describes the intention of the value in the&nbsp;design.</p>
  679. <p><cite><em><a data-link-domain="jwdallas.com" href="https://jwdallas.com/posts/namingcssvariables/" hreflang="en"
  680. title="Consultation de l’article (anglais)">Naming Variables In CSS</a>
  681. <a href="/david/cache/2024/d0ffe1891c332b6fc6e7d7826d8489da/" hreflang="en"
  682. data-tippy data-description="Some collected thoughts around how to name variables in CSS. Ideas, conventions, and some do's and don't for consideration."
  683. data-source="https://jwdallas.com/posts/namingcssvariables/"
  684. data-date="2024-02-18"
  685. data-favicon="https://jwdallas.com/icons/favicon.ico"
  686. data-domain="jwdallas.com"
  687. ><svg xmlns="http://www.w3.org/2000/svg"
  688. width="24" height="24" viewBox="0 0 24 24" fill="none"
  689. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  690. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  691. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  692. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  693. </svg>
  694. <span class="sr-only">[archive]</span></a></em></cite></p>
  695. </blockquote>
  696. <p>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&nbsp;donné.</p>
  697. <pre><code>:root {
  698. --umap-color-darkBlue: #263B58;
  699. }
  700. button {
  701. --color-primary: var(--umap-color-darkBlue);
  702. }
  703. button.primary {
  704. background-color: var(--color-primary);
  705. }
  706. </code></pre>
  707. <p>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&nbsp;seules déclarations&nbsp;:). Pourquoi <code>:root</code> et pas <code>html</code>&#8239;? Est-ce qu’il faut définir les couleurs primaires sur le <code>button</code> ou sur <code>form, nav</code>&#8239;? Ou faire sauter cet intermédiaire&#8239;? Est-ce qu’il faut <code>button.primary</code>, <code>.primary</code>, <code>.button-primary</code>, <code>.button.button-primary</code>&#8239;? Etc, etc.</p>
  708. <p>Et je ne mentionne même pas les solutions à partir de <code>:host</code> / <code>:host-context()</code> ou <code>:scope</code> qui sont encore d’autres façons de faire qui sont peut-être amenées à devenir&nbsp;populaires.</p>
  709. <p>Venant d’un langage dont l’<a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Zen_of_Python">un des mantras</a> est <q lang="en">There should be one-- and preferably only one --obvious way to do it.</q>, il est plus difficile de se retrouver devant une telle… flexibilité&#8239;? Lorsqu’on envisage un commun sur ces 10&nbsp;prochaines années, comment trouver une stratégie maintenable qui s’inscrira dans la durée avec&nbsp;enthousiasme&#8239;?</p>
  710. <p>Ce qui est certain, c’est que l’approche de Tailwind ne me convient pas du&nbsp;tout.</p>
  711. <blockquote lang="en">
  712. <p>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 <mark>vendor-specific</mark> language with expressions, operators, and method&nbsp;calls.</p>
  713. <p><cite><em><a data-link-domain="nuejs.org" href="https://nuejs.org/blog/tailwind-misinformation-engine/" hreflang=""
  714. title="Consultation de l’article">Tailwind marketing and misinformation engine</a>
  715. <a href="/david/cache/2024/44c12c8fbb59c7239f0f3b04bae189b7/" hreflang=""
  716. data-tippy data-description="The origins of Tailwind and how it is framed against semantic CSS"
  717. data-source="https://nuejs.org/blog/tailwind-misinformation-engine/"
  718. data-date="2024-02-18"
  719. data-favicon="https://nuejs.org/img/favicon.svg"
  720. data-domain="nuejs.org"
  721. ><svg xmlns="http://www.w3.org/2000/svg"
  722. width="24" height="24" viewBox="0 0 24 24" fill="none"
  723. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  724. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  725. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  726. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  727. </svg>
  728. <span class="sr-only">[archive]</span></a></em></cite></p>
  729. </blockquote>
  730. <a href="#hr-77" title="Lien vers cette section de la page"><hr id="hr-77" /></a>
  731. <blockquote lang="en">
  732. <p><em>File over app</em> 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. <mark>Use tools that give you this&nbsp;freedom.</mark></p>
  733. <p><em>File over app</em> is an appeal to tool makers: accept that all software is ephemeral, and give people ownership over their&nbsp;data.</p>
  734. <p><cite><em><a data-link-domain="stephango.com" href="https://stephango.com/file-over-app" hreflang="en"
  735. title="Consultation de l’article (anglais)">File over app - Steph Ango</a>
  736. <a href="/david/cache/2024/20d288eb47779c4f1b3f36fb86aa7108/" hreflang="en"
  737. data-tippy data-description="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. Use tools that give you..."
  738. data-source="https://stephango.com/file-over-app"
  739. data-date="2024-02-18"
  740. data-favicon="https://stephango.com/icon.svg"
  741. data-domain="stephango.com"
  742. ><svg xmlns="http://www.w3.org/2000/svg"
  743. width="24" height="24" viewBox="0 0 24 24" fill="none"
  744. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  745. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  746. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  747. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  748. </svg>
  749. <span class="sr-only">[archive]</span></a></em></cite></p>
  750. </blockquote>
  751. <a href="#hr-78" title="Lien vers cette section de la page"><hr id="hr-78" /></a>
  752. <blockquote lang="en">
  753. <p>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&nbsp;one.</p>
  754. <p>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&nbsp;team.</p>
  755. <p>It’s easy to build complexity. In the rush to launch, it’s quicker and easier to code than to redesign. <mark>But the costs accumulate and you lose in the long&nbsp;run.</mark></p>
  756. <p><cite><em><a data-link-domain="commandcenter.blogspot.com" href="https://commandcenter.blogspot.com/2023/12/simplicity.html" hreflang="en"
  757. title="Consultation de l’article (anglais)">command center: Simplicity</a>
  758. <a href="/david/cache/2024/6b26bff7f4772cf8fb78878ff4f9594f/" hreflang="en"
  759. data-tippy data-description="In May 2009, Google hosted an internal Design Wizardry panel, with talks by Jeff Dean,  Mike Burrows, Paul Haahr, Alfred Spector, Bill Cou..."
  760. data-source="https://commandcenter.blogspot.com/2023/12/simplicity.html"
  761. data-date="2024-02-18"
  762. data-favicon="https://commandcenter.blogspot.com/favicon.ico"
  763. data-domain="commandcenter.blogspot.com"
  764. ><svg xmlns="http://www.w3.org/2000/svg"
  765. width="24" height="24" viewBox="0 0 24 24" fill="none"
  766. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  767. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  768. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  769. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  770. </svg>
  771. <span class="sr-only">[archive]</span></a></em></cite></p>
  772. </blockquote>
  773. <nav>
  774. <p>
  775. <a href="/david/2024/commun/"
  776. title="Liste de tous les articles 2024 associés à cette étiquette"
  777. rel="tag">#commun</a>
  778. <a href="/david/2024/dependance/"
  779. title="Liste de tous les articles 2024 associés à cette étiquette"
  780. rel="tag">#dépendance</a>
  781. <a href="/david/2024/technique/"
  782. title="Liste de tous les articles 2024 associés à cette étiquette"
  783. rel="tag">#technique</a>
  784. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  785. </p>
  786. </nav>
  787. <h2>
  788. <a href="/david/2024/02/16/" title="Lien permanent vers cet article">uMap 2</a> <time datetime="2024-02-16">16 février 2024</time>
  789. </h2>
  790. <blockquote lang="en">
  791. <p>But it’s deeper that that. Open source is <em>good for humanity</em>. It’s only slightly hyperbolic to say that <mark>open source is one of the most notable collective successes</mark> 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&nbsp;in.</p>
  792. <p><cite><em><a data-link-domain="jacobian.org" href="https://jacobian.org/2024/feb/16/paying-maintainers-is-good/" hreflang="en"
  793. title="Consultation de l’article (anglais)">Paying people to work on open source is good actually</a>
  794. <a href="/david/cache/2024/ad0648259b032d4d0e5a9e6220c3c71e/" hreflang="en"
  795. data-tippy data-description="If you have a problem with maintainers getting paid then you have a problem with me and I suggest you let that one marinate."
  796. data-source="https://jacobian.org/2024/feb/16/paying-maintainers-is-good/"
  797. data-date="2024-02-17"
  798. data-favicon="https://jacobian.org/favicon.ico"
  799. data-domain="jacobian.org"
  800. ><svg xmlns="http://www.w3.org/2000/svg"
  801. width="24" height="24" viewBox="0 0 24 24" fill="none"
  802. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  803. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  804. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  805. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  806. </svg>
  807. <span class="sr-only">[archive]</span></a></em></cite></p>
  808. </blockquote>
  809. <p>J’ai déjà parlé <a href="/david/2024/01/18/" title="Open-source">d’open-source</a>, de <a href="/david/2024/01/31/" title="Mécénat">mécénat</a>, de <a href="/david/2024/02/09/" title="Version">versions</a>, de <a href="/david/2024/02/15/" title="Licence">licences</a>, mais comment se passe une <em>release</em> de produit&nbsp;open-source&#8239;?</p>
  810. <p>On commence à avoir affiné et <a data-link-domain="docs.umap-project.org" href="https://docs.umap-project.org/en/master/release/">documenté le processus</a>, on a <a data-link-domain="github.com" href="https://github.com/umap-project/umap-deploy-osmfr">des scripts dédiés</a> pour arriver à cela lorsque le moment est venu et nous sommes pour l’instant 2&nbsp;à pouvoir faire cela de bout en bout avec <a data-link-domain="yohanboniface.me" href="https://yohanboniface.me/">Yohan</a>. C’est peu mais c’est aussi +100% par rapport à l’année&nbsp;dernière…</p>
  811. <p>Nous n’étions pas très loin de repousser encore une fois la version&nbsp;2&nbsp;car il y avait un dernier changement majeur à faire passer. Tiraillés, nous avons repoussé cela à une version&nbsp;3&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&nbsp;après-midi.</p>
  812. <p>Voilà donc <a data-link-domain="docs.umap-project.org" href="https://docs.umap-project.org/en/master/changelog/#200-2024-02-16">un <em>changelog</em></a> 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 =&gt; support navigateurs), d’autres contraints (fin du support de l’authification OpenStreetMap OAuth1), d’autres subis (Django&nbsp;5 =&gt; Python 3.10). Un beau&nbsp;mélange.</p>
  813. <p>Je ne vais rien annoncer pour une version&nbsp;3&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 <em>personnelles</em>&nbsp;:</p>
  814. <ul>
  815. <li>aller vers une amélioration de&nbsp;l’accessibilité&#8239;;</li>
  816. <li>voir les <a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/tag/umap.html">explorations d’Alexis</a> prendre&nbsp;forme&#8239;;</li>
  817. <li>clarifier les lieux de support / documentation en participant&nbsp;davantage.</li>
  818. </ul>
  819. <blockquote lang="en">
  820. <p>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: “<mark>maintainers shouldn’t be paid by private companies because the government should be supporting them.</mark>” Sure, this sounds great – but <em>governments aren’t doing this!</em> So this argument reduces to “open source maintainers shouldn’t be paid”. I can’t get on board with&nbsp;that.</p>
  821. <p><cite><em>Ibid.</em></cite></p>
  822. </blockquote>
  823. <p>Étant actuellement payé par l’Agence nationale de la cohésion des territoires pour participer à de l’<em>open-source</em>, 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&nbsp;bol.</p>
  824. <a href="#hr-73" title="Lien vers cette section de la page"><hr id="hr-73" /></a>
  825. <blockquote lang="en">
  826. <p><a data-link-domain="github.com" href="https://github.com/astral-sh/uv">uv</a> represents a milestone in our pursuit of a “<a data-link-domain="blog.rust-lang.org" href="https://blog.rust-lang.org/2016/05/05/cargo-pillars.html#pillars-of-cargo">Cargo for Python</a>”: a comprehensive Python project and package manager that’s fast, reliable, and easy to&nbsp;use.</p>
  827. <p><cite><em><a data-link-domain="astral.sh" href="https://astral.sh/blog/uv" hreflang="en"
  828. title="Consultation de l’article (anglais)">uv: Python packaging in Rust</a>
  829. <a href="/david/cache/2024/359df603dbf60e8476027b2eb26cb7ce/" hreflang="en"
  830. data-tippy data-description="uv is an extremely fast Python package installer and resolver, designed as a drop-in alternative to pip and pip-tools."
  831. data-source="https://astral.sh/blog/uv"
  832. data-date="2024-02-17"
  833. data-favicon="https://astral.sh/static/favicon-32x32.png"
  834. data-domain="astral.sh"
  835. ><svg xmlns="http://www.w3.org/2000/svg"
  836. width="24" height="24" viewBox="0 0 24 24" fill="none"
  837. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  838. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  839. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  840. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  841. </svg>
  842. <span class="sr-only">[archive]</span></a></em></cite></p>
  843. </blockquote>
  844. <p>Un futur de Python se dessine et j’en apprécie les&nbsp;esquisses.</p>
  845. <nav>
  846. <p>
  847. <a href="/david/2024/commun/"
  848. title="Liste de tous les articles 2024 associés à cette étiquette"
  849. rel="tag">#commun</a>
  850. <a href="/david/2024/decision/"
  851. title="Liste de tous les articles 2024 associés à cette étiquette"
  852. rel="tag">#décision</a>
  853. <a href="/david/2024/opensource/"
  854. title="Liste de tous les articles 2024 associés à cette étiquette"
  855. rel="tag">#opensource</a>
  856. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  857. </p>
  858. </nav>
  859. <h2>
  860. <a href="/david/2024/02/15/" title="Lien permanent vers cet article">Licence</a> <time datetime="2024-02-15">15 février 2024</time>
  861. </h2>
  862. <blockquote lang="en">
  863. <p>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 <mark>public domain doesn’t exist in Europe.</mark> Recommend: Reject</p>
  864. <p><cite><em><a data-link-domain="opensource.org" href="https://opensource.org/meeting-minutes/minutes20090304/" hreflang="en"
  865. title="Consultation de l’article (anglais)">OSI Board Meeting Minutes, Wednesday, March 4, 2009</a>
  866. <a href="/david/cache/2024/90e6434dbda21f9d18ad8fa53c822b47/" hreflang="en"
  867. data-tippy data-description="Quorum reached and meeting called to order 08:10 am PST. Attendees Mr. Michael Tiemann, President Ms. Danese Cooper, Secretary and Treasurer Mr. Harshad Gune, Director Mr. Martin Michlmayr, Directo…"
  868. data-source="https://opensource.org/meeting-minutes/minutes20090304/"
  869. data-date="2024-02-17"
  870. data-favicon="https://i0.wp.com/opensource.org/wp-content/uploads/2023/01/cropped-cropped-OSI_Horizontal_Logo_0-e1674081292667.png?fit=32%2C32&ssl=1"
  871. data-domain="opensource.org"
  872. ><svg xmlns="http://www.w3.org/2000/svg"
  873. width="24" height="24" viewBox="0 0 24 24" fill="none"
  874. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  875. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  876. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  877. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  878. </svg>
  879. <span class="sr-only">[archive]</span></a></em></cite></p>
  880. </blockquote>
  881. <p>Nous sommes <a data-link-domain="github.com" href="https://github.com/umap-project/umap/pull/1605">passés</a> de la licence <a data-link-domain="wtfpl.net" href="http://www.wtfpl.net/">WTFPL</a> à <a data-link-domain="gnu.org" href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPLv3</a> pour uMap à partir de la version&nbsp;2 (à venir). Notamment car elle n’était pas acceptable pour l’<a data-link-domain="opensource.org" href="https://opensource.org/">OSI</a> ce qui nous posait des problèmes pour obtenir des financements européen ou pour bénéficier des plans <em>open-source</em> de services comme <a data-link-domain="browserstack.com" href="https://www.browserstack.com/open-source">BrowserStack</a>.</p>
  882. <p>Le seul service qui a accepté la licence WTFPL sans broncher est <a data-link-domain="sentry.io" href="https://sentry.io/for/open-source/">Sentry</a>, ceci en un temps&nbsp;record.</p>
  883. <blockquote lang="en">
  884. <p>Simply put, the AGPLv3 is effectively the GPLv3, but with an additional licensing term that ensures that users who interact <mark>over a network</mark> with modified versions of the program can receive the source code for that&nbsp;program.</p>
  885. <p><cite><em><a data-link-domain="fsf.org" href="https://www.fsf.org/bulletin/2021/fall/the-fundamentals-of-the-agplv3" hreflang="en"
  886. title="Consultation de l’article (anglais)">The fundamentals of the AGPLv3</a>
  887. <a href="/david/cache/2024/036789c955419215be9d88c6823b55aa/" hreflang="en"
  888. data-tippy data-description="The GNU Affero General Public License version 3 (AGPLv3) is the most protective of computer user freedom, yet it remains the most misunderstood of the GNU family of licenses."
  889. data-source="https://www.fsf.org/bulletin/2021/fall/the-fundamentals-of-the-agplv3"
  890. data-date="2024-02-17"
  891. data-favicon="https://www.fsf.org/favicon.ico"
  892. data-domain="fsf.org"
  893. ><svg xmlns="http://www.w3.org/2000/svg"
  894. width="24" height="24" viewBox="0 0 24 24" fill="none"
  895. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  896. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  897. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  898. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  899. </svg>
  900. <span class="sr-only">[archive]</span></a></em></cite></p>
  901. </blockquote>
  902. <a href="#hr-72" title="Lien vers cette section de la page"><hr id="hr-72" /></a>
  903. <blockquote>
  904. <p>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. «&nbsp;Les cultivateurs de pavot au Mexique doivent se résoudre à migrer pour travailler ou se tourner vers le crime organisé&nbsp;», raconte le média, partageant des témoignages de personnes précaires encore appauvries par la&nbsp;situation.</p>
  905. <p><cite><em><a data-link-domain="basta.media" href="https://basta.media/crise-des-opioides-pourquoi-il-ne-faut-ni-oublier-ni-ignorer" hreflang="fr"
  906. title="Consultation de l’article">Crise des opioïdes&nbsp;: pourquoi il ne faut ni l’oublier ni l’ignorer</a>
  907. <a href="/david/cache/2024/1929f7183f694c7abeafeddb891fcf50/" hreflang="fr"
  908. data-tippy data-description="Aux États-Unis, le nombre de morts par overdose dépasse celui des décès sur la route. La crise des opioïdes, déclarée dans les années 2010, touche aussi de plein fouet le Canada. Et le phénomène dépasse les frontières nord-américaines."
  909. data-source="https://basta.media/crise-des-opioides-pourquoi-il-ne-faut-ni-oublier-ni-ignorer"
  910. data-date="2024-02-17"
  911. data-favicon="https://basta.media/squelettes/basta/favicon/favicon.svg?1634019699"
  912. data-domain="basta.media"
  913. ><svg xmlns="http://www.w3.org/2000/svg"
  914. width="24" height="24" viewBox="0 0 24 24" fill="none"
  915. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  916. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  917. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  918. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  919. </svg>
  920. <span class="sr-only">[archive]</span></a></em></cite></p>
  921. </blockquote>
  922. <p>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&nbsp;d’autres.</p>
  923. <nav>
  924. <p>
  925. <a href="/david/2024/commun/"
  926. title="Liste de tous les articles 2024 associés à cette étiquette"
  927. rel="tag">#commun</a>
  928. <a href="/david/2024/decision/"
  929. title="Liste de tous les articles 2024 associés à cette étiquette"
  930. rel="tag">#décision</a>
  931. <a href="/david/2024/opensource/"
  932. title="Liste de tous les articles 2024 associés à cette étiquette"
  933. rel="tag">#opensource</a>
  934. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  935. </p>
  936. </nav>
  937. <h2>
  938. <a href="/david/2024/02/14/" title="Lien permanent vers cet article">GéoCodage</a> <time datetime="2024-02-14">14 février 2024</time>
  939. </h2>
  940. <p>Dans le cadre de mon travail avec le <a data-link-domain="labrri.net" href="https://labrri.net/">LABRRI</a>, 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&nbsp;locales.</p>
  941. <p>Je tombe rapidement sur le <a data-link-domain="donneesquebec.ca" href="https://www.donneesquebec.ca/recherche/dataset/repertoire-des-municipalites-du-quebec">Répertoire des municipalités du Québec</a> 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 <a data-link-domain="geocoder.ca" href="https://geocoder.ca/">geocoder.ca</a> mais je suis persuadé que ça doit être accessible librement quelque part. Je finis par trouver les <a data-link-domain="statistique.quebec.ca" href="https://statistique.quebec.ca/statistiques/divisions-territoriales/fichiers_code_geo/code-geographique-quebec.html">Fichiers du code géographique du Québec</a> qui comportent des coordonnées pour chaque localité, le tout en XML. Elles sont au format <code>47° 22' 34&quot; N</code> ce qui ne m’arrange pas et je me fais surtout avoir par la longitude un moment car elle est en français(!) <code>61° 52' 05&quot; O</code> — <code>O(uest)</code> vs. <code>W(est)</code>. Avec un petit coup de <code>ElementTree</code> + <a data-link-domain="pypi.org" href="https://pypi.org/project/latlon3/">latlon3</a>, j’arrive enfin à des coordonnées utilisables par <a data-link-domain="leafletjs.com" href="https://leafletjs.com/">Leaflet</a> qui me serviront à afficher les situations sur une&nbsp;carte.</p>
  942. <p>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 <a data-link-domain="xkcd.com" href="https://xkcd.com/1319/">ce XKCD</a> lorsqu’on&nbsp;développe.</p>
  943. <p>Je passe maintenant à l’interface et je me dis que cette problématique est une bonne candidate pour <code>&lt;datalist&gt;</code> surtout qu’il y a deux champs du formulaire où il faut saisir le lieu&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 <code>pattern</code> avec l’ensemble des localité, pour chaque champ concerné, donc en double. Je me retrouve avec 3&nbsp;fois les mêmes données… mais cela donne lieu à une <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/html/#forcer-un-element-parmi-une-datalist">nouvelle entrée dans ma mémoire technique</a>. 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&nbsp;données.</p>
  944. <figure>
  945. <a href="/static/david/2024/2024-02-14-input-datalist.png"
  946. title="Cliquer pour une version haute résolution">
  947. <img
  948. src="/static/david/2024/2024-02-14-input-datalist.png"
  949. width="1634" height="408"
  950. srcset="/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"
  951. sizes="min(100vw, calc(100vh * 1634 / 408))"
  952. loading="lazy"
  953. decoding="async"
  954. alt="Un champ de saisie dans lequel j’ai écrit «&nbsp;baie&nbsp;» et qui affiche des suggestions de villes québécoises.">
  955. </a>
  956. <figcaption>Et&nbsp;voilà!</figcaption>
  957. </figure>
  958. <p>Si jamais vous avez besoin des données générées, <a href="/static/david/2024/municipalites_quebec_geocodees.csv">voici un CSV</a> (67Ko) qui est originellement sous licence <a data-link-domain="creativecommons.org" href="https://creativecommons.org/licenses/by/4.0/legalcode.fr">Creative Commons 4.0 – Attribution CC BY</a> l’«&nbsp;Institut de la statistique du Québec, Fichiers du code géographique du Québec&nbsp;» même si je ne sais pas trop ce que ça signifie après une telle transformation… qui devient vraiment le «&nbsp;BY&nbsp;»&#8239;? 🤔</p>
  959. <p><em>Note&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&nbsp;clavier&#8239;!</em></p>
  960. <nav>
  961. <p>
  962. <a href="/david/2024/commun/"
  963. title="Liste de tous les articles 2024 associés à cette étiquette"
  964. rel="tag">#commun</a>
  965. <a href="/david/2024/opendata/"
  966. title="Liste de tous les articles 2024 associés à cette étiquette"
  967. rel="tag">#opendata</a>
  968. <a href="/david/2024/technique/"
  969. title="Liste de tous les articles 2024 associés à cette étiquette"
  970. rel="tag">#technique</a>
  971. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  972. </p>
  973. </nav>
  974. <h2>
  975. <a href="/david/2024/01/31/" title="Lien permanent vers cet article">Mécénat</a> <time datetime="2024-01-31">31 janvier 2024</time>
  976. </h2>
  977. <p>Je termine mon mécénat de compétence avec uMap sur ces 4&nbsp;derniers mois (25&nbsp;jours de travail). Je suis très content d’avoir pu faire cette expérience avec / grâce à Scopyleft et&nbsp;OSM-FR.</p>
  978. <p>Voici les notes que j’avais prises avant d’établir une Convention de mécénat avec <a data-link-domain="openstreetmap.fr" href="https://www.openstreetmap.fr/association/">OpenStreetMap France</a>, j’ai pris le soin de documenter la démarche car ça pourrait donner lieu à d’autres dons en nature de la part de Scopyleft (et puis ça pourrait peut-être vous inspirer&nbsp;😇).</p>
  979. <p><em>Note&nbsp;: vous pouvez réutiliser ces sources d’informations mais elles n’ont pas été validées par une personnes qui serait compétente dans le domaine. #IAmNotALawyer</em></p>
  980. <blockquote>
  981. <p>Une des possibilités offertes à un mécène entreprise consiste à apporter non pas des financements en numéraire mais des moyens (produits ou services) à la cause qu’elle entend soutenir. Il s’agit ici, d’un «&nbsp;mécénat en nature ou de compétence&nbsp;». Les critères d’éligibilité à cette forme de mécénat sont exactement les mêmes que ceux prévus pour une contribution en&nbsp;numéraire.</p>
  982. <p><cite><em><a data-link-domain="culture.gouv.fr" href="https://www.culture.gouv.fr/Thematiques/Mecenat/Entreprises/Le-mecenat-en-nature-ou-en-competence">Source</a></em></cite></p>
  983. </blockquote>
  984. <blockquote>
  985. <p>Le prêt de main d’œuvre&nbsp;: l’entreprise met à disposition d’un organisme éligible au mécénat un ou plusieurs salariés. C’est l’organisme qui pilote la mission et qui peut faire figure d’autorité fonctionnelle dans ce cadre. Le temps et la fréquence du mécénat de compétences peuvent considérablement varier en fonction des besoins&nbsp;: il peut aussi bien s’agir d’une mission courte, même d’une seule demi-journée, que d’une mission plus longue voir d’un plein temps dans la limite de&nbsp;3&nbsp;ans.</p>
  986. <p><cite><em><a data-link-domain="cci.fr" href="https://www.cci.fr/actualites/le-mecenat-de-competences-comment-le-mettre-en-place-et-mobiliser-les-equipes">Source</a></em></cite></p>
  987. </blockquote>
  988. <p>Lorsque les dons sont effectués en nature, il est nécessaire de procéder à leur&nbsp;valorisation&nbsp;:</p>
  989. <ul>
  990. <li>pour le calcul de la réduction d’impôt que déclare&nbsp;l’entreprise&#8239;;</li>
  991. <li>pour la réintégration extra-comptable de la valeur du don par&nbsp;l’entreprise&#8239;;</li>
  992. <li>pour l’établissement du reçu fiscal par l’organisme bénéficiaire du&nbsp;don&#8239;;</li>
  993. <li>pour la détermination des éventuels contreparties remises à l’entreprise par l’organisme bénéficiaire du&nbsp;don.</li>
  994. </ul>
  995. <h2 id="comment-valoriser-un-don-au-titre-dun-mecenat-de-competence">Comment valoriser un don au titre d’un mécénat de compétence&#8239;? <a href="#comment-valoriser-un-don-au-titre-dun-mecenat-de-competence" title="Ancre vers cette partie">#</a></h2>
  996. <blockquote>
  997. <p>Pour chaque salarié mis à disposition, ce don est évalué à son coût de revient, à savoir la somme de sa rémunération et des charges sociales y afférentes dans la limite de trois fois le montant du plafond mentionné à l’article L. 241-3&nbsp;du code de la sécurité sociale (CSS), soit 10&#8239;284&#8239;€ par mois en&nbsp;2022.</p>
  998. <p><cite><em><a data-link-domain="culture.gouv.fr" href="https://www.culture.gouv.fr/Thematiques/Mecenat/Entreprises/Le-mecenat-en-nature-ou-en-competence">Source</a></em></cite></p>
  999. </blockquote>
  1000. <p>Ce n’est donc <strong>pas un TJM</strong> mais un <em>coût de revient</em>.</p>
  1001. <blockquote>
  1002. <p>A la suite de l’adoption de la <a data-link-domain="legifrance.gouv.fr" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043964778">loi du 24&nbsp;août 2021&nbsp;confortant le respect des principes de la République</a>, l’administration fiscale a rappelé que <mark>la valorisation du don relève de la seule responsabilité de l’entreprise mécène</mark> qu’il s’agisse d’un don sous forme de biens (dons alimentaires notamment), de services ou d’une mise à disposition de personnel. Un <a data-link-domain="culture.gouv.fr" href="https://www.culture.gouv.fr/Media/Medias-creation-rapide/2041-mec-sd_4032.pdf">nouveau modèle de reçu fiscal</a> a été publié le 10&nbsp;juin&nbsp;2022.</p>
  1003. </blockquote>
  1004. <h2 id="avantages-fiscaux">Avantages fiscaux <a href="#avantages-fiscaux" title="Ancre vers cette partie">#</a></h2>
  1005. <blockquote>
  1006. <p>Le mécénat de compétences ouvre droit à un avantage fiscal. Concrètement, comme pour toute action de mécénat, le «&nbsp;don&nbsp;» de compétences de l’entreprise ouvrira droit à une réduction d’impôts de 60% du montant du salaire chargé du salarié mis à disposition. Cet avantage est accessible à tous les types d’entreprises, sans montant minimum de&nbsp;don.</p>
  1007. <p><cite><em><a data-link-domain="economie.gouv.fr" href="https://www.economie.gouv.fr/files/Guide-pratique-mecenat-competences-novembre2021.pdf">Source</a></em></cite></p>
  1008. </blockquote>
  1009. <h2 id="modele">Modèle <a href="#modele" title="Ancre vers cette partie">#</a></h2><p>Un modèle de <a data-link-domain="culture.gouv.fr" href="https://www.culture.gouv.fr/Media/Medias-creation-rapide/Modele-de-convention-de-mecenat-d-entreprise.docx">convention de mécénat</a>, <a data-link-domain="associations.gouv.fr" href="https://www.associations.gouv.fr/IMG/pdf/asso_mecenat_2021_v1b.pdf">un autre</a> et <a data-link-domain="occitanie.developpement-durable.gouv.fr" href="https://www.occitanie.developpement-durable.gouv.fr/IMG/pdf/ex_convention_mecenat_competences_cle065a53.pdf">encore un autre</a>.</p>
  1010. <p>En synthèse, il&nbsp;faut&nbsp;:</p>
  1011. <h3>Les&nbsp;coordonnées</h3>
  1012. <p>Entre&nbsp;:</p>
  1013. <p>L’entreprise …, statut, dont le siège social est au …,<br />
  1014. Représentée par …, fonction,<br />
  1015. Ci-après dénommée «&nbsp;le&nbsp;mécène&nbsp;»,</p>
  1016. <p>Et</p>
  1017. <p>L’association …, sise au …,<br />
  1018. Représentée par son Président (&#8239;?), …<br />
  1019. Ci-après dénommée&nbsp;«&nbsp;l’association&nbsp;»,</p>
  1020. <p>Vu la loi n°2003-79&nbsp;du 1<sup>er</sup> août 2003&nbsp;relative au mécénat, aux associations et aux fondations et notamment les dispositions codifiées à l’article 238&nbsp;bis du code général des&nbsp;impôts.</p>
  1021. <h3>(optionnel) Préambule&nbsp;(contexte)</h3>
  1022. <ul>
  1023. <li>objet du mécénat de l’entreprise, de la&nbsp;fondation…</li>
  1024. <li>objet de l’association&nbsp;: présentation de sa mission/vocation générale, et laïus sur le
  1025. projet qu’ils portent en commun avec l’entreprise le cas&nbsp;échéant</li>
  1026. <li>rencontre de ces deux&nbsp;objets&#8239;?</li>
  1027. </ul>
  1028. <h3>Ce qui est&nbsp;convenu</h3>
  1029. <p>Il est convenu et décidé ce qui&nbsp;suit&nbsp;:</p>
  1030. <ul>
  1031. <li>La présente convention a pour objet de définir les conditions du soutien à l’association pour le projet suivant&nbsp;: (descriptif de l’action ou de la&nbsp;manifestation)</li>
  1032. <li>L’entreprise mécène s’engage à mettre à disposition le personnel suivant&nbsp;: représentant une valeur de … € sur la période de&nbsp;…</li>
  1033. </ul>
  1034. <blockquote>
  1035. <p>Pour valoriser ce mécénat de compétences, l’entreprise s’engage à comptabiliser et à valoriser le temps passé sur la mission sus nommée, soit le nombre d’heures passées x salaire horaire chargé (son commissaire aux comptes devra valider ce montant de salaire&nbsp;chargé).</p>
  1036. <p>L’association pourra ainsi remettre à l’entreprise un reçu fiscal précisant le nombre d’heures et le coût équivalent donné à&nbsp;l’association.</p>
  1037. <p>Conformément à l’article 238bis du code général des impôts, ce don en temps donnera droit à une réduction d’impôt égale à 60&#8239;% du montant des sommes versées dans la limite de 0,5% du C.A. HT.</p>
  1038. </blockquote>
  1039. <h3>Conditions</h3>
  1040. <ul>
  1041. <li>(optionnel / à adapter) L’association s’engage à faire figurer le nom de l’entreprise donatrice sur les supports d’information de l’action ou de la&nbsp;manifestation.</li>
  1042. <li>La présente convention est établie en vertu des dispositions de l’article 238&nbsp;bis du&nbsp;CGI</li>
  1043. <li>La présente convention prendra effet à sa date de signature et prendra fin le&nbsp;….</li>
  1044. </ul>
  1045. <p>Dans le cas où l’une des parties ne respecterait pas ses obligations contractuelles, cette convention serait résiliée de plein droit. En cas de litige, les parties conviennent d’une conciliation à&nbsp;l’amiable.</p>
  1046. <h3>Signatures</h3>
  1047. <p>Date, lieu et signatures&nbsp;:<br />
  1048. A … le …<br />
  1049. Représentant de l’entreprise / Représentant de&nbsp;l’association</p>
  1050. <nav>
  1051. <p>
  1052. <a href="/david/2024/commun/"
  1053. title="Liste de tous les articles 2024 associés à cette étiquette"
  1054. rel="tag">#commun</a>
  1055. <a href="/david/2024/documentation/"
  1056. title="Liste de tous les articles 2024 associés à cette étiquette"
  1057. rel="tag">#documentation</a>
  1058. <a href="/david/2024/partage/"
  1059. title="Liste de tous les articles 2024 associés à cette étiquette"
  1060. rel="tag">#partage</a>
  1061. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1062. </p>
  1063. </nav>
  1064. <h2>
  1065. <a href="/david/2024/01/23/" title="Lien permanent vers cet article">Thèse</a> <time datetime="2024-01-23">23 janvier 2024</time>
  1066. </h2>
  1067. <blockquote>
  1068. <p>Cette thèse porte sur les processus d’édition en considérant qu’ils sont constitutifs de la production du sens et qu’ils reflètent des visions du monde plurielles. Nous considérons le phénomène de fabrique d’édition comme un acte éditorial qui comprend autant la formalisation d’un texte <mark>que la constitution des outils permettant ce travail.</mark> Les dimensions techniques de l’édition sont ainsi imbriquées, telles que la construction de procédés de fabrication et de production de formes, d’objets et d’artefacts que sont les livres, ou telles que des opérations sur le texte comme l’architecture des contenus, la structuration sémantique et la composition&nbsp;typographique.</p>
  1069. <p><cite><em><a data-link-domain="these.quaternum.net" href="https://these.quaternum.net/">Fabriquer des éditions
  1070. Éditer des fabriques - Reconfiguration des processus techniques éditoriaux et nouveaux modèles épistémologiques</a></em>, Antoine&nbsp;Fauchié</cite></p>
  1071. </blockquote>
  1072. <p>J’assiste en direct à une soutenance de thèse pour la première fois de ma vie. Il s’agit d’un exercice moins facile que ce que je m’imaginais mais pas toutes les soutenances ne se font dans un tel contexte si j’ai bien réussi à lire entre les lignes. En tout cas, j’étais impressionné par la pertinence des réponses d’Antoine à chaud et sa faculté à recentrer les&nbsp;discussions.</p>
  1073. <p>Les questions que j’aurais aimé&nbsp;poser&nbsp;:</p>
  1074. <ol>
  1075. <li>Comment transformer ces fabriques de logiciels <em>open-source</em> en communs numériques impliquant une gouvernance partagée&#8239;? Comment sont impliquées les différentes parties&nbsp;prenantes&#8239;?</li>
  1076. <li>Quelle est la littéracie numérique nécessaire pour devenir auteur·ice aujourd’hui&#8239;? Quelle est l’in·accessibilité de ces fabriques sous cet angle&nbsp;là&#8239;?</li>
  1077. <li>Le rôle de l’éditeur·ice devient-il également celui d’un·e accompagnateur·ice technique&#8239;? Quelle part pour l’éthique dans ce choix&nbsp;d’intermédiaire&#8239;?</li>
  1078. </ol>
  1079. <p>Niveau technique, dommage qu’il ne soit pas possible de faire référence à des passages particuliers vu qu’ils sont déjà numérotés dans la version HTML (mais en&nbsp;CSS).</p>
  1080. <p><mark>@nnotation(contexte)</mark>&nbsp;: J’ai <a href="/david/2023/12/08/">participé au développement</a> d’une partie des outils présentés dans la thèse et on se connait depuis un moment avec&nbsp;Antoine.</p>
  1081. <a href="#hr-45" title="Lien vers cette section de la page"><hr id="hr-45" /></a>
  1082. <blockquote>
  1083. <p>La sociologie parle de «&nbsp;dépossession économique&nbsp;» et de «&nbsp;dépossession culturelle&nbsp;» pour nommer la manière dont la société limite les capacités d’accès à certaines ressources et les expériences qu’elles rendent possibles. Ne pourrait-on pas suggérer qu’il y a aussi, à côté de ces deux phénomènes, ce que l’on pourrait désigner comme des mécanismes de dépossession existentielle&#8239;? Subir la forme-de-vie qui s’empare de nous et nous fait être ce que nous sommes, c’est subir sa vie et subir certains modes d’existence alors que d’autres auraient pu beaucoup mieux nous convenir et nous rendre plus heureux. C’est même, en un sens, se faire voler son existence par la société et les autres — et peut-être même par soi-même, par une certaine version de&nbsp;soi-même.</p>
  1084. <p><mark>Nous ne devons jamais, comme dit Adorno, confondre ce que nous sommes et ce que la société a fait de nous.</mark> Nous ne sommes pas de toute éternité ce que nous avons été amenés à devenir. Il n’y a donc pas de projet qui vise à mettre en place une analytique oppositionnelle de l’ordre social et de notre inscription à l’intérieur de celui-ci qui pourrait faire l’économie d’une investigation de l’existence — d’une interrogation sur les formes de la vie et le tissu relationnel qui nous&nbsp;constitue.</p>
  1085. <p><cite><em>Une aspiration au dehors</em>, Geoffroy de&nbsp;Lagasnerie</cite></p>
  1086. </blockquote>
  1087. <p>D’une certaine manière, je vis une <em>dépossession existentielle</em> choisie en assistant à cet exercice après avoir bifurqué d’une carrière&nbsp;universitaire.</p>
  1088. <p>Merci Antoine pour&nbsp;l’invitation.</p>
  1089. <p><em>Antoine a <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/" hreflang="fr"
  1090. title="Consultation de l’article">répondu le 2&nbsp;février</a>
  1091. <a href="/david/cache/2024/e58d4c2ceeab475aba6a179c035852f8/" hreflang="fr"
  1092. data-tippy data-description="David a assisté à la soutenance de ma thèse de doctorat, il m&rsquo;a posé trois questions via un billet de blog, à défaut d&rsquo;avoir pu le faire pendant la soutenance."
  1093. data-source="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/"
  1094. data-date="2024-02-18"
  1095. data-favicon=""
  1096. data-domain="quaternum.net"
  1097. ><svg xmlns="http://www.w3.org/2000/svg"
  1098. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1099. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1100. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1101. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1102. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1103. </svg>
  1104. <span class="sr-only">[archive]</span></a>.</em></p>
  1105. <nav>
  1106. <p>
  1107. <a href="/david/2024/commun/"
  1108. title="Liste de tous les articles 2024 associés à cette étiquette"
  1109. rel="tag">#commun</a>
  1110. <a href="/david/2024/experience/"
  1111. title="Liste de tous les articles 2024 associés à cette étiquette"
  1112. rel="tag">#expérience</a>
  1113. <a href="/david/2024/processus/"
  1114. title="Liste de tous les articles 2024 associés à cette étiquette"
  1115. rel="tag">#processus</a>
  1116. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1117. </p>
  1118. </nav>
  1119. <h2>
  1120. <a href="/david/2024/01/18/" title="Lien permanent vers cet article">Open-source</a> <time datetime="2024-01-18">18 janvier 2024</time>
  1121. </h2>
  1122. <p>Deux phrases du&nbsp;jour&nbsp;:</p>
  1123. <ol>
  1124. <li><q lang="en">Open Source is the Right to Repair, for software.</q>, <a data-link-domain="macaw.social" href="https://macaw.social/@andypiper/111774169944729337">sur&nbsp;masto</a></li>
  1125. <li><q lang="fr">uMap est-il un produit ou un commun&#8239;?</q>, en réunion&nbsp;interne</li>
  1126. </ol>
  1127. <p>Faute de temps, le développement est laissé comme exercice aux&nbsp;lecteur·ices.</p>
  1128. <nav>
  1129. <p>
  1130. <a href="/david/2024/commun/"
  1131. title="Liste de tous les articles 2024 associés à cette étiquette"
  1132. rel="tag">#commun</a>
  1133. <a href="/david/2024/decision/"
  1134. title="Liste de tous les articles 2024 associés à cette étiquette"
  1135. rel="tag">#décision</a>
  1136. <a href="/david/2024/opensource/"
  1137. title="Liste de tous les articles 2024 associés à cette étiquette"
  1138. rel="tag">#opensource</a>
  1139. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1140. </p>
  1141. </nav>
  1142. <form action="/david/recherche/" method="get">
  1143. <fieldset>
  1144. <legend>Recherche</legend>
  1145. <label for="input-search">Termes de votre recherche :</label>
  1146. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  1147. <input type="submit" value="Chercher">
  1148. <p id="indexation-infos">
  1149. <small>
  1150. Seuls les contenus de ces 8 dernières années sont indexés.
  1151. </small>
  1152. </p>
  1153. </fieldset>
  1154. </form>
  1155. <aside>
  1156. <theme-toggle></theme-toggle>
  1157. </aside>
  1158. </article>
  1159. <hr>
  1160. <footer>
  1161. <p>
  1162. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  1163. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  1164. <a href="http://larlet.com"
  1165. title="Go to my English profile"
  1166. data-instant>Pro</a>
  1167. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  1168. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  1169. </p>
  1170. <template id="theme-selector">
  1171. <form>
  1172. <style type="text/css">
  1173. fieldset div {
  1174. text-align: center;
  1175. }
  1176. </style>
  1177. <fieldset>
  1178. <legend>Thème</legend>
  1179. <div>
  1180. <label>
  1181. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  1182. Auto
  1183. </label>
  1184. <label>
  1185. <input type="radio" value="dark" name="chosen-color-scheme">
  1186. Foncé
  1187. </label>
  1188. <label>
  1189. <input type="radio" value="light" name="chosen-color-scheme">
  1190. Clair
  1191. </label>
  1192. </div>
  1193. </fieldset>
  1194. </form>
  1195. </template>
  1196. </footer>
  1197. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  1198. <script>
  1199. class ThemeToggle extends HTMLElement {
  1200. constructor() {
  1201. super()
  1202. const themeSelectorTemplate = document.querySelector('#theme-selector')
  1203. const form = themeSelectorTemplate.content.firstElementChild
  1204. this.attachShadow({ mode: 'open' })
  1205. this.shadowRoot.appendChild(form.cloneNode(true))
  1206. }
  1207. connectedCallback() {
  1208. const form = this.shadowRoot.querySelector('form')
  1209. form.addEventListener('change', (e) => {
  1210. const chosenColorScheme = e.target.value
  1211. localStorage.setItem('theme', chosenColorScheme)
  1212. toggleTheme(chosenColorScheme)
  1213. })
  1214. const selectedTheme = localStorage.getItem('theme')
  1215. if (selectedTheme && selectedTheme !== 'undefined') {
  1216. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  1217. }
  1218. }
  1219. }
  1220. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  1221. window.addEventListener('load', () => {
  1222. let colorsLayer = undefined
  1223. let hasDarkRules = false
  1224. for (const styleSheet of Array.from(document.styleSheets)) {
  1225. let mediaRules = []
  1226. for (const layerRule of styleSheet.cssRules) {
  1227. if (!(layerRule instanceof CSSLayerBlockRule)) {
  1228. continue
  1229. }
  1230. if (layerRule.name === 'colors') {
  1231. colorsLayer = layerRule
  1232. }
  1233. for (const cssRule of layerRule.cssRules) {
  1234. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  1235. continue
  1236. }
  1237. // WARNING: Safari does not have/supports `conditionText`.
  1238. if (cssRule.conditionText) {
  1239. if (cssRule.conditionText !== prefersColorSchemeDark) {
  1240. continue
  1241. }
  1242. } else {
  1243. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  1244. continue
  1245. }
  1246. }
  1247. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  1248. }
  1249. }
  1250. // WARNING: do not try to insert a Rule to a styleSheet you are
  1251. // currently iterating on, otherwise the browser will be stuck
  1252. // in a infinite loop…
  1253. for (const mediaRule of mediaRules) {
  1254. // Safari requires the `0` second parameter (even if default).
  1255. colorsLayer.insertRule(mediaRule.cssText, 0)
  1256. hasDarkRules = true
  1257. }
  1258. }
  1259. if (hasDarkRules) {
  1260. if ('customElements' in window && !customElements.get('theme-toggle')) {
  1261. customElements.define('theme-toggle', ThemeToggle)
  1262. }
  1263. }
  1264. })
  1265. </script>
  1266. </body>
  1267. </html>