Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  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>Tag #matériel — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #matériel">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <header>
  54. <h1>Publications relatives au tag #matériel</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  59. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  60. </svg> Accueil</a>
  61. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  62. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use>
  63. </svg> Étiquettes</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Liste des publications en ordre chronologique :</p>
  69. <h2><a href="/david/2021/01/19/" title="Lien permanent vers cet article">Chaîne de capture</a> (2021-01-19)</h2>
  70. <details>
  71. <summary>Déplier pour lire le contenu de l’article</summary>
  72. <blockquote lang="en">
  73. <p>Pictures have always been a meaningful part of the human experience. From the first cave drawings, to sketches and paintings, to modern photography, we’ve mastered the art of recording what we see.</p>
  74. <p><mark>Cameras and the lenses inside them may seem a little mystifying.</mark> In this blog post I’d like to explain not only how they work, but also how adjusting a few tunable parameters can produce fairly different results</p>
  75. <p><cite><em><a href="https://ciechanow.ski/cameras-and-lenses/">Cameras and Lenses</a></em> (<a href="/david/cache/2021/ef2067bf42482ed7c48e1d166cde117a/">cache</a>)</cite></p>
  76. </blockquote>
  77. <p>En ce moment, je creuse un peu quelles chaînes est-ce que je consens à supporter pour produire de la vidéo. Cela me fait découvrir et réviser des fondamentaux d’optique mais aussi de technique numérique. <strong>Il faut aujourd’hui comprendre les deux pour capter une image exploitable.</strong> Et je ne parle même pas (encore) de la post-production.</p>
  78. <p>C’est un cheminement plaisant car on part d’un «&nbsp;simple&nbsp;» reflet de lumière pour arriver à une complexité numérique incroyable. L’œil et le cerveau sont des organes assez fascinants vus sous cet angle (<em>pun intended</em>).</p>
  79. <blockquote lang="en">
  80. <p>To understand what makes it so special, the first half of this post explains how a digital camera develops a photo. Then we go on to explain the strengths and weaknesses of traditional RAWs. Finally, we dive into what’s unique about ProRAW, how it changes the game, and its few remaining drawbacks.</p>
  81. <p><cite><em><a href="https://blog.halide.cam/understanding-proraw-4eed556d4c54">Understanding ProRAW</a></em> (<a href="/david/cache/2021/0c6966a8e9543b52c361ac6de68f08e4/">cache</a>)</cite></p>
  82. </blockquote>
  83. </details>
  84. <h2><a href="/david/2021/02/07/" title="Lien permanent vers cet article">Ostentatoire</a> (2021-02-07)</h2>
  85. <details>
  86. <summary>Déplier pour lire le contenu de l’article</summary>
  87. <blockquote>
  88. <p>L’économiste Thorstein Veblen a qualifié de «&nbsp;consommation ostentatoire&nbsp;» le mode de consommation des plus riches, la «&nbsp;classe de loisir&nbsp;». <mark>N’ayant plus de besoins à assouvir, ceux-ci se livrent à des achats dont le seul but est de conforter leur place sociale et de se singulariser.</mark> On est très loin, en matière de loisir, de la pratique de l’<em>otium</em> de l’Antiquité — par opposition au <em>negotium</em> de la vie active, du commerce et des affaires&nbsp;: un temps de solitude et de retraite envisagé comme le fondement de la sagesse. Un temps de respiration cultivé, de création intellectuelle, préservé des scories du quotidien. Soit tout l’inverse d’un passe-temps lié à l’argent qui consisterait à épater son voisin par de nouvelles acquisitions matérielles.</p>
  89. <p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p>
  90. </blockquote>
  91. <p>Retomber sur ce passage le jour où je me décide à acquérir du matériel vidéo après <a href="/david/2020/12/01/#apprendre">plusieurs mois</a> d’<a href="/david/2021/01/11/" title="Marche ou trêve">hésitation</a> est un bon rappel de ma classe sociale… et de mon incapacité à y échapper (coucou Bourdieu).</p>
  92. </details>
  93. <h2><a href="/david/2021/08/21/" title="Lien permanent vers cet article">Électrique</a> (2021-08-21)</h2>
  94. <details>
  95. <summary>Déplier pour lire le contenu de l’article</summary>
  96. <p>En 2020, on a acheté une <a href="/david/2021/07/16/" title="Char">voiture</a> et… une brosse à dent électrique. Je vous rassure, j’ai beaucoup fait pipi sous la douche pour compenser. Je fais aussi une partie de ma lessive sous la douche (pas au même moment…), mais c’est une autre histoire. Donc, voilà, je suis passé du bambou recyclé d’Indonésie avec des poils de yacks de l’Himalaya local à un bâton de lithium extrait par des mineurs-esclaves. C’est <em>grosso modo</em> l’équivalent de passer du vélo au SUV. La bouche est bouclée (rires).</p>
  97. <p>J’en parle pour me justifier parce que c’est bien évidemment difficile à assumer… et pourtant, je n’ai jamais eu les dents aussi propres — ou du moins la sensation qu’elles le soient. À tel point que cela est devenu une nouvelle dépendance (dans le sens dont-je-pourrais-difficilement-me-passer) tellement la différence est frappante. Notamment au retour de la forêt.</p>
  98. <p>Je suis curieux de voir ce que ça donne niveau longévité, après neuf mois elle est encore en parfait état et je n’ai eu besoin que d’un embout de brosse (on partage la poignée). Six minutes par jours à faire vibrer mes dents, parfois davantage lorsque je suis en régime estival (il faudra que je parle de ça), et à méditer sur le nombre d’esclaves énergétiques qui s’activent dans ma bouche pour que je puisse me sentir propre.</p>
  99. <blockquote>
  100. <p>Nous n’enseignons pas l’histoire&#8239;; nous recréons l’expérience. Nous suivons la chaîne des conséquences — la piste de la bête dans sa forêt. Regardez au-delà de nos paroles et vous apercevrez toute l’étendue d’un comportement social qu’aucun historien n’a jamais effleuré.</p>
  101. <p><cite><em>Panoplia Propheticus B. G.</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
  102. </blockquote>
  103. <figure>
  104. <a href="#bouees-barrage"
  105. title="Cliquer pour une version haute résolution">
  106. <img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique."
  107. loading="lazy" width="1366" height="2048" />
  108. </a>
  109. <a href="#_" class="lightbox" id="bouees-barrage">
  110. <img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique."
  111. loading="lazy" width="1366" height="2048" />
  112. </a>
  113. <figcaption>Heureusement que l’électricité est très relativement « propre » dans le coin.</figcaption>
  114. </figure>
  115. </details>
  116. <h2><a href="/david/2021/09/04/" title="Lien permanent vers cet article">Suspension</a> (2021-09-04)</h2>
  117. <details>
  118. <summary>Déplier pour lire le contenu de l’article</summary>
  119. <blockquote>
  120. <p>Et pourtant… En se mettant au vélo, des petits bourgeois blancs découvrent ce que ça fait, de se faire traiter comme de la merde, d’être mis en danger par des personnes bien protégées par leur position sociale. Le géographe <a href="https://cyclops.hypotheses.org/author/cyclops">Matthieu Adam</a> témoigne de leur prise de conscience de cette «&nbsp;oppression systémique&nbsp;» maintenant qu’ils la subissent. Est-ce que ça va en faire des héros de la justice sociale, des alliés hors pair des classes exploitées&#8239;? Vu depuis les pistes cyclables parisiennes, ça n’en prend pas le chemin.</p>
  121. <p><cite><em><a href="https://blog.ecologie-politique.eu/post/Misere-du-cyclisme-urbain">Misère du cyclisme urbain</a></em> (<a href="/david/cache/2021/9b26314b7796086b9109da72993751b5/">cache</a>)</cite></p>
  122. </blockquote>
  123. <p><em>Avertissement&nbsp;: je vais parler de matériel qui coûte indécemment cher.</em></p>
  124. <p>J’attendais d’avoir un peu de recul pour parler d’adaptations que j’ai pu faire sur mon vélo pour ménager mon corps vieillissant. Je rappelle que je suis dans un contexte où les chaussées sont soumises à des contraintes climatiques (et politiques) extrêmes. À tel point que mon vélo de triathlon en carbone reste au garage depuis 5&nbsp;ans… à part pour aller faire <a href="https://www.parcjeandrapeau.com/fr/circuit-gilles-villeneuve-montreal/">quelques tours de hamster</a> à l’occasion.</p>
  125. <p>J’ai <a href="https://konaworld.com/archive/2017/jake_the_snake.cfm">ce vélo</a> depuis 4&nbsp;ans, acheté en fin de saison en promo. On a connu ensemble toutes les météos possibles et imaginables et je suis bien content qu’il roule encore&#8239;! Les améliorations pour l’adapter à mon niveau de confort&nbsp;:</p>
  126. <ol>
  127. <li>Passer à des pneus en 38&#8239;mm — ce sont les plus larges qui rentrent dans la fourche — qui plus est <em>tubeless</em> pour ne pas avoir à trop les gonfler (sans risquer de pincer la chambre à air). Je sais que ça peut être beaucoup plus galère si tu arrives à crever quand même mais ça ne m’est pas encore arrivé, le scellant fait sa job.</li>
  128. <li>Suspendre la selle et le guidon <a href="https://redshiftsports.com/pages/shockstop">avec des élastomères</a> pour encaisser les chocs tout en restant sur un profil course. Ce changement est plus récent et j’ai hésité à changer complètement de vélo pour intégrer la suspension au cadre mais ça m’a semblé plus portable/durable ainsi. Je n’ai pas encore testé ce que ça donne par grand froid mais dans ces conditions ça ne me dérange pas que le vélo soit plus rigide.</li>
  129. <li>Changer de selle pour une <a href="https://infinitybikeseat.com/">version suspendue</a> également. Pour être plus précis, c’est la sensation d’être suspendu qui est assez unique et c’était un peu un coup de poker (vu le prix&#8239;!) mais j’en suis très content après 6&nbsp;mois d’utilisation (ouf&#8239;!).</li>
  130. </ol>
  131. <p>La combinaison de ces trois modifications me permet de prendre le vélo quotidiennement pour aller à l’école (~15&#8239;km, ~1000&#8239;km à l’année) sans avoir de cuissard. De faire des <a href="/david/2020/05/20/">escapades</a> plus lointaines. Mais aussi de faire les courses, aller à la bibliothèque, à la piscine, gravir la seule <a href="https://fr.wikipedia.org/wiki/Mont_Royal">montagne locale</a>, etc. C’est mon moyen de locomotion principal, de loin.</p>
  132. <p>L’autre point fort, c’est que je n’ai plus mal aux poignets ni au bas du dos qui, à force de contracter à chaque nid-de-foule, finissaient par induire une fatigue musculaire qui n’était pas liée à la puissance me permettant d’avancer. Je n’ai pas l’impression d’avoir perdu en efficacité — malgré la suspension — justement car ce gain est d’un ordre de grandeur au-dessus dans mon cas. Même si la transition s’est faite sur plusieurs mois, j’ai pu sentir l’évolution des douleurs et je commence à avoir fait suffisamment de sports pour savoir qu’il faut préserver ce qu’il nous reste le plus longtemps possible&nbsp;:-).</p>
  133. <blockquote>
  134. <p>Toutes les religions organisées ont à faire face à un problème commun, qui représente le point faible par où nous pouvons les pénétrer et les orienter selon nos propres besoins. Ce problème est&nbsp;: comment faire la distinction entre la révélation et l’<em>hubris</em>&#8239;?</p>
  135. <p><cite><em>Missionaria Protectiva, Enseignement pour les Initiés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
  136. </blockquote>
  137. <figure>
  138. <a href="#jake-the-snake"
  139. title="Cliquer pour une version haute résolution">
  140. <img src="/static/david/2021/jake-the-snake.jpg" alt="Une photo du vélo incluant les modifications."
  141. loading="lazy" width="2048" height="1536" />
  142. </a>
  143. <a href="#_" class="lightbox" id="jake-the-snake">
  144. <img src="/static/david/2021/jake-the-snake.jpg" alt="Une photo du vélo incluant les modifications."
  145. loading="lazy" width="2048" height="1536" />
  146. </a>
  147. <figcaption>Sur la tige de selle, l’accroche pour le <a href="https://rideweehoo.com/">Weehoo</a> qui nous comble depuis plus d’un an.</figcaption>
  148. </figure>
  149. </details>
  150. </main>
  151. <hr>
  152. <footer>
  153. <p>
  154. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  155. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  156. </svg> Accueil</a> •
  157. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  158. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  159. </svg> Suivre</a> •
  160. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  161. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  162. </svg> Pro</a> •
  163. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  164. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  165. </svg> Email</a> •
  166. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  167. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  168. </svg> Légal</abbr>
  169. </p>
  170. <template id="theme-selector">
  171. <form>
  172. <fieldset>
  173. <legend><svg class="icon icon-brightness-contrast">
  174. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  175. </svg> Thème</legend>
  176. <label>
  177. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  178. </label>
  179. <label>
  180. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  181. </label>
  182. <label>
  183. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  184. </label>
  185. </fieldset>
  186. </form>
  187. </template>
  188. </footer>
  189. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  190. <script>
  191. function loadThemeForm(templateName) {
  192. const themeSelectorTemplate = document.querySelector(templateName)
  193. const form = themeSelectorTemplate.content.firstElementChild
  194. themeSelectorTemplate.replaceWith(form)
  195. form.addEventListener('change', (e) => {
  196. const chosenColorScheme = e.target.value
  197. localStorage.setItem('theme', chosenColorScheme)
  198. toggleTheme(chosenColorScheme)
  199. })
  200. const selectedTheme = localStorage.getItem('theme')
  201. if (selectedTheme && selectedTheme !== 'undefined') {
  202. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  203. }
  204. }
  205. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  206. window.addEventListener('load', () => {
  207. let hasDarkRules = false
  208. for (const styleSheet of Array.from(document.styleSheets)) {
  209. let mediaRules = []
  210. for (const cssRule of styleSheet.cssRules) {
  211. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  212. continue
  213. }
  214. // WARNING: Safari does not have/supports `conditionText`.
  215. if (cssRule.conditionText) {
  216. if (cssRule.conditionText !== prefersColorSchemeDark) {
  217. continue
  218. }
  219. } else {
  220. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  221. continue
  222. }
  223. }
  224. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  225. }
  226. // WARNING: do not try to insert a Rule to a styleSheet you are
  227. // currently iterating on, otherwise the browser will be stuck
  228. // in a infinite loop…
  229. for (const mediaRule of mediaRules) {
  230. styleSheet.insertRule(mediaRule.cssText)
  231. hasDarkRules = true
  232. }
  233. }
  234. if (hasDarkRules) {
  235. loadThemeForm('#theme-selector')
  236. }
  237. })
  238. </script>
  239. </body>
  240. </html>