+ 2
- 2
david/2022/05/15/index.html
ファイルの表示
| @@ -81,7 +81,7 @@ | |||
| Recherche</a | |||
| > | |||
| </nobr> | |||
| • <a rel="next" href="/david/2022/05/17/" title="Publication suivante : Outils">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -119,7 +119,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2022/05/13/" title="Publication précédente : Aurore">← Précédent</a> • | |||
| <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a> | |||
| • <a rel="next" href="/david/2022/05/17/" title="Publication suivante : Outils">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 274
- 0
david/2022/05/17/index.html
ファイルの表示
| @@ -0,0 +1,274 @@ | |||
| <!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>Outils — David Larlet</title> | |||
| <meta name="description" content="As Henry Ford once put it, “If you need a machine and don’t buy it, then you will ultimately find that you have paid for it and don’t have it.” Thinking on a marginal basis can be very, very dangerous."> | |||
| <!-- 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)"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>Outils</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2022/05/15/" title="Publication précédente : Rédemption">← Précédent</a> • | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" | |||
| ><svg class="icon icon-home"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home" | |||
| ></use> | |||
| </svg> | |||
| Accueil</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/recherche/" title="Aller à la page de recherche" | |||
| ><svg class="icon icon-search"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search" | |||
| ></use> | |||
| </svg> | |||
| Recherche</a | |||
| > | |||
| </nobr> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <blockquote> | |||
| <p>As Henry Ford once put it, <mark>“If you need a machine and don’t buy it, then you will ultimately find that you have paid for it and don’t have it.”</mark> Thinking on a marginal basis can be very, very dangerous.</p> | |||
| <p><cite><em><a href="https://hbswk.hbs.edu/item/7007.html">Clayton Christensen’s “How Will You Measure Your Life?”</a></em> (<a href="/david/cache/2022/450dce1f614eba220a97b035cea5dfe5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Cette citation m’a inspiré cette paraphrase :</p> | |||
| <blockquote> | |||
| <p>Si tu as besoin d’un outil et que tu ne le construis pas, tu vas finir par comprendre que tu l’as quand même construit mais de manière non pérenne/soutenable.</p> | |||
| </blockquote> | |||
| <p>En <a href="/david/2022/04/26/" title="R&Day">ce moment</a>, je prends soin des processus et outils autour de l’activité de <a href="http://scopyleft.fr/">scopyleft</a>. Et puis, quand je tombe sur <a href="https://hund.tty1.se/2021/07/14/how-i-create-fancy-pdf-documents-in-markdown.html">une bonne idée</a> (<a href="/david/cache/2022/0c60682eeb1edfaf2c6c13cd30cce60d/">cache</a>) ou une techno que je veux explorer, je tente des petites choses autour.</p> | |||
| <p>Le dernier en date est un <a href="https://gitlab.com/davidbgk/convertisseur-markdown-pdf">générateur de PDF à partir d’un fichier markdown et d’une feuille de style CSS</a>. La principale contrainte étant de le rendre <em>aussi</em> accessible à des personnes qui sont peu familières des environnements techniques. De cette contrainte née la créativité d’utiliser l’intégration continue de Gitlab pour générer le PDF. Ainsi, il « suffit » d’éditer le fichier <code>source.md</code>, de faire une <code>merge-request</code> et l’artéfact est produit auto-magiquement.</p> | |||
| <p>Pour un usage plus avancé, il est possible de modifier la CSS pour le rendu et/ou de le faire tourner en local sans être dépendant·e de Gitlab.</p> | |||
| <h2 id="caisse">Caisse <a href="#caisse" title="Ancre vers cette partie">#</a></h2> | |||
| <blockquote lang="en"> | |||
| <p>🔬 All in all I think I found my cure for javascript fatigue as well as a preferred way to do new projects going forward.</p> | |||
| <p><cite><em><a href="https://edofic.com/posts/2022-01-28-low-js/">How I fell in love with low-js</a></em> (<a href="/david/cache/2022/3e7688b2d34d13bf51290fc906d77b3d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>⚖️ I suppose another way of putting this position is that excellence requires a mix of arrogance and humility; <mark>arrogance as to your capabilities, humility toward the work.</mark> Arrogance says that you can and will accomplish your desires; humility understands that a greatness that transcends excellence, let alone survives, is not actually in your hands. You have to submit: to the truth, to the real, toward the bends and knots of what is coming to be through you.</p> | |||
| <p><cite><em><a href="https://www.gawker.com/culture/nobody-will-read-this-essay-in-200-years">It’s Very Unlikely Anyone Will Read This in 200 Years</a></em> (<a href="/david/cache/2022/0888271d03779999af533b991a8b76eb/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>💯 And the fact that these technologies have shipped in stable browsers means they’re vetted. They’ve been through a rigourous testing phase. They’ve effectively got a seal of approval from each individual browser maker. To me, that seems like a much bigger signal of trustworthiness than the popularity of a third-party library or framework.</p> | |||
| <p>So <mark>I’m kind of confused</mark> by this prevalent mindset of trusting third-party code more than built-in browser features.</p> | |||
| <p><cite><em><a href="https://adactio.com/journal/19021">Trust</a></em> (<a href="/david/cache/2022/8981770b1b5be8044fd201739e67c60d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>✍️ Uncurled - everything I know and learned about running and maintaining Open Source projects for three decades.</p> | |||
| <p>I have been actively involved in Open Source development since the early 1990s when I discovered the phenomenon of people writing source code they give away freely for others to use and modify under a certain license.</p> | |||
| <p><cite><a href="https://un.curl.dev/">Uncurled</a></cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🌳 Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually. The project explores what it means to <mark>design with nature</mark> and on nature’s terms.</p> | |||
| <p><cite><em><a href="https://bjoernkarmann.dk/occlusion-grotesque">Bjørn Karmann › Occlusion Grotesque</a></em> (<a href="/david/cache/2022/32cf150b3b75b308683c4246b54cdcf9/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote> | |||
| <p>💚 Chaque organisme est unique, mais je crois que nous partageons tous certaines tendances communes. Cela signifie que nous pouvons apprendre et réapprendre les uns des autres, et travailler ensemble pour établir des milieux de travail plus sains pour les gens de toute identité de genre. Nous en sommes au début de ce projet et <mark>nous ferons sans doute des erreurs</mark> en cours de route.</p> | |||
| <p><cite><em><a href="https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/">La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle</a></em> (<a href="/david/cache/2022/ab2739b2622b6a977d73ca7871c64a01/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2022/05/15/" title="Publication précédente : Rédemption">← Précédent</a> • | |||
| <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <nobr> | |||
| <a href="/david/" title="Aller à l’accueil" | |||
| ><svg class="icon icon-home"> | |||
| <use | |||
| xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home" | |||
| ></use> | |||
| </svg> | |||
| Accueil</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="/david/log/" title="Accès au flux RSS" | |||
| ><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use> | |||
| </svg> | |||
| Suivre</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant | |||
| ><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use> | |||
| </svg> | |||
| Pro</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel" | |||
| ><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use> | |||
| </svg> | |||
| Email</a | |||
| > | |||
| </nobr> | |||
| • | |||
| <nobr> | |||
| <abbr | |||
| class="nowrap" | |||
| title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340" | |||
| ><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use> | |||
| </svg> | |||
| Légal</abbr | |||
| > | |||
| </nobr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <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> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(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 hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.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) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 50
- 0
david/2022/_sources/2022-05-17 - Outils.md
ファイルの表示
| @@ -0,0 +1,50 @@ | |||
| # Outils | |||
| > As Henry Ford once put it, ==“If you need a machine and don’t buy it, then you will ultimately find that you have paid for it and don’t have it.”== Thinking on a marginal basis can be very, very dangerous. | |||
| > | |||
| > <cite>*[Clayton Christensen’s “How Will You Measure Your Life?”](https://hbswk.hbs.edu/item/7007.html)* ([cache](/david/cache/2022/450dce1f614eba220a97b035cea5dfe5/))</cite> | |||
| Cette citation m’a inspiré cette paraphrase : | |||
| > Si tu as besoin d’un outil et que tu ne le construis pas, tu vas finir par comprendre que tu l’as quand même construit mais de manière non pérenne/soutenable. | |||
| En [ce moment](/david/2022/04/26/), je prends soin des processus et outils autour de l’activité de [scopyleft](http://scopyleft.fr/). Et puis, quand je tombe sur [une bonne idée](https://hund.tty1.se/2021/07/14/how-i-create-fancy-pdf-documents-in-markdown.html) ([cache](/david/cache/2022/0c60682eeb1edfaf2c6c13cd30cce60d/)) ou une techno que je veux explorer, je tente des petites choses autour. | |||
| Le dernier en date est un [générateur de PDF à partir d’un fichier markdown et d’une feuille de style CSS](https://gitlab.com/davidbgk/convertisseur-markdown-pdf). La principale contrainte étant de le rendre *aussi* accessible à des personnes qui sont peu familières des environnements techniques. De cette contrainte née la créativité d’utiliser l’intégration continue de Gitlab pour générer le PDF. Ainsi, il « suffit » d’éditer le fichier `source.md`, de faire une `merge-request` et l’artéfact est produit auto-magiquement. | |||
| Pour un usage plus avancé, il est possible de modifier la CSS pour le rendu et/ou de le faire tourner en local sans être dépendant·e de Gitlab. | |||
| ## Caisse | |||
| > [en] 🔬 All in all I think I found my cure for javascript fatigue as well as a preferred way to do new projects going forward. | |||
| > | |||
| > <cite>*[How I fell in love with low-js](https://edofic.com/posts/2022-01-28-low-js/)* ([cache](/david/cache/2022/3e7688b2d34d13bf51290fc906d77b3d/))</cite> | |||
| > [en] ⚖️ I suppose another way of putting this position is that excellence requires a mix of arrogance and humility; ==arrogance as to your capabilities, humility toward the work.== Arrogance says that you can and will accomplish your desires; humility understands that a greatness that transcends excellence, let alone survives, is not actually in your hands. You have to submit: to the truth, to the real, toward the bends and knots of what is coming to be through you. | |||
| > | |||
| > <cite>*[It’s Very Unlikely Anyone Will Read This in 200 Years](https://www.gawker.com/culture/nobody-will-read-this-essay-in-200-years)* ([cache](/david/cache/2022/0888271d03779999af533b991a8b76eb/))</cite> | |||
| > [en] 💯 And the fact that these technologies have shipped in stable browsers means they’re vetted. They’ve been through a rigourous testing phase. They’ve effectively got a seal of approval from each individual browser maker. To me, that seems like a much bigger signal of trustworthiness than the popularity of a third-party library or framework. | |||
| > | |||
| > So ==I’m kind of confused== by this prevalent mindset of trusting third-party code more than built-in browser features. | |||
| > | |||
| > <cite>*[Trust](https://adactio.com/journal/19021)* ([cache](/david/cache/2022/8981770b1b5be8044fd201739e67c60d/))</cite> | |||
| > [en] ✍️ Uncurled - everything I know and learned about running and maintaining Open Source projects for three decades. | |||
| > | |||
| > I have been actively involved in Open Source development since the early 1990s when I discovered the phenomenon of people writing source code they give away freely for others to use and modify under a certain license. | |||
| > | |||
| > <cite>[Uncurled](https://un.curl.dev/)</cite> | |||
| > [en] 🌳 Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually. The project explores what it means to ==design with nature== and on nature’s terms. | |||
| > | |||
| > <cite>*[Bjørn Karmann › Occlusion Grotesque](https://bjoernkarmann.dk/occlusion-grotesque)* ([cache](/david/cache/2022/32cf150b3b75b308683c4246b54cdcf9/))</cite> | |||
| > 💚 Chaque organisme est unique, mais je crois que nous partageons tous certaines tendances communes. Cela signifie que nous pouvons apprendre et réapprendre les uns des autres, et travailler ensemble pour établir des milieux de travail plus sains pour les gens de toute identité de genre. Nous en sommes au début de ce projet et ==nous ferons sans doute des erreurs== en cours de route. | |||
| > | |||
| > <cite>*[La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle](https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/)* ([cache](/david/cache/2022/ab2739b2622b6a977d73ca7871c64a01/))</cite> | |||
+ 2
- 1
david/2022/index.html
ファイルの表示
| @@ -116,7 +116,8 @@ | |||
| <h3>Mai 2022</h3> | |||
| <p> | |||
| <a href="/david/2022/05/13/">Aurore</a>, | |||
| <a href="/david/2022/05/15/">Rédemption</a>. | |||
| <a href="/david/2022/05/15/">Rédemption</a>, | |||
| <a href="/david/2022/05/17/">Outils</a>. | |||
| </p> | |||
+ 1
- 0
david/index.html
ファイルの表示
| @@ -76,6 +76,7 @@ | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2022/05/17/">Outils</a>, | |||
| <a href="/david/2022/05/15/">Rédemption</a>, | |||
| <a href="/david/2022/05/13/">Aurore</a>, | |||
| <a href="/david/2022/04/26/">R&Day</a>, | |||
+ 56
- 1
david/log/index.xml
ファイルの表示
| @@ -6,13 +6,68 @@ | |||
| <link href="https://larlet.fr/david/" rel="alternate" type="text/html" /> | |||
| <link href="https://larlet.fr/david/log/" rel="self" /> | |||
| <id>https://larlet.fr/david/</id> | |||
| <updated>2022-05-15T12:00:00+01:00</updated> | |||
| <updated>2022-05-17T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2022, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Outils</title> | |||
| <link href="https://larlet.fr/david/2022/05/17/" rel="alternate" type="text/html" /> | |||
| <updated>2022-05-17T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2022/05/17/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>As Henry Ford once put it, <mark>“If you need a machine and don’t buy it, then you will ultimately find that you have paid for it and don’t have it.”</mark> Thinking on a marginal basis can be very, very&nbsp;dangerous.</p> | |||
| <p><cite><em><a href="https://hbswk.hbs.edu/item/7007.html">Clayton Christensen’s “How Will You Measure Your Life?”</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/450dce1f614eba220a97b035cea5dfe5/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Cette citation m’a inspiré cette&nbsp;paraphrase&nbsp;:</p> | |||
| <blockquote> | |||
| <p>Si tu as besoin d’un outil et que tu ne le construis pas, tu vas finir par comprendre que tu l’as quand même construit mais de manière non&nbsp;pérenne/soutenable.</p> | |||
| </blockquote> | |||
| <p>En <a href="https://larlet.fr/david/2022/04/26/" title="R&amp;Day">ce moment</a>, je prends soin des processus et outils autour de l’activité de <a href="http://scopyleft.fr/">scopyleft</a>. Et puis, quand je tombe sur <a href="https://hund.tty1.se/2021/07/14/how-i-create-fancy-pdf-documents-in-markdown.html">une bonne idée</a>&nbsp;(<a href="https://larlet.fr/david/cache/2022/0c60682eeb1edfaf2c6c13cd30cce60d/">cache</a>) ou une techno que je veux explorer, je tente des petites choses&nbsp;autour.</p> | |||
| <p>Le dernier en date est un <a href="https://gitlab.com/davidbgk/convertisseur-markdown-pdf">générateur de PDF à partir d’un fichier markdown et d’une feuille de style CSS</a>. La principale contrainte étant de le rendre <em>aussi</em> accessible à des personnes qui sont peu familières des environnements techniques. De cette contrainte née la créativité d’utiliser l’intégration continue de Gitlab pour générer le PDF. Ainsi, il «&nbsp;suffit&nbsp;» d’éditer le fichier <code>source.md</code>, de faire une <code>merge-request</code> et l’artéfact est produit&nbsp;auto-magiquement.</p> | |||
| <p>Pour un usage plus avancé, il est possible de modifier la CSS pour le rendu et/ou de le faire tourner en local sans être dépendant·e de&nbsp;Gitlab.</p> | |||
| <h2>Caisse</h2> | |||
| <blockquote lang="en"> | |||
| <p>🔬 All in all I think I found my cure for javascript fatigue as well as a preferred way to do new projects going&nbsp;forward.</p> | |||
| <p><cite><em><a href="https://edofic.com/posts/2022-01-28-low-js/">How I fell in love with low-js</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/3e7688b2d34d13bf51290fc906d77b3d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>⚖️ I suppose another way of putting this position is that excellence requires a mix of arrogance and humility; <mark>arrogance as to your capabilities, humility toward the work.</mark> Arrogance says that you can and will accomplish your desires; humility understands that a greatness that transcends excellence, let alone survives, is not actually in your hands. You have to submit: to the truth, to the real, toward the bends and knots of what is coming to be through&nbsp;you.</p> | |||
| <p><cite><em><a href="https://www.gawker.com/culture/nobody-will-read-this-essay-in-200-years">It’s Very Unlikely Anyone Will Read This in 200&nbsp;Years</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/0888271d03779999af533b991a8b76eb/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>💯 And the fact that these technologies have shipped in stable browsers means they’re vetted. They’ve been through a rigourous testing phase. They’ve effectively got a seal of approval from each individual browser maker. To me, that seems like a much bigger signal of trustworthiness than the popularity of a third-party library or&nbsp;framework.</p> | |||
| <p>So <mark>I’m kind of confused</mark> by this prevalent mindset of trusting third-party code more than built-in browser&nbsp;features.</p> | |||
| <p><cite><em><a href="https://adactio.com/journal/19021">Trust</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/8981770b1b5be8044fd201739e67c60d/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>✍️ Uncurled - everything I know and learned about running and maintaining Open Source projects for three&nbsp;decades.</p> | |||
| <p>I have been actively involved in Open Source development since the early 1990s when I discovered the phenomenon of people writing source code they give away freely for others to use and modify under a certain&nbsp;license.</p> | |||
| <p><cite><a href="https://un.curl.dev/">Uncurled</a></cite></p> | |||
| </blockquote> | |||
| <blockquote lang="en"> | |||
| <p>🌳 Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually. The project explores what it means to <mark>design with nature</mark> and on nature’s&nbsp;terms.</p> | |||
| <p><cite><em><a href="https://bjoernkarmann.dk/occlusion-grotesque">Bjørn Karmann › Occlusion Grotesque</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/32cf150b3b75b308683c4246b54cdcf9/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <blockquote> | |||
| <p>💚 Chaque organisme est unique, mais je crois que nous partageons tous certaines tendances communes. Cela signifie que nous pouvons apprendre et réapprendre les uns des autres, et travailler ensemble pour établir des milieux de travail plus sains pour les gens de toute identité de genre. Nous en sommes au début de ce projet et <mark>nous ferons sans doute des erreurs</mark> en cours de&nbsp;route.</p> | |||
| <p><cite><em><a href="https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/">La masculinité positive ou toxique&nbsp;: Comment les hommes peuvent transformer la culture organisationnelle</a></em>&nbsp;(<a href="https://larlet.fr/david/cache/2022/ab2739b2622b6a977d73ca7871c64a01/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav><p></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Rédemption</title> | |||
| <link href="https://larlet.fr/david/2022/05/15/" rel="alternate" type="text/html" /> | |||
+ 6
- 0
david/recherche/index.html
ファイルの表示
| @@ -230,6 +230,12 @@ | |||
| </template> | |||
| <script id="search-index" type="application/json"> | |||
| [ | |||
| { | |||
| "title": "Outils", | |||
| "url": "/david/2022/05/17/", | |||
| "date": "2022-05-17", | |||
| "content": "As Henry Ford once put it, \u201cIf you need a machine and don\u2019t buy it, then you will ultimately find that you have paid for it and don\u2019t have it.\u201d Thinking on a marginal basis can be very, very\u00a0dangerous. Clayton Christensen\u2019s \u201cHow Will You Measure Your Life?\u201d Cette citation m\u2019a inspir\u00e9 cette\u00a0paraphrase\u00a0: Si tu as besoin d\u2019un outil et que tu ne le construis pas, tu vas finir par comprendre que tu l\u2019as quand m\u00eame construit mais de mani\u00e8re non\u00a0p\u00e9renne/soutenable. En ce moment, je prends soin des processus et outils autour de l\u2019activit\u00e9 de scopyleft. Et puis, quand je tombe sur une bonne id\u00e9e ou une techno que je veux explorer, je tente des petites choses\u00a0autour. Le dernier en date est un g\u00e9n\u00e9rateur de PDF \u00e0 partir d\u2019un fichier markdown et d\u2019une feuille de style CSS. La principale contrainte \u00e9tant de le rendre aussi accessible \u00e0 des personnes qui sont peu famili\u00e8res des environnements techniques. De cette contrainte n\u00e9e la cr\u00e9ativit\u00e9 d\u2019utiliser l\u2019int\u00e9gration continue de Gitlab pour g\u00e9n\u00e9rer le PDF. Ainsi, il \u00ab\u00a0suffit\u00a0\u00bb d\u2019\u00e9diter le fichier source.md, de faire une merge-request et l\u2019art\u00e9fact est produit\u00a0auto-magiquement. Pour un usage plus avanc\u00e9, il est possible de modifier la CSS pour le rendu et/ou de le faire tourner en local sans \u00eatre d\u00e9pendant\u00b7e de\u00a0Gitlab. Caisse \ud83d\udd2c All in all I think I found my cure for javascript fatigue as well as a preferred way to do new projects going\u00a0forward. How I fell in love with low-js \u2696\ufe0f I suppose another way of putting this position is that excellence requires a mix of arrogance and humility; arrogance as to your capabilities, humility toward the work. Arrogance says that you can and will accomplish your desires; humility understands that a greatness that transcends excellence, let alone survives, is not actually in your hands. You have to submit: to the truth, to the real, toward the bends and knots of what is coming to be through\u00a0you. It\u2019s Very Unlikely Anyone Will Read This in 200\u00a0Years \ud83d\udcaf And the fact that these technologies have shipped in stable browsers means they\u2019re vetted. They\u2019ve been through a rigourous testing phase. They\u2019ve effectively got a seal of approval from each individual browser maker. To me, that seems like a much bigger signal of trustworthiness than the popularity of a third-party library or\u00a0framework. So I\u2019m kind of confused by this prevalent mindset of trusting third-party code more than built-in browser\u00a0features. Trust \u270d\ufe0f Uncurled - everything I know and learned about running and maintaining Open Source projects for three\u00a0decades. I have been actively involved in Open Source development since the early 1990s when I discovered the phenomenon of people writing source code they give away freely for others to use and modify under a certain\u00a0license. Uncurled \ud83c\udf33 Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually. The project explores what it means to design with nature and on nature\u2019s\u00a0terms. Bj\u00f8rn Karmann \u203a Occlusion Grotesque \ud83d\udc9a Chaque organisme est unique, mais je crois que nous partageons tous certaines tendances communes. Cela signifie que nous pouvons apprendre et r\u00e9apprendre les uns des autres, et travailler ensemble pour \u00e9tablir des milieux de travail plus sains pour les gens de toute identit\u00e9 de genre. Nous en sommes au d\u00e9but de ce projet et nous ferons sans doute des erreurs en cours de\u00a0route. La masculinit\u00e9 positive ou toxique\u00a0: Comment les hommes peuvent transformer la culture organisationnelle " | |||
| }, | |||
| { | |||
| "title": "R\u00e9demption", | |||
| "url": "/david/2022/05/15/", | |||
読み込み中…