12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202 |
- <!DOCTYPE html><!-- This is a valid HTML5 document. -->
- <!-- Screen readers, SEO, extensions and so on. -->
- <html lang="fr">
- <!-- Has to be within the first 1024 bytes, hence before the `title` element
- See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
- <meta charset="utf-8">
- <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
- <!-- The viewport meta is quite crowded and we are responsible for that.
- See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <!-- Required to make a valid HTML5 document. -->
- <title>
- Étiquette #processus
- — David Larlet</title>
- <meta name="description" content="Publications relatives au tag #processus">
- <!-- That good ol' feed, subscribe :). -->
- <link rel="alternate"
- type="application/atom+xml"
- title="Feed"
- href="/david/log/">
- <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
- <link rel="apple-touch-icon"
- sizes="180x180"
- href="/static/david/icons2/apple-touch-icon.png">
- <link rel="icon"
- type="image/png"
- sizes="32x32"
- href="/static/david/icons2/favicon-32x32.png">
- <link rel="icon"
- type="image/png"
- sizes="16x16"
- href="/static/david/icons2/favicon-16x16.png">
- <link rel="manifest" href="/static/david/icons2/site.webmanifest">
- <link rel="mask-icon"
- href="/static/david/icons2/safari-pinned-tab.svg"
- color="#07486c">
- <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
- <meta name="msapplication-TileColor" content="#f7f7f7">
- <meta name="msapplication-config"
- content="/static/david/icons2/browserconfig.xml">
- <meta name="theme-color"
- content="#f7f7f7"
- media="(prefers-color-scheme: light)">
- <meta name="theme-color"
- content="#272727"
- media="(prefers-color-scheme: dark)">
- <!-- Is that even respected? Retrospectively? What a shAItshow…
- https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
- <meta name="robots" content="noai, noimageai">
- <!-- Documented, feel free to shoot an email. -->
- <link rel="stylesheet" href="/static/david/css/style_2024-02-03.css">
- <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <script>
- function toggleTheme(themeName) {
- document.documentElement.classList.toggle(
- 'forced-dark',
- themeName === 'dark'
- )
- document.documentElement.classList.toggle(
- 'forced-light',
- themeName === 'light'
- )
- }
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme !== 'undefined') {
- toggleTheme(selectedTheme)
- }
- </script>
-
- <style type="text/css">
- details[open] summary {
- display: none;
- }
- </style>
-
- <body data-instant-intensity="viewport-all">
- <article>
-
- <header>
- <hgroup>
- <h1>#processus</h1>
- <p>Publications relatives à cette étiquette</p>
- </hgroup>
- </header>
- <nav>
- <p>
- <a href="/david/" title="Aller à l’accueil">
- Accueil</a>
- •
- <a rel="tags"
- href="/david/2024/#tags"
- title="Liste de toutes les étiquettes">
- Étiquettes</a>
- •
- <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- </p>
- </nav>
-
- <h2>
- <a href="/david/2024/02/27/" title="Lien permanent vers cet article">Rédaction</a> <time datetime="2024-02-27">27 février 2024</time>
- </h2>
-
-
- <blockquote>
- <p>Je suis curieux de savoir comment tu rédiges ces textes ! Tu prends des notes pendant tes excursions sur lesquelles tu te bases ou tu écris tout à chaud une fois chez toi ? Ou tu écris quelques jours après sur des souvenirs qui s’effritent déjà mais ça n’a pas d’importance ? 🙂</p>
- <p><cite><em>Question de <a data-link-domain="social.bim.land" href="https://social.bim.land/@mlbiche">@mlbiche</a> sur masto</em></cite></p>
- </blockquote>
- <p>Il m’arrive de prendre des notes lors de sorties plus contemplatives (et moins risquées pour mes doigts !) mais c’est assez rare. Je n’arrive pas à écrire une histoire en étant en train de la vivre, c’est comme de faire des vidéos, j’ai l’impression de trop me mettre en scène sinon. Lorsque le récit influe sur le déroulé, ça brise quelque chose au niveau de son authenticité et de mon ressenti.</p>
- <p>En général, je rédige cela à la maison, à chaud. Une fois que toutes les affaires ont été mises à sécher. Avec parfois des bribes qui s’agencent lors du long retour en voiture. Si j’attends plus de 24h, ce ne sont pas tant les souvenirs qui s’effritent que la motivation à les partager qui s’envole, ça m’est déjà arrivé plusieurs fois.</p>
- <a href="#hr-91" title="Lien vers cette section de la page"><hr id="hr-91" /></a>
-
- <blockquote>
- <p>Nos vies sont faites de métal incandescent.<br />
- Tant qu’elles rougeoient, nous en restons les forgerons.<br />
- Créateurs et inventeurs de nous-mêmes.</p>
- <p>Mais comme le métal du forgeron qui refroidit, comme la coulée de lave qui atteint l’extrémité de son expansion, nos vies se figent.<br />
- Ce n’est qu’à cet instant précis que l’on peut dire qui on a été. quand la coulée de la vie a pris sa forme définitive.</p>
- <p>D’ici je la contemple, cette vie. Ma vie.<br />
- Et je sais enfin qui je suis…</p>
- <p><cite><em>La saga de Grimr</em>, Jérémie Moreau</cite></p>
- </blockquote>
- <p>Rétrospective sous forme de <a data-link-domain="ut7.fr" href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html" hreflang="en"
- title="Consultation de l’article (anglais)">Conseil</a>
- <a href="/david/cache/2024/f3974ec778551dd1c3134c8094c3372b/" hreflang="en"
- data-tippy data-description="Un conseil, c’est une réunion en cercle où les personnes se parlent et font l’expérience individuelle de ce que c’est que d’appartenir au groupe."
- data-source="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html"
- data-date="2024-02-27"
- data-favicon="https://www.ut7.fr/favicon-192x192.png"
- data-domain="ut7.fr"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a> aujourd’hui. Je suis de plus en plus tenté d’introduire une 6<sup>e</sup> étape qui serait autour du pardon. <q>Je te pardonne pour …, cela m’a permis d’apprendre … </q>. J’ai l’intuition que cela pourrait ajouter quelque chose pour un groupe relativement intime qui s’inscrit dans la durée.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/ecriture/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#écriture</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/psychologie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#psychologie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/23/" title="Lien permanent vers cet article">Préparatifs</a> <time datetime="2024-02-23">23 février 2024</time>
- </h2>
-
- <p>J’admire les personnes qui arrivent à prendre une photo de leur sac de manière éclatée avant de partir. J’ai toujours pas mal de choses à rajouter au dernier moment, j’essaye au moins d’avoir les basiques de façon certaine.</p>
- <a href="#hr-86" title="Lien vers cette section de la page"><hr id="hr-86" /></a>
-
- <blockquote lang="en">
- <p>A utopia for web that I can envision would have <mark>rich component creation</mark> and manipulation capabilities in built as a part of spec and browsers implementing them. Hence, we won’t have to include any of the heavy third party libraries which will give faster load times to the users by saving the download costs by a huge amounts.</p>
- <p><cite><em><a data-link-domain="codeburst.io" href="https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e" hreflang="en"
- title="Consultation de l’article (anglais)">Generating Config driven Dynamic Forms using Web Components</a>
- <a href="/david/cache/2024/5da390fa8d93278cd62233d3915729e7/" hreflang="en"
- data-tippy data-description="Over the years, we as UI Developers have become so habitual of using the already available UI Frameworks and Libraries like React, Angular, Vue etc due to the increasing demand of shipping things…"
- data-source="https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e"
- data-date="2024-02-23"
- data-favicon="https://miro.medium.com/v2/resize:fill:256:256/1*mNmxddJJTzkiBfK77mWuGA.png"
- data-domain="codeburst.io"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Aujourd’hui, j’ai exploré les façons de faire des formulaires en assemblant des <em>Web Components</em>. Cet article de 2019 donne un bon aperçu de ce qu’il est possible de faire. Il y a aussi <a data-link-domain="dev.to" href="https://dev.to/stuffbreaker/custom-forms-with-web-components-and-elementinternals-4jaj" hreflang="en"
- title="Consultation de l’article (anglais)">cet autre article</a>
- <a href="/david/cache/2024/2cadf792810f64540605c86a1431cb6b/" hreflang="en"
- data-tippy data-description="The ElementInternals API allows us to create form-associated custom elements which we can use to make our own supercharged form fields."
- data-source="https://dev.to/stuffbreaker/custom-forms-with-web-components-and-elementinternals-4jaj"
- data-date="2024-02-23"
- data-favicon="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png"
- data-domain="dev.to"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a> qui m’a permis de découvrir <a data-link-domain="MDN" href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">ElementInternals</a>. Des frameworks comme Shoelace <a data-link-domain="shoelace.style" href="https://shoelace.style/getting-started/form-controls">pourraient être inspirants</a> dans le domaine.</p>
- <a href="#hr-87" title="Lien vers cette section de la page"><hr id="hr-87" /></a>
-
- <blockquote lang="en">
- <p>RH uses GNOME 3. Ubuntu used Unity, alienated a lot of people who only knew how to use Windows-like desktops, and that made Mint a huge success. GNOME 2 got forked as MATE, and Mint adopted it, helping a lot. Mint also built its own fork of GNOME 3, Cinnamon. Formerly tiny niche desktops like Xfce and LXDE got a <em>huge</em> boost. Debian adopted GNOME 3 and systemd, annoying lots of its developers and causing the Devuan fork to happen.</p>
- <p><cite><em><a data-link-domain="liam-on-linux.dreamwidth.org" href="https://liam-on-linux.dreamwidth.org/85359.html" hreflang="en"
- title="Consultation de l’article (anglais)">Everyone seems to forget why GNOME and GNOME 3 and Unity happened</a>
- <a href="/david/cache/2024/ecae6fcce7e86066e432b5f38b2299ca/" hreflang="en"
- data-tippy data-description="That is *what* it came from, yes, but not *why*."
- data-source="https://liam-on-linux.dreamwidth.org/85359.html"
- data-date="2024-02-23"
- data-favicon="https://liam-on-linux.dreamwidth.org/favicon.ico"
- data-domain="liam-on-linux.dreamwidth.org"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Fascinante histoire.</p>
- <a href="#hr-88" title="Lien vers cette section de la page"><hr id="hr-88" /></a>
-
- <blockquote lang="en">
- <p>As of version 2.1.0 this project will split into Plausible Community Edition and Plausible Enterprise Edition. The Community Edition (CE) will remain completely open source under the AGPLv3 license. The Enterprise Edition (EE) will contain extra features that will be published as source-available on Github, but we do not grant rights for anyone else to use, distribute or otherwise exploit these features.</p>
- <p><cite><em><a data-link-domain="github.com" href="https://github.com/plausible/analytics/releases/tag/v2.1.0-rc.0">Release notes de Plausible 2.1.0</a></em></cite></p>
- </blockquote>
- <p>Des <a data-link-domain="plausible.io" href="https://plausible.io/blog/community-edition" hreflang="en"
- title="Consultation de l’article (anglais)">raisons un peu plus détaillées</a>
- <a href="/david/cache/2024/d6e0a9beec0623cc66cede135fc7acdc/" hreflang="en"
- data-tippy data-description="We’re introducing the “free as in beer”, self-hosted and AGPL-licensed Plausible Community Edition (CE)."
- data-source="https://plausible.io/blog/community-edition"
- data-date="2024-02-23"
- data-favicon="https://plausible.io/assets/images/icon/favicon-16x16.png"
- data-domain="plausible.io"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a> ayant motivé ce choix.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/web/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#web</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/13/" title="Lien permanent vers cet article">Feutrage</a> <time datetime="2024-02-13">13 février 2024</time>
- </h2>
-
- <p>Atelier du soir avec <a data-link-domain="wiseoakwilderness.com" href="https://wiseoakwilderness.com/">Jesse</a> que je connaissais pour ses autres activités et c’était une surprise de retomber sur lui ! C’est une bonne personne 😊. Le problème des <a data-link-domain="les-affutes.ca" href="https://www.les-affutes.ca/">Affûtés</a> c’est qu’iels arrivent un peu trop bien à me <a href="/david/2024/01/21/" title="Bois">cibler</a> !</p>
- <p>L’objectif était de faire une paire de mitaines à partir de laine brute, c’est une approche qui m’intéresse beaucoup car je n’arrive pas à accrocher au tricotage et j’ai pourtant de gros besoins à ce sujet (je ne taris pas d’éloge au sujet de <a data-link-domain="nature.larlet.fr" href="https://nature.larlet.fr/habillage/#laine">cette matière</a> par ailleurs, je ne vais pas me répéter ici). Je n’avais aucune idée de cette technique auparavant.</p>
- <figure>
- <a href="/static/david/2024/2024-02-13-laine-brute.jpg"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-02-13-laine-brute.jpg"
- width="2464" height="3285"
- srcset="/static/david/2024/2024-02-13-laine-brute.jpg 2464w, /static/david/2024/2024-02-13-laine-brute_660x440.jpg 660w, /static/david/2024/2024-02-13-laine-brute_990x660.jpg 990w, /static/david/2024/2024-02-13-laine-brute_1320x880.jpg 1320w"
- sizes="min(100vw, calc(100vh * 2464 / 3285))"
- loading="lazy"
- decoding="async"
- alt="De la laine relativement brute.">
- </a>
- <figcaption>De la laine relativement brute.</figcaption>
- </figure>
- <p>La laine provenait de la <a data-link-domain="etsy.com" href="https://www.etsy.com/ca/market/bure_bure">boutique BureBure</a> sur Etsy, ce qui a l’avantage de pouvoir s’en procurer facilement de manière indépendante. Pour une option plus locale, certaines évoquaient <a data-link-domain="lavieenalpaga.com" href="https://www.lavieenalpaga.com/">La Vie en Alpaga</a> mais c’est une laine plus fine qu’il vaut mieux couper d’après Jesse pour qu’elle arrive à feutrer plus facilement. J’ai appris qu’une bonne partie de la laine qui serait utilisable au Québec ne l’est pas faute de rentabilité. À moi de trouver une source locale.</p>
- <p>Je vais documenter la méthode car c’est faisable dans sa cuisine sans nécessiter d’outillage particulier et je compte bien continuer cet apprentissage. Cela demande quelques étapes et un petit tour de main, l’atelier était vraiment important pour devenir autonome.</p>
- <p>Matériel : un bac étanche, un natte pour faire des <em>maki</em> (véridique), un rectangle de papier bulles, un rectangle en plastique avec des trous (type rideau ou tapis de vaisselle). Le tout dimensionné pour le patron choisi qui peut être découpé dans un sac de course en plastique rigide. Ensuite, il ne faut que de l’eau chaude, du savon et du vinaigre. Autant dire que ce n’est pas le matériel qui coûte cher.</p>
- <ol>
- <li>On fait un patron ayant une taille d’environ 130% par rapport au résultat attendu, le principe est que la laine va s’agréger et donc réduire sa taille de manière significative lors du processus.</li>
- <li>On pose le patron dans le bac, sur la natte + papier bulles.</li>
- <li>On ajoute trois couches de laine en commençant par la fibre à l’horizontale puis en croisant les fibres, on fait en sorte que ça dépasse pour pouvoir faire la jonction avec la face arrière du patron.</li>
- <li>On recouvre avec le tapis en plastique puis on arrose d’eau très chaude et de savon.</li>
- <li>On masse avec tendresse pour ne pas faire de trous au début, c’est cette action qui va relier les différents filaments de laine progressivement (c’est le feutrage à proprement parler).</li>
- <li>On retourne et on replie l’excédent sur les bords du patron avant d’ajouter nos trois couches de laine sur cette nouvelle face.</li>
- <li>Arrivé à cette étape, on a notre structure et on n’ajoutera plus de laine (à part souci). La simplicité du processus est incroyable.</li>
- <li>On fait bien le détourage du pouce dans le cas d’une mitaine. Ne pas oublier de replier le bord en bas, il faut laisser un trou pour le passage de la main !</li>
- <li>On continue de masser recto-verso un très grand nombre de fois en ajoutant de l’eau chaude et du savon (le foulage) jusqu’à ce que ça tienne bien et que l’on puisse extraire le patron.</li>
- <li>On peut maintenant rouler nos <em>maki</em> ! Cela permet de masser le rouleau et d’avoir d’autres angles pour les fibres. Il faut aussi se concentrer sur les bords pour arrondir les angles et commencer à former la mitaine.</li>
- <li>Au bout d’un moment — ces premières étapes ont pris une bonne heure — on passe à la deuxième mitaine, retour à l’étape 2…</li>
- <li>Avec les deux mitaines en main, on peut les feutrer/fouler réciproquement en se frottant les mains toujours en ajoutant du savon et de l’eau brulante (c’est un atelier vraiment propre) pendant là aussi de longues minutes, l’objectif est d’arriver à approcher de la taille finale désirée. On frotte dans le sens où on veut réduire la taille, par exemple en horizontal sur l’ouverture pour resserrer.</li>
- <li>On termine en rinçant abondamment le savon et en plongeant la pièce dans une solution vinaigrée pour changer le pH, ce qui fixe le tout et adouci la laine.</li>
- <li>(Optionnel) Il est possible de réduire encore <em>a posteriori</em> en remouillant avec du savon MAIS il n’est pas possible de revenir en arrière donc il vaut mieux s’arrêter trop tôt plutôt que trop tard, d’autant que ça rétrécit au séchage.</li>
- </ol>
- <p>Il y a très peu de pertes dans le processus même si ça prend beaucoup de savon. Le gros intérêt de la technique, c’est que la pièce est vraiment adaptée au support sur laquelle on la feutre+foule (ici mes mains). Il est possible de couper le surplus en bas pour égaliser mais je préfère que ça remonte plus haut sur l’avant-bras. Le résultat est un peu rigide car j’ai privilégié la chaleur (et les erreurs de débutant) mais il est possible de mettre moins de laine. J’arrive néanmoins à tenir un bâton de ski sans forcer.</p>
- <figure>
- <a href="/static/david/2024/2024-02-13-mitaines-feutrage.jpg"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-02-13-mitaines-feutrage.jpg"
- width="3024" height="4032"
- srcset="/static/david/2024/2024-02-13-mitaines-feutrage.jpg 3024w, /static/david/2024/2024-02-13-mitaines-feutrage_660x440.jpg 660w, /static/david/2024/2024-02-13-mitaines-feutrage_990x660.jpg 990w, /static/david/2024/2024-02-13-mitaines-feutrage_1320x880.jpg 1320w"
- sizes="min(100vw, calc(100vh * 3024 / 4032))"
- loading="lazy"
- decoding="async"
- alt="Les mitaines réalisées qui sèchent verticalement.">
- </a>
- <figcaption>Le résultat après 4 heures de travail et pas mal d’huile de coude.</figcaption>
- </figure>
- <p>Anecdote : j’étais le plus jeune et le seul homme, c’était intéressant d’être au sein de cette <em>sororité des aînées</em>, il ne manquait qu’une cheminée pour avoir une soirée d’anecdotes québécoises au coin du feu 🤗.</p>
- <p>Au retour, après avoir essoré les mitaines pour qu’elles ne gouttent pas trop, j’ai pu les mettre pour qu’elles affrontent leur première tempête de neige improvisée. Même mouillées et dégoulinantes, j’arrivais à garder mes mains au chaud à l’intérieur… ah, la laine <3. J’ai hâte de tester avec avec une sous-couche et/ou une sur-couche, ça tombe bien car les températures redescendent enfin.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/protopie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#protopie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/02/" title="Lien permanent vers cet article">Valeurs</a> <time datetime="2024-02-02">2 février 2024</time>
- </h2>
-
-
- <blockquote>
- <p><em>Performatif</em>, c’est ce qu’on dit d’un verbe dont l’énonciation constitue simultanément l’action qu’il exprime. Par exemple <em>Je promets</em>, <em>Je m’excuse</em> ou <em>La séance est ouverte</em> : le dire, c’est le faire. Dans le champ de l’action, prendre le tournant du registre <em>performatif</em> revient à acter le caractère de plus en plus inopérant du plaidoyer et de l’action revendicative, face à des pouvoirs et lobbies désespérément hermétiques à la nécessité de changement. L’action performative n’a pas besoin de faire la une ni de se soucier des sirènes médiatiques : <mark>elle est sa propre fin.</mark> Sont performatives des actions qui ont un impact immédiat et direct sur le réel, qui ne visent pas à pousser une revendication ou à peser sur une autorité : dont l’effet est contenu dans leur propre réalisation. […]</p>
- <p>Pour toutes ces raisons, j’accorde beaucoup d’intérêt à l’émergence de mouvements autonomes, organiques et composites, qui ne confondent pas radicalité et radicalisme, polémique et action politique. Des collectifs qui n’opposent pas le cerveau et les mains, la lutte et la gentillesse, la théorie et la pratique. Qui, par leur nature indisciplinée, et affranchis des enjeux des élections, peuvent échapper aux carcans des institutions. Des réseaux qui ont appris à se satisfaire de la multiplicité des tactiques et des cultures politiques, à archipéliser les îlots qui tentent de s’organiser différemment, en dehors du système, et qui allient dans un même mouvement justice sociale, combat écologique et défense du vivant.</p>
- <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel Darleux</cite></p>
- </blockquote>
- <p><em>Prise de notes brutes pendant une séance avec <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">Scopyleft</a> accompagnée par <a data-link-domain="acumeo.fr" href="https://www.acumeo.fr/">Olivier Arnould</a>. Nous avions préalablement communiqué nos valeurs personnelles, les valeurs de la culture actuelle et les valeurs de la culture désirée.</em></p>
- <p>La culture c’est un système immunitaire, c’est ce qui est souhaité des membres pour garantir la stabilité du système. La culture dans son intention est positive, elle est là pour protéger le système. Le seul moyen de faire évoluer une culture de manière intentionnelle c’est par des actes rituels mais c’est un système qui a une grande inertie. Tout le reste est de la propagande.</p>
- <p>Il y a un lien de causalité entre valeurs choisies, croyances que l’on a et comportements que l’on adopte.</p>
- <figure>
- <a href="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png"
- width="2672" height="2000"
- srcset="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 2672w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 660w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 990w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 1320w"
- sizes="min(100vw, calc(100vh * 2672 / 2000))"
- loading="lazy"
- decoding="async"
- alt="Le sablier des Sept niveaux de conscience définis par Richard Barrett.">
- </a>
- <figcaption>Le sablier des Sept niveaux de conscience définis par Richard Barrett.</figcaption>
- </figure>
- <p>On explore les <em>Sept niveaux de conscience</em> des CTT (<em>Cultural Transformation Tools</em>) de Richard Barrett. Les valeurs appartiennent à de grands domaines. Une organisation fonctionne bien lorsque l’ensemble des domaines sont couverts. Pas de domaine plus important qu’un autre, malgré la représentation en sablier (qui montre un point de pivot intéressant néanmoins) :</p>
- <ol>
- <li>Survie : les basiques de la pyramide de Maslow, si la boîte meurt ça ne sert plus à rien de parler culture.</li>
- <li>Relations : communication entre individus qui soit efficace (pas de notion d’équipe à ce stade)</li>
- <li>Estime de Soi : c’est un peu l’archétype masculin (croissance, performance, qualité, etc)</li>
- <li>Transformation : se questionner, changer ses habitudes</li>
- <li>Cohésion Interne : le collectif fonctionne bien, partage des valeurs et des engagements (faire équipe, potentiellement avec le client)</li>
- <li>Faire la Différence : avoir un impact significatif sur l’extérieur, qui déborde de l’organisation</li>
- <li>Service : responsabilité sociétale, vision à long terme d’avoir un impact positif sur la société et la planète</li>
- </ol>
- <p>On peut les grouper :</p>
- <ul>
- <li>1 + 2 + 3 : socle d’oxygène positif pour pouvoir avancer</li>
- <li>4 : se remettre en question pour pouvoir évoluer</li>
- <li>5 + 6 + 7 : dimension collective de cette évolution</li>
- </ul>
- <p>Une valeur majoritaire se trouve à la fois dans les valeurs personnelles et les valeurs de la culture actuelle :</p>
- <ul>
- <li>écoute</li>
- </ul>
- <p>Trois valeurs majoritaires sont à la fois dans les valeurs de la culture actuelle et celles de la culture désirée :</p>
- <ul>
- <li>agilité</li>
- <li>attention, bienveillance, prendre soin</li>
- <li>coopération</li>
- </ul>
- <p>C’est un alignement déjà très élevé et il n’y a pas de valeurs qui freinent l’entreprise (baronnie, etc).</p>
- <p>Ce qui apparait dans les nouvelles valeurs majoritaires de la culture désirée :</p>
- <ul>
- <li>amélioration continue</li>
- <li>développement durable, pérennité</li>
- <li>initiative, prendre des initiatives</li>
- <li>responsabilité sociétale</li>
- <li>vision partagée</li>
- </ul>
- <p>Nous sommes globalement sur la même longueur d’onde. Il y a parfois des valeurs-antidotes qui apparaissent dans la culture désirée, ce qu’on voit peu dans nos résultats.</p>
- <p>Ce genre d’exercice n’est qu’un prétexte à enclencher des échanges :</p>
- <ul>
- <li>Il n’y a pas grand chose autour de 1 (Survie / solidité financière) et 3 (Estime de Soi / performance). Est-ce que c’est OK pour nous ?</li>
- <li>Quels comportements adopter pour avoir la sensation de répondre à ces valeurs désirées ?</li>
- </ul>
- <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del> <a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement consenti.</p>
- <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à l’intro.</p>
- <p>Note : l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en"
- title="Consultation de l’article (anglais)">Deep Democracy</a>
- <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" hreflang="en"
- data-tippy data-description="Definition of Deep Democracy The concept of Deep Democracy was developed by Arnold Mindell. It is defined as an attitude and a principle. Attitude: Deep Democracy is an attitude that […]"
- data-source="https://iapop.com/deep-democracy/"
- data-date="2024-01-31"
- data-favicon="https://iapop.com/wp-content/uploads/2018/03/iapop_world_icon-blue-150px-tiny.png"
- data-domain="iapop.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em> et <em>Inside The NO: Five Steps to Decisions That Last</em> par Myrna Lewis.</p>
-
- <blockquote>
- <p>Et puis il faudra parfois redescendre sur terre et revenir à soi pour se sentir fier de ses actes et de ses choix. Bien sûr, il ne s’agit pas de remplacer une injonction par une autre, et on a parfaitement le droit de trouver qu’il n’y a rien à sauver dans la médiocrité ambiante, d’envoyer au diable l’espoir, la joie et la résilience et, simplement, comme je l’ai lu quelque part, « d’en chier sans avoir à en faire une danse ».</p>
- <p>Mais ça ne fait pas une vie. <mark>Nous avons besoin, chacune et chacun à sa manière, de ces confins où la disgrâce du monde ne peut plus nous engloutir.</mark> De lieux où se retirer en silence, d’espaces où il est possible de rêver plus loin, de terriers où s’inventer d’autres réalités, de livres qui évadent ou élèvent la pensée, et de poches bien profondes où enfoncer les mains. Autant d’<em>ailleurs</em> intimes ou collectifs, réels ou fictifs, de confins qui peuvent être proches comme lointains car il n’est pas nécessaire de se déplacer pour changer de perspective : c’est un bougé en soi.</p>
- <p><cite><em>Ibid.</em></cite></p>
- </blockquote>
- <a href="#hr-61" title="Lien vers cette section de la page"><hr id="hr-61" /></a>
-
- <blockquote>
- <p>Après 13 éditions d’un événement qui a beaucoup (beaucoup) grandi, nous ressentons le besoin d’expérimenter quelque chose d’un peu différent en 2024.</p>
- <p>Nous souhaitons donc vous proposer un festival éphémère à taille (un peu plus) humaine, un temps suspendu où imaginaire positif et pragmatisme se rejoignent pour façonner un futur soutenable. Quelles pratiques dans nos métiers, comment voulons nous entreprendre, travailler, communiquer, quelle industrie voulons nous pour demain ?</p>
- <p><cite><em><a data-link-domain="etdemain.co" href="https://etdemain.co/#note-d-intention">Et demain ? (note d’intention)</a></em></cite></p>
- </blockquote>
- <p>Des évolutions locales sont en cours ici et ailleurs, c’est stimulant.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/protopie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#protopie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/30/" title="Lien permanent vers cet article">Équipe</a> <time datetime="2024-01-30">30 janvier 2024</time>
- </h2>
-
-
- <blockquote lang="en">
- <p>We can typically break down collaboration groups into three types:</p>
- <ul>
- <li><strong>Real teams</strong> are all about solving the hardest, most complex problems. A diverse set of perspectives and skills is required to untangle these sorts of problems, for which there is no obvious solution. […]</li>
- <li><strong>Working groups</strong> are all about efficiency. Most people spend most of their productive time in working groups. We’ll say it again: there is nothing wrong with being in a working group. […]</li>
- <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
- </ul>
- <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a team-in-name-only.</p>
- <p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en"
- title="Consultation de l’article (anglais)">Teaming is hard because you’re probably not really on a team</a>
- <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" hreflang="en"
- data-tippy data-description="Hybrid and remote work are complicating many of the collaborative challenges that were present long before the pandemic arrived."
- data-source="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team"
- data-date="2024-01-29"
- data-favicon="https://www.strategy-business.com/media/image/favicon22-16x16.png"
- data-domain="strategy-business.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Devenir une (vraie) équipe prend du temps. Il faut même pouvoir envisager que cela ne devienne jamais le cas. Et ce n’est peut-être pas un souci si on n’a pas ces attentes… ou qu’on peut les attendre.</p>
- <a href="#hr-56" title="Lien vers cette section de la page"><hr id="hr-56" /></a>
- <p><a data-link-domain="github.com" href="https://github.com/zedeus/nitter/issues/1155#issuecomment-1913361757">Nitter est mort.</a> C’était le seul moyen qu’il me restait pour suivre les <em>drama</em> dans la communauté des échecs pro (et ils sont si nombreux !).</p>
- <p>Ce n’est pas si grave.</p>
- <a href="#hr-57" title="Lien vers cette section de la page"><hr id="hr-57" /></a>
- <figure>
- <a href="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg"
- width="2560" height="1536"
- srcset="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg 2560w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_660x440.jpg 660w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_990x660.jpg 990w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_1320x880.jpg 1320w"
- sizes="min(100vw, calc(100vh * 2560 / 1536))"
- loading="lazy"
- decoding="async"
- alt="Une carte de la grande boucle des hauts sommets de St-Donat.">
- </a>
- <figcaption>La grande boucle des hauts sommets de St-Donat. 84 km de sentiers. Je cherche encore les hauts sommets 🙊.</figcaption>
- </figure>
- <p>Un autre lieu où il serait possible de <a href="/david/2024/01/19/" title="Marcher">marcher</a> en parlant, ou l’inverse. Il est même possible de prolonger en suivant le sentier inter-centre vers Mont-Tremblant.</p>
- <a href="#hr-58" title="Lien vers cette section de la page"><hr id="hr-58" /></a>
-
- <blockquote>
- <p>Si j’écrivais <strong>faire ensemble</strong>, ça serait <em>faux</em>. C’est une combinaison de <strong>expérimenter des chemins vers un monde auquel j’aspire</strong> et de <strong>les partager</strong>. Ça m’intéresse de le faire, et ça ne m’intéresse pas si c’est juste pour moi. Le prompt, c’est écouter mes dissonnances cognitives et suivre le fil. Y cogiter à plusieurs, lire à ces sujets, tester seul ou à plusieurs, le restituer/mettre en œuvre. Arrêter, continuer, recommencer.</p>
- <p><cite><em><a data-link-domain="détour.studio" href="https://d%C3%A9tour.studio/yearnotes/4/">Yearnotes #4 • détour.studio</a></em></cite></p>
- </blockquote>
- <p>J’aime beaucoup la mélodie des <em>Year</em>notes de Thomas.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/24/" title="Lien permanent vers cet article">Taille</a> <time datetime="2024-01-24">24 janvier 2024</time>
- </h2>
-
- <p>On me demande quelle est la taille souhaitable pour <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">Scopyleft</a>.</p>
- <p>Il y a plusieurs réponses / contraintes à cela :</p>
- <ul>
- <li>il faudrait que tout le monde puisse être visible dans notre outil de visio (Whereby à ce jour) ;</li>
- <li>il faudrait que chacun·e ait un temps de parole suffisant sur une réunion d’une heure (aujourd’hui, ce serait 7 min 30) ;</li>
- <li>il faudrait pouvoir avoir des interactions en binôme avec chaque personne sur un rythme hebdomadaire.</li>
- </ul>
- <p>Et surtout, nous n’avons pas de volonté de croître plus que ça. Lorsqu’on veut faire des choses qui dépassent nos capacités, il y a les coopératives amies.</p>
- <a href="#hr-46" title="Lien vers cette section de la page"><hr id="hr-46" /></a>
-
- <blockquote lang="en">
- <p>Further, if we have learned anything in the last 3 years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business value.</p>
- <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en"
- title="Consultation de l’article (anglais)">Echoing Wirth’s plea for lean software</a>
- <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" hreflang="en"
- data-tippy data-description="Niklaus Wirth's plea for lean software is even more valid today."
- data-source="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/"
- data-date="2024-01-24"
- data-favicon="https://cdn-blog.testdouble.com/img/favicon-dark.619c13e6bf2653dacd018c2ab016f32247574e7396f1bfe3ae0798f55f7ea079.png"
- data-domain="blog.testdouble.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Tout est dit.</p>
- <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
-
- <blockquote>
- <p>La nuit est rassurante<br />
- tout est perdu<br />
- plus besoin de chercher<br />
- nos morceaux éparpillés<br />
- nous voilà réunis<br />
- par nos obscurités</p>
- <p><cite><em><a data-link-domain="etc-iste.blogspot.com" href="http://etc-iste.blogspot.com/2024/01/reunuit.html">Réunuit</a></em></cite></p>
- </blockquote>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/communaute/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#communauté</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/23/" title="Lien permanent vers cet article">Thèse</a> <time datetime="2024-01-23">23 janvier 2024</time>
- </h2>
-
-
- <blockquote>
- <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 typographique.</p>
- <p><cite><em><a data-link-domain="these.quaternum.net" href="https://these.quaternum.net/">Fabriquer des éditions
- Éditer des fabriques - Reconfiguration des processus techniques éditoriaux et nouveaux modèles épistémologiques</a></em>, Antoine Fauchié</cite></p>
- </blockquote>
- <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 discussions.</p>
- <p>Les questions que j’aurais aimé poser :</p>
- <ol>
- <li>Comment transformer ces fabriques de logiciels <em>open-source</em> en communs numériques impliquant une gouvernance partagée ? Comment sont impliquées les différentes parties prenantes ?</li>
- <li>Quelle est la littéracie numérique nécessaire pour devenir auteur·ice aujourd’hui ? Quelle est l’in·accessibilité de ces fabriques sous cet angle là ?</li>
- <li>Le rôle de l’éditeur·ice devient-il également celui d’un·e accompagnateur·ice technique ? Quelle part pour l’éthique dans ce choix d’intermédiaire ?</li>
- </ol>
- <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 CSS).</p>
- <p><mark>@nnotation(contexte)</mark> : 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 Antoine.</p>
- <a href="#hr-45" title="Lien vers cette section de la page"><hr id="hr-45" /></a>
-
- <blockquote>
- <p>La sociologie parle de « dépossession économique » et de « dépossession culturelle » 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 ? 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 soi-même.</p>
- <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 constitue.</p>
- <p><cite><em>Une aspiration au dehors</em>, Geoffroy de Lagasnerie</cite></p>
- </blockquote>
- <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 universitaire.</p>
- <p>Merci Antoine pour l’invitation.</p>
- <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"
- title="Consultation de l’article">répondu le 2 février</a>
- <a href="/david/cache/2024/e58d4c2ceeab475aba6a179c035852f8/" hreflang="fr"
- data-tippy data-description="David a assisté à la soutenance de ma thèse de doctorat, il m’a posé trois questions via un billet de blog, à défaut d’avoir pu le faire pendant la soutenance."
- data-source="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/"
- data-date="2024-02-18"
- data-favicon=""
- data-domain="quaternum.net"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a>.</em></p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/commun/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#commun</a>
-
- <a href="/david/2024/experience/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#expérience</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/12/" title="Lien permanent vers cet article">Personnel</a> <time datetime="2024-01-12">12 janvier 2024</time>
- </h2>
-
-
- <blockquote>
- <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je lis.</p>
- <p>J’écris de deux façons.</p>
- <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr"
- title="Consultation de l’article">je ne sais pas pourquoi</a>
- <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" hreflang="fr"
- data-tippy data-description=""
- data-source="https://www.la-grange.net/2024/01/11/pourquoi"
- data-date="2024-01-11"
- data-favicon="https://www.la-grange.net/favicon.ico"
- data-domain="la-grange.net"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr"
- title="Consultation de l’article">définition par ici</a>
- <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" hreflang="fr"
- data-tippy data-description="Une chaise, un lit, un canapé, une baignoire, une place de métro, un banc dans un parc, un muret. Un fauteuil à roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafétéria."
- data-source="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB"
- data-date="2024-01-11"
- data-favicon="https://tw5.immateriel.fr/wiki/immateriel/b/favicon.ico"
- data-domain="tw5.immateriel.fr"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes routiniers.</p>
- <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en"
- title="Consultation de l’article (anglais)">compost</a>
- <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" hreflang="en"
- data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
- data-source="https://blog.jim-nielsen.com/2023/blogging-and-compositing/"
- data-date="2024-01-11"
- data-favicon="https://blog.jim-nielsen.com/favicon.ico"
- data-domain="blog.jim-nielsen.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
-
- <blockquote lang="en">
- <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an “audience.”</strong></p>
- <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or intimacy.</p>
- <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
- <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks — in order to validate its existence.</p>
- <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en"
- title="Consultation de l’article (anglais)">build a world, not an audience</a>
- <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" hreflang="en"
- data-tippy data-description="don’t chase your audience, let them find your world."
- data-source="https://keningzhu.com/journal/build-a-world-not-an-audience"
- data-date="2024-01-11"
- data-favicon="https://images.squarespace-cdn.com/content/v1/51e8148de4b01c1eb79c1977/1547586234044-PLNK9XVHXBYWZ5A1673H/favicon.ico?format=100w"
- data-domain="keningzhu.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
-
- <blockquote lang="en">
- <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being ourselves.</mark></p>
- <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and on.</p>
- <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en"
- title="Consultation de l’article (anglais)">The personality of a personal website</a>
- <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" hreflang="en"
- data-tippy data-description="With his “ I am a poem I am not software” post Robin touched on an interesting problem related to personal websites. I’m not going to summarise …"
- data-source="https://manuelmoreale.com/the-personality-of-a-personal-website"
- data-date="2024-01-11"
- data-favicon="https://manuelmoreale.com/favicon.ico"
- data-domain="manuelmoreale.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr"
- title="Consultation de l’article">vraiment fidèle</a>
- <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" hreflang="fr"
- data-tippy data-description="J’aurais pu m’en rendre compte il y a vingt ans, mais il me manquait le recul de deux décennies."
- data-source="https://thom4.net/2023/02/01/carnets/"
- data-date="2024-01-11"
- data-favicon="https://thom4.net/assets/favicon-32x32.png"
- data-domain="thom4.net"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau là.</p>
- <a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
-
- <blockquote lang="en">
- <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the same.</mark></p>
- <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en"
- title="Consultation de l’article (anglais)">Tomorrow & Tomorrow & Tomorrow</a>
- <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" hreflang="en"
- data-tippy data-description="We realize then that it is just the patterns of events in space which are repeating in the building or the town: and nothing else."
- data-source="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow"
- data-date="2024-01-11"
- data-favicon=""
- data-domain="erinkissane.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></cite></p>
- </blockquote>
- <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr"
- title="Consultation de l’article">découverte d’Antoine</a>
- <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" hreflang="fr"
- data-tippy data-description="Je découvre (très) tardivement ce _mantra_, ou plutôt ce positionnement récursif et infini : les pratiques modèlent les outils qui modèlent les pratiques etc."
- data-source="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/"
- data-date="2024-01-11"
- data-favicon=""
- data-domain="quaternum.net"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a>. Une autre façon d’être dé·formé.</p>
- <a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
- <p>Deux outils autour de la transformation de vidéos :</p>
- <ul>
- <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG UI</a></li>
- <li><a data-link-domain="mifi.no" href="https://mifi.no/losslesscut/">LosslessCut</a></li>
- </ul>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/ecriture/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#écriture</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/psychologie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#psychologie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/08/" title="Lien permanent vers cet article">Liens</a> <time datetime="2024-01-08">8 janvier 2024</time>
- </h2>
-
- <p>Je décide de tester d’ajouter le domaine du lien après la lien, j’ai souvent besoin de cette information avant de cliquer sur un lien. Pour cela je charge le domaine en Python grâce à la flexibilité de <a data-link-domain="mistune.lepture.com" href="https://mistune.lepture.com/en/latest/">mistune</a> et je m’en sers ensuite en CSS pour l’afficher dynamiquement :</p>
- <pre><code>a[data-link-domain]::after {
- content: " [" attr(data-link-domain) "]";
- font-size: smaller;
- color: var(--link-color-domain);
- }
- </code></pre>
- <p>Je fais aussi des tests de soulignement avec un gradient qui irait de la couleur du lien principal à celle du domaine :</p>
- <pre><code>a {
- text-decoration-skip-ink: auto;
- text-decoration-thickness: calc(var(--fluid-0) / 10);
- position: relative;
- }
- a::before {
- content: '';
- width: 100%;
- position: absolute;
- left: 0;
- bottom: -1px;
- height: calc(var(--fluid-0) / 10);
- background: linear-gradient(
- to right,
- var(--link-color),
- var(--link-color-domain)
- );
- }
- </code></pre>
- <p>Mais au final je jette car je perds la partie <code>skip-ink</code> que je trouve chouette comme évolution de rendu possible. Toujours cet équilibre complexité / expérience / accessibilité.</p>
- <p>Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre <em>Web Component</em> dédié. En suivant les recommandations <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111703611010197838">sur masto</a>, je les nomme <code>archive</code> pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus tard.</p>
- <p>Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la durée.</p>
- <p>Chaque lien distant prend une longueur non négligeable suite à ces deux ajouts 🤔.</p>
- <a href="#hr-17" title="Lien vers cette section de la page"><hr id="hr-17" /></a>
-
- <blockquote>
- <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit blog”.</p>
- <p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" hreflang="fr"
- title="Consultation de l’article">Ma page /now (ou plutôt /en-ce-moment)</a>
- <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" hreflang="fr"
- data-tippy data-description="La page /now a été proposée par Derek Sivers pour spécifier de manière très flexible un format de page web sur laquelle on peut en apprendre plus sur …"
- data-source="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment"
- data-date="2024-01-07"
- data-favicon="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22 filter=%22hue-rotate(82deg)%22>🌿</text></svg>"
- data-domain="blog.professeurjoachim.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon <a data-link-domain="larlet.com" href="https://larlet.com/">profil pro</a>.</p>
-
- <blockquote lang="en">
- <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this too).</p>
- <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy change”.</p>
- <p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/" hreflang="en"
- title="Consultation de l’article (anglais)">Opening Mail</a>
- <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" hreflang="en"
- data-tippy data-description="First make the change easy, then make the easy change."
- data-source="https://frantic.im/opening-mail/"
- data-date="2024-01-07"
- data-favicon="https://frantic.im/favicon.png"
- data-domain="frantic.im"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Note : cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes articles.</p>
- <a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
- <p>L’hiver commence maintenant le 7 janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance climatique.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/solastalgia/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#solastalgia</a>
-
- <a href="/david/2024/technique/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#technique</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/06/" title="Lien permanent vers cet article">Objectif</a> <time datetime="2024-01-06">6 janvier 2024</time>
- </h2>
-
- <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de préparation.</p>
- <a href="#hr-10" title="Lien vers cette section de la page"><hr id="hr-10" /></a>
- <p>Au détour d’un vieux chalet :</p>
- <figure>
- <a href="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
- width="4032" height="3024"
- srcset="/static/david/2024/2024-01-05-la-recherche-sida.jpg 4032w, /static/david/2024/2024-01-05-la-recherche-sida_660x440.jpg 660w, /static/david/2024/2024-01-05-la-recherche-sida_990x660.jpg 990w, /static/david/2024/2024-01-05-la-recherche-sida_1320x880.jpg 1320w"
- sizes="min(100vw, calc(100vh * 4032 / 3024))"
- loading="lazy"
- decoding="async"
- alt="Photo du Magazine « La Recherche » (couverture)">
- </a>
- <figcaption>La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de découverte.</figcaption>
- </figure>
- <p>D’autres temps, d’autres démons.</p>
- <a href="#hr-11" title="Lien vers cette section de la page"><hr id="hr-11" /></a>
- <p>Le dossier spécial sur la voiture électrique se terminait ainsi :</p>
-
- <blockquote>
- <p>Nous sommes loin des anticipations du début des années 1970 qui attribuaient au véhicule électrique 7 à 10 % du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. <mark>Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels</mark> (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine décennie.</p>
- </blockquote>
- <p>D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve américain.</p>
- <a href="#hr-12" title="Lien vers cette section de la page"><hr id="hr-12" /></a>
-
- <blockquote>
- <p>J’aime bien l’expression « sans nom » (genre une galère sans nom, une injustice sans nom)<br />
- Ça fait un peu eldritchien pour moi, genre quelque chose de si terrible qu’on ne peut pas le nommer, qu’on ne peut pas concevoir entièrement</p>
- <p>Mais aussi ça me donne l’impression que si je nomme les choses ça va régler une partie du problème c’est fun</p>
- <p>« ma vie était une galère sans nom c’était terrible. Bha je l’ai appelé bob et du coup depuis ça va »</p>
- <p><cite><a data-link-domain="pipou.academy" href="https://pipou.academy/@tiphaine/111629699683457788">@tiphaine@pipou.academy</a></cite></p>
- </blockquote>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/addiction/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#addiction</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/sport/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#sport</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
-
-
- <form action="/david/recherche/" method="get">
- <fieldset>
- <legend>Recherche</legend>
- <label for="input-search">Termes de votre recherche :</label>
- <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
- <input type="submit" value="Chercher">
- <p id="indexation-infos">
- <small>
- Seuls les contenus de ces 8 dernières années sont indexés.
- </small>
- </p>
- </fieldset>
- </form>
-
- <aside>
- <theme-toggle></theme-toggle>
- </aside>
- </article>
- <hr>
- <footer>
- <p>
- <a href="/david/" title="Aller à l’accueil">Accueil</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- •
- <a href="http://larlet.com"
- title="Go to my English profile"
- data-instant>Pro</a>
- •
- <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
- •
- <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
- </p>
- <template id="theme-selector">
- <form>
- <style type="text/css">
- fieldset div {
- text-align: center;
- }
- </style>
- <fieldset>
- <legend>Thème</legend>
- <div>
- <label>
- <input type="radio" value="auto" name="chosen-color-scheme" checked>
- Auto
- </label>
- <label>
- <input type="radio" value="dark" name="chosen-color-scheme">
- Foncé
- </label>
- <label>
- <input type="radio" value="light" name="chosen-color-scheme">
- Clair
- </label>
- </div>
- </fieldset>
- </form>
- </template>
- </footer>
- <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
- <script>
- class ThemeToggle extends HTMLElement {
- constructor() {
- super()
- const themeSelectorTemplate = document.querySelector('#theme-selector')
- const form = themeSelectorTemplate.content.firstElementChild
- this.attachShadow({ mode: 'open' })
- this.shadowRoot.appendChild(form.cloneNode(true))
- }
-
- connectedCallback() {
- const form = this.shadowRoot.querySelector('form')
- form.addEventListener('change', (e) => {
- const chosenColorScheme = e.target.value
- localStorage.setItem('theme', chosenColorScheme)
- toggleTheme(chosenColorScheme)
- })
-
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme && selectedTheme !== 'undefined') {
- form.querySelector(`[value="${selectedTheme}"]`).checked = true
- }
- }
- }
-
- const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
- window.addEventListener('load', () => {
- let colorsLayer = undefined
- let hasDarkRules = false
- for (const styleSheet of Array.from(document.styleSheets)) {
- let mediaRules = []
- for (const layerRule of styleSheet.cssRules) {
- if (!(layerRule instanceof CSSLayerBlockRule)) {
- continue
- }
- if (layerRule.name === 'colors') {
- colorsLayer = layerRule
- }
- for (const cssRule of layerRule.cssRules) {
- if (cssRule.type !== CSSRule.MEDIA_RULE) {
- continue
- }
- // WARNING: Safari does not have/supports `conditionText`.
- if (cssRule.conditionText) {
- if (cssRule.conditionText !== prefersColorSchemeDark) {
- continue
- }
- } else {
- if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
- continue
- }
- }
- mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
- }
- }
-
- // WARNING: do not try to insert a Rule to a styleSheet you are
- // currently iterating on, otherwise the browser will be stuck
- // in a infinite loop…
- for (const mediaRule of mediaRules) {
- // Safari requires the `0` second parameter (even if default).
- colorsLayer.insertRule(mediaRule.cssText, 0)
- hasDarkRules = true
- }
- }
-
- if (hasDarkRules) {
- if ('customElements' in window && !customElements.get('theme-toggle')) {
- customElements.define('theme-toggle', ThemeToggle)
- }
- }
- })
- </script>
-
- </body>
- </html>
|