11 измененных файлов: 968 добавлений и 108 удалений
+ 8
- 0
david/2024/03/02/index.html
Просмотреть файл
| @@ -152,6 +152,10 @@ | |||
| title="Aller à la page de recherche" | |||
| rel="search" data-no-instant>Recherche</a> | |||
| • <a rel="next" | |||
| href="/david/2024/03/03/" | |||
| title="Publication suivante : Permanence">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| @@ -222,6 +226,10 @@ | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a> | |||
| • <a rel="next" | |||
| href="/david/2024/03/03/" | |||
| title="Publication suivante : Permanence">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
+ 457
- 0
david/2024/03/03/index.html
Просмотреть файл
| @@ -0,0 +1,457 @@ | |||
| <!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> | |||
| Permanence | |||
| — David Larlet</title> | |||
| <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> | |||
| <!-- 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> | |||
| <meta name="description" content="Eventually, I started asking myself: why am I promising permanence? The answer crept up on me: because permanence is better than nothing. Without the momentum of obligation, I didn’t trust myself to begin anything in earnest."> | |||
| <!-- 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"> | |||
| <style type="text/css"> | |||
| .tippy-content { | |||
| min-width: 280px; | |||
| padding: .5rem; | |||
| font-size: calc(var(--fluid-0) * 0.8); | |||
| font-family: var(--labor-font); | |||
| letter-spacing: initial; | |||
| text-align: left; | |||
| } | |||
| .tippy-content h3 { | |||
| margin-top: 0; | |||
| } | |||
| .tippy-content h3 img { | |||
| max-width: 2rem; | |||
| max-height: 2rem; | |||
| display: inline-block; | |||
| } | |||
| .tippy-content .tippy-links { | |||
| display: flex; | |||
| justify-content: space-around; | |||
| } | |||
| .tippy-content a { | |||
| padding: .4rem; | |||
| color: #F06048; | |||
| } | |||
| </style> | |||
| <body data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <hgroup> | |||
| <h1>Permanence</h1> | |||
| <p>Le <time datetime="2024-03-03">3 mars 2024</time></p> | |||
| </hgroup> | |||
| </header> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/03/02/" | |||
| title="Publication précédente : Montre">← Précédent</a> • | |||
| <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a> | |||
| • | |||
| <a href="/david/recherche/" | |||
| title="Aller à la page de recherche" | |||
| rel="search" data-no-instant>Recherche</a> | |||
| </p> | |||
| </nav> | |||
| <blockquote lang="en"> | |||
| <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in earnest.</p> | |||
| <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to change.</p> | |||
| <p><cite><em><a data-link-domain="dianaberlin.com" href="https://dianaberlin.com/posts/no-more-forever-projects" hreflang="en" | |||
| title="Consultation de l’article (anglais)">No more forever projects</a> | |||
| <a href="/david/cache/2024/4c8a04c4c0e928bd78f22db77425bb47/" hreflang="en" | |||
| data-tippy data-description="It took me a long time to see past forever projects. I told myself that making promises gave beginnings gravity. I labeled my newsletter a “lifelong project” not long after I started it. I called /mentoring a “movement” the day I announced it. Commitment marked a project as something w" | |||
| data-source="https://dianaberlin.com/posts/no-more-forever-projects" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://images.squarespace-cdn.com/content/v1/598927e3bebafbda588a07e2/1504459315187-9G9MSVDRY4HEGXNT8JAL/favicon.ico" | |||
| data-domain="dianaberlin.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 vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de neige.</p> | |||
| <p>Un 3 mars, au nord de Montréal.</p> | |||
| <a href="#hr-97" title="Lien vers cette section de la page"><hr id="hr-97" /></a> | |||
| <blockquote> | |||
| <p>Ces chaleurs extrêmes de 2023 ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>« On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus froides. »</em></p> | |||
| <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant l’hiver.</p> | |||
| <p><cite><em><a data-link-domain="lemonde.fr" href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" hreflang="fr" | |||
| title="Consultation de l’article">Climat : pourquoi les températures battent tous les records depuis la mi-2023</a> | |||
| <a href="/david/cache/2024/6fc45aab6c9584cbb6f55ef70a685d01/" hreflang="fr" | |||
| data-tippy data-description="L’année 2023 a été classée comme la plus chaude enregistrée depuis 1850, avec 14,98 °C de moyenne sur l’ensemble du globe. La tendance continue en 2024. Le principal coupable : le réchauffement lié aux gaz à effet de serre d’origine humaine." | |||
| data-source="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://www.lemonde.fr/dist/assets/img/logos/pwa-180.png" | |||
| data-domain="lemonde.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></em></cite></p> | |||
| </blockquote> | |||
| <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours intéressante.</p> | |||
| <a href="#hr-98" title="Lien vers cette section de la page"><hr id="hr-98" /></a> | |||
| <blockquote lang="en"> | |||
| <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code><head></code> and your page a little (or a lotta) bit faster.</p> | |||
| <p><cite><em><a data-link-domain="frontendmasters.com" href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">Capo.js: A five minute web performance boost</a> | |||
| <a href="/david/cache/2024/a122504621c3c5318c0bdee38ef4479b/" hreflang="en" | |||
| data-tippy data-description="You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based o…" | |||
| data-source="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://frontendmasters.com/favicon-32x32.png" | |||
| data-domain="frontendmasters.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>Il est aussi possible d’<a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a data-link-domain="tonsky.me" href="https://tonsky.me/blog/js-bloat/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">contextes sans prise de soin</a> | |||
| <a href="/david/cache/2024/ad911ebf7ba5523ef0be1bdd599f7623/" hreflang="en" | |||
| data-tippy data-description="What is the average size of JavaScript code downloaded per website? Fuck around and find out!" | |||
| data-source="https://tonsky.me/blog/js-bloat/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://tonsky.me/i/favicon.png" | |||
| data-domain="tonsky.me" | |||
| ><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 semblent être la norme aujourd’hui.</p> | |||
| <a href="#hr-99" title="Lien vers cette section de la page"><hr id="hr-99" /></a> | |||
| <blockquote> | |||
| <p>Rêve de la nuit dernière</p> | |||
| <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/02/20/reve" hreflang="fr" | |||
| title="Consultation de l’article">rêve - Carnets Web de La Grange</a> | |||
| <a href="/david/cache/2024/24716a84007189a332fd8db3e5ff4c05/" hreflang="fr" | |||
| data-tippy data-description="" | |||
| data-source="https://www.la-grange.net/2024/02/20/reve" | |||
| data-date="2024-03-03" | |||
| 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>💚</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/dependance/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#dépendance</a> | |||
| <a href="/david/2024/opensource/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#opensource</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <nav> | |||
| <p> | |||
| <a rel="prev" | |||
| href="/david/2024/03/02/" | |||
| title="Publication précédente : Montre">← Précédent</a> • | |||
| <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</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> | |||
| <script src="/static/david/js/popper-2.11.8.min.js"></script> | |||
| <script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script> | |||
| <script> | |||
| tippy('[data-tippy]', { | |||
| content(reference) { | |||
| reference.addEventListener('click', (e) => e.preventDefault()) | |||
| return ` | |||
| <h3 lang="fr"> | |||
| <img src="${reference.dataset.favicon}" loading="lazy"> | |||
| <a href="${reference.dataset.source}" | |||
| >Article sur ${reference.dataset.domain}</a></h3> | |||
| <p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p> | |||
| <div class="tippy-links" lang="fr"> | |||
| <a href="${reference.href}">Archive au ${reference.dataset.date}</a> | |||
| </div> | |||
| ` | |||
| }, | |||
| allowHTML: true, | |||
| interactive: true, | |||
| delay: [150, 700], | |||
| hideOnClick: false | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 39
- 0
david/2024/_sources/2024-03-03 - Permanence.md
Просмотреть файл
| @@ -0,0 +1,39 @@ | |||
| # Permanence | |||
| > [en] Eventually, I started asking myself: ==*why am I promising permanence?*== The answer crept up on me: *because permanence is better than nothing.* Without the momentum of obligation, I didn’t trust myself to begin anything in earnest. | |||
| > | |||
| > The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to change. | |||
| > | |||
| > <cite>*[No more forever projects](https://dianaberlin.com/posts/no-more-forever-projects)*</cite> | |||
| Je vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de neige. | |||
| Un 3 mars, au nord de Montréal. | |||
| --- | |||
| > Ces chaleurs extrêmes de 2023 ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. *« On a observé une baisse des vents assez forte sur l’Atlantique Nord,* explique Christophe Cassou. *Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus froides. »* | |||
| > | |||
| > Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant l’hiver. | |||
| > | |||
| > <cite>*[Climat : pourquoi les températures battent tous les records depuis la mi-2023](https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html)*</cite> | |||
| Les Décodeurs m’offrent une grille de lecture des phénomènes en cours intéressante. | |||
| --- | |||
| > [en] From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the [specific order of elements](https://rviscomi.github.io/capo.js/user/rules/) to make your `<head>` and your page a little (or a lotta) bit faster. | |||
| > | |||
| > <cite>*[Capo.js: A five minute web performance boost](https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/)*</cite> | |||
| Il est aussi possible d’[utiliser la démo](https://rviscomi.github.io/capo.js/user/demo/) sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des [contextes sans prise de soin](https://tonsky.me/blog/js-bloat/) qui semblent être la norme aujourd’hui. | |||
| --- | |||
| > Rêve de la nuit dernière | |||
| > | |||
| > <cite>*[rêve - Carnets Web de La Grange](https://www.la-grange.net/2024/02/20/reve)*</cite> | |||
| 💚 | |||
| #dépendance #opensource #parvenir | |||
+ 131
- 0
david/2024/dependance/index.html
Просмотреть файл
| @@ -134,6 +134,137 @@ | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time> | |||
| </h2> | |||
| <blockquote lang="en"> | |||
| <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in earnest.</p> | |||
| <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to change.</p> | |||
| <p><cite><em><a data-link-domain="dianaberlin.com" href="https://dianaberlin.com/posts/no-more-forever-projects" hreflang="en" | |||
| title="Consultation de l’article (anglais)">No more forever projects</a> | |||
| <a href="/david/cache/2024/4c8a04c4c0e928bd78f22db77425bb47/" hreflang="en" | |||
| data-tippy data-description="It took me a long time to see past forever projects. I told myself that making promises gave beginnings gravity. I labeled my newsletter a “lifelong project” not long after I started it. I called /mentoring a “movement” the day I announced it. Commitment marked a project as something w" | |||
| data-source="https://dianaberlin.com/posts/no-more-forever-projects" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://images.squarespace-cdn.com/content/v1/598927e3bebafbda588a07e2/1504459315187-9G9MSVDRY4HEGXNT8JAL/favicon.ico" | |||
| data-domain="dianaberlin.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 vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de neige.</p> | |||
| <p>Un 3 mars, au nord de Montréal.</p> | |||
| <a href="#hr-97" title="Lien vers cette section de la page"><hr id="hr-97" /></a> | |||
| <blockquote> | |||
| <p>Ces chaleurs extrêmes de 2023 ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>« On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus froides. »</em></p> | |||
| <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant l’hiver.</p> | |||
| <p><cite><em><a data-link-domain="lemonde.fr" href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" hreflang="fr" | |||
| title="Consultation de l’article">Climat : pourquoi les températures battent tous les records depuis la mi-2023</a> | |||
| <a href="/david/cache/2024/6fc45aab6c9584cbb6f55ef70a685d01/" hreflang="fr" | |||
| data-tippy data-description="L’année 2023 a été classée comme la plus chaude enregistrée depuis 1850, avec 14,98 °C de moyenne sur l’ensemble du globe. La tendance continue en 2024. Le principal coupable : le réchauffement lié aux gaz à effet de serre d’origine humaine." | |||
| data-source="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://www.lemonde.fr/dist/assets/img/logos/pwa-180.png" | |||
| data-domain="lemonde.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></em></cite></p> | |||
| </blockquote> | |||
| <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours intéressante.</p> | |||
| <a href="#hr-98" title="Lien vers cette section de la page"><hr id="hr-98" /></a> | |||
| <blockquote lang="en"> | |||
| <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code><head></code> and your page a little (or a lotta) bit faster.</p> | |||
| <p><cite><em><a data-link-domain="frontendmasters.com" href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">Capo.js: A five minute web performance boost</a> | |||
| <a href="/david/cache/2024/a122504621c3c5318c0bdee38ef4479b/" hreflang="en" | |||
| data-tippy data-description="You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based o…" | |||
| data-source="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://frontendmasters.com/favicon-32x32.png" | |||
| data-domain="frontendmasters.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>Il est aussi possible d’<a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a data-link-domain="tonsky.me" href="https://tonsky.me/blog/js-bloat/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">contextes sans prise de soin</a> | |||
| <a href="/david/cache/2024/ad911ebf7ba5523ef0be1bdd599f7623/" hreflang="en" | |||
| data-tippy data-description="What is the average size of JavaScript code downloaded per website? Fuck around and find out!" | |||
| data-source="https://tonsky.me/blog/js-bloat/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://tonsky.me/i/favicon.png" | |||
| data-domain="tonsky.me" | |||
| ><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 semblent être la norme aujourd’hui.</p> | |||
| <a href="#hr-99" title="Lien vers cette section de la page"><hr id="hr-99" /></a> | |||
| <blockquote> | |||
| <p>Rêve de la nuit dernière</p> | |||
| <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/02/20/reve" hreflang="fr" | |||
| title="Consultation de l’article">rêve - Carnets Web de La Grange</a> | |||
| <a href="/david/cache/2024/24716a84007189a332fd8db3e5ff4c05/" hreflang="fr" | |||
| data-tippy data-description="" | |||
| data-source="https://www.la-grange.net/2024/02/20/reve" | |||
| data-date="2024-03-03" | |||
| 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>💚</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/dependance/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#dépendance</a> | |||
| <a href="/david/2024/opensource/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#opensource</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/03/02/" title="Lien permanent vers cet article">Montre</a> <time datetime="2024-03-02">2 mars 2024</time> | |||
| </h2> | |||
+ 5
- 4
david/2024/index.html
Просмотреть файл
| @@ -200,7 +200,8 @@ | |||
| <h2>Mars 2024</h2> | |||
| <p> | |||
| <a href="/david/2024/03/01/">Simple</a>, | |||
| <a href="/david/2024/03/02/">Montre</a>. | |||
| <a href="/david/2024/03/02/">Montre</a>, | |||
| <a href="/david/2024/03/03/">Permanence</a>. | |||
| </p> | |||
| @@ -216,7 +217,7 @@ | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (5)</a>, | |||
| <a href="/david/2024/deception/" rel="tag">#déception (1)</a>, | |||
| <a href="/david/2024/decision/" rel="tag">#décision (7)</a>, | |||
| <a href="/david/2024/dependance/" rel="tag">#dépendance (4)</a>, | |||
| <a href="/david/2024/dependance/" rel="tag">#dépendance (5)</a>, | |||
| <a href="/david/2024/documentation/" rel="tag">#documentation (2)</a>, | |||
| <a href="/david/2024/dystopie/" rel="tag">#dystopie (2)</a>, | |||
| <a href="/david/2024/echanges/" rel="tag">#échanges (5)</a>, | |||
| @@ -231,10 +232,10 @@ | |||
| <a href="/david/2024/laboratoire/" rel="tag">#laboratoire (3)</a>, | |||
| <a href="/david/2024/lecture/" rel="tag">#lecture (1)</a>, | |||
| <a href="/david/2024/opendata/" rel="tag">#opendata (1)</a>, | |||
| <a href="/david/2024/opensource/" rel="tag">#opensource (6)</a>, | |||
| <a href="/david/2024/opensource/" rel="tag">#opensource (7)</a>, | |||
| <a href="/david/2024/parentalite/" rel="tag">#parentalité (4)</a>, | |||
| <a href="/david/2024/partage/" rel="tag">#partage (4)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (2)</a>, | |||
| <a href="/david/2024/photographie/" rel="tag">#photographie (2)</a>, | |||
| <a href="/david/2024/poesie/" rel="tag">#poésie (1)</a>, | |||
| <a href="/david/2024/processus/" rel="tag">#processus (10)</a>, | |||
+ 131
- 0
david/2024/opensource/index.html
Просмотреть файл
| @@ -134,6 +134,137 @@ | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time> | |||
| </h2> | |||
| <blockquote lang="en"> | |||
| <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in earnest.</p> | |||
| <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to change.</p> | |||
| <p><cite><em><a data-link-domain="dianaberlin.com" href="https://dianaberlin.com/posts/no-more-forever-projects" hreflang="en" | |||
| title="Consultation de l’article (anglais)">No more forever projects</a> | |||
| <a href="/david/cache/2024/4c8a04c4c0e928bd78f22db77425bb47/" hreflang="en" | |||
| data-tippy data-description="It took me a long time to see past forever projects. I told myself that making promises gave beginnings gravity. I labeled my newsletter a “lifelong project” not long after I started it. I called /mentoring a “movement” the day I announced it. Commitment marked a project as something w" | |||
| data-source="https://dianaberlin.com/posts/no-more-forever-projects" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://images.squarespace-cdn.com/content/v1/598927e3bebafbda588a07e2/1504459315187-9G9MSVDRY4HEGXNT8JAL/favicon.ico" | |||
| data-domain="dianaberlin.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 vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de neige.</p> | |||
| <p>Un 3 mars, au nord de Montréal.</p> | |||
| <a href="#hr-97" title="Lien vers cette section de la page"><hr id="hr-97" /></a> | |||
| <blockquote> | |||
| <p>Ces chaleurs extrêmes de 2023 ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>« On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus froides. »</em></p> | |||
| <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant l’hiver.</p> | |||
| <p><cite><em><a data-link-domain="lemonde.fr" href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" hreflang="fr" | |||
| title="Consultation de l’article">Climat : pourquoi les températures battent tous les records depuis la mi-2023</a> | |||
| <a href="/david/cache/2024/6fc45aab6c9584cbb6f55ef70a685d01/" hreflang="fr" | |||
| data-tippy data-description="L’année 2023 a été classée comme la plus chaude enregistrée depuis 1850, avec 14,98 °C de moyenne sur l’ensemble du globe. La tendance continue en 2024. Le principal coupable : le réchauffement lié aux gaz à effet de serre d’origine humaine." | |||
| data-source="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://www.lemonde.fr/dist/assets/img/logos/pwa-180.png" | |||
| data-domain="lemonde.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></em></cite></p> | |||
| </blockquote> | |||
| <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours intéressante.</p> | |||
| <a href="#hr-98" title="Lien vers cette section de la page"><hr id="hr-98" /></a> | |||
| <blockquote lang="en"> | |||
| <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code><head></code> and your page a little (or a lotta) bit faster.</p> | |||
| <p><cite><em><a data-link-domain="frontendmasters.com" href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">Capo.js: A five minute web performance boost</a> | |||
| <a href="/david/cache/2024/a122504621c3c5318c0bdee38ef4479b/" hreflang="en" | |||
| data-tippy data-description="You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based o…" | |||
| data-source="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://frontendmasters.com/favicon-32x32.png" | |||
| data-domain="frontendmasters.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>Il est aussi possible d’<a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a data-link-domain="tonsky.me" href="https://tonsky.me/blog/js-bloat/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">contextes sans prise de soin</a> | |||
| <a href="/david/cache/2024/ad911ebf7ba5523ef0be1bdd599f7623/" hreflang="en" | |||
| data-tippy data-description="What is the average size of JavaScript code downloaded per website? Fuck around and find out!" | |||
| data-source="https://tonsky.me/blog/js-bloat/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://tonsky.me/i/favicon.png" | |||
| data-domain="tonsky.me" | |||
| ><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 semblent être la norme aujourd’hui.</p> | |||
| <a href="#hr-99" title="Lien vers cette section de la page"><hr id="hr-99" /></a> | |||
| <blockquote> | |||
| <p>Rêve de la nuit dernière</p> | |||
| <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/02/20/reve" hreflang="fr" | |||
| title="Consultation de l’article">rêve - Carnets Web de La Grange</a> | |||
| <a href="/david/cache/2024/24716a84007189a332fd8db3e5ff4c05/" hreflang="fr" | |||
| data-tippy data-description="" | |||
| data-source="https://www.la-grange.net/2024/02/20/reve" | |||
| data-date="2024-03-03" | |||
| 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>💚</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/dependance/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#dépendance</a> | |||
| <a href="/david/2024/opensource/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#opensource</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/02/16/" title="Lien permanent vers cet article">uMap 2</a> <time datetime="2024-02-16">16 février 2024</time> | |||
| </h2> | |||
+ 131
- 0
david/2024/parvenir/index.html
Просмотреть файл
| @@ -134,6 +134,137 @@ | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time> | |||
| </h2> | |||
| <blockquote lang="en"> | |||
| <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in earnest.</p> | |||
| <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to change.</p> | |||
| <p><cite><em><a data-link-domain="dianaberlin.com" href="https://dianaberlin.com/posts/no-more-forever-projects" hreflang="en" | |||
| title="Consultation de l’article (anglais)">No more forever projects</a> | |||
| <a href="/david/cache/2024/4c8a04c4c0e928bd78f22db77425bb47/" hreflang="en" | |||
| data-tippy data-description="It took me a long time to see past forever projects. I told myself that making promises gave beginnings gravity. I labeled my newsletter a “lifelong project” not long after I started it. I called /mentoring a “movement” the day I announced it. Commitment marked a project as something w" | |||
| data-source="https://dianaberlin.com/posts/no-more-forever-projects" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://images.squarespace-cdn.com/content/v1/598927e3bebafbda588a07e2/1504459315187-9G9MSVDRY4HEGXNT8JAL/favicon.ico" | |||
| data-domain="dianaberlin.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 vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de neige.</p> | |||
| <p>Un 3 mars, au nord de Montréal.</p> | |||
| <a href="#hr-97" title="Lien vers cette section de la page"><hr id="hr-97" /></a> | |||
| <blockquote> | |||
| <p>Ces chaleurs extrêmes de 2023 ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>« On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus froides. »</em></p> | |||
| <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant l’hiver.</p> | |||
| <p><cite><em><a data-link-domain="lemonde.fr" href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" hreflang="fr" | |||
| title="Consultation de l’article">Climat : pourquoi les températures battent tous les records depuis la mi-2023</a> | |||
| <a href="/david/cache/2024/6fc45aab6c9584cbb6f55ef70a685d01/" hreflang="fr" | |||
| data-tippy data-description="L’année 2023 a été classée comme la plus chaude enregistrée depuis 1850, avec 14,98 °C de moyenne sur l’ensemble du globe. La tendance continue en 2024. Le principal coupable : le réchauffement lié aux gaz à effet de serre d’origine humaine." | |||
| data-source="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://www.lemonde.fr/dist/assets/img/logos/pwa-180.png" | |||
| data-domain="lemonde.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></em></cite></p> | |||
| </blockquote> | |||
| <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours intéressante.</p> | |||
| <a href="#hr-98" title="Lien vers cette section de la page"><hr id="hr-98" /></a> | |||
| <blockquote lang="en"> | |||
| <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code><head></code> and your page a little (or a lotta) bit faster.</p> | |||
| <p><cite><em><a data-link-domain="frontendmasters.com" href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">Capo.js: A five minute web performance boost</a> | |||
| <a href="/david/cache/2024/a122504621c3c5318c0bdee38ef4479b/" hreflang="en" | |||
| data-tippy data-description="You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based o…" | |||
| data-source="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://frontendmasters.com/favicon-32x32.png" | |||
| data-domain="frontendmasters.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>Il est aussi possible d’<a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a data-link-domain="tonsky.me" href="https://tonsky.me/blog/js-bloat/" hreflang="en" | |||
| title="Consultation de l’article (anglais)">contextes sans prise de soin</a> | |||
| <a href="/david/cache/2024/ad911ebf7ba5523ef0be1bdd599f7623/" hreflang="en" | |||
| data-tippy data-description="What is the average size of JavaScript code downloaded per website? Fuck around and find out!" | |||
| data-source="https://tonsky.me/blog/js-bloat/" | |||
| data-date="2024-03-03" | |||
| data-favicon="https://tonsky.me/i/favicon.png" | |||
| data-domain="tonsky.me" | |||
| ><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 semblent être la norme aujourd’hui.</p> | |||
| <a href="#hr-99" title="Lien vers cette section de la page"><hr id="hr-99" /></a> | |||
| <blockquote> | |||
| <p>Rêve de la nuit dernière</p> | |||
| <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/02/20/reve" hreflang="fr" | |||
| title="Consultation de l’article">rêve - Carnets Web de La Grange</a> | |||
| <a href="/david/cache/2024/24716a84007189a332fd8db3e5ff4c05/" hreflang="fr" | |||
| data-tippy data-description="" | |||
| data-source="https://www.la-grange.net/2024/02/20/reve" | |||
| data-date="2024-03-03" | |||
| 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>💚</p> | |||
| <nav> | |||
| <p> | |||
| <a href="/david/2024/dependance/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#dépendance</a> | |||
| <a href="/david/2024/opensource/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#opensource</a> | |||
| <a href="/david/2024/parvenir/" | |||
| title="Liste de tous les articles 2024 associés à cette étiquette" | |||
| rel="tag">#parvenir</a> | |||
| <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a> | |||
| </p> | |||
| </nav> | |||
| <h2> | |||
| <a href="/david/2024/01/13/" title="Lien permanent vers cet article">Wuwei</a> <time datetime="2024-01-13">13 janvier 2024</time> | |||
| </h2> | |||
+ 10
- 10
david/blogroll/index.html
Просмотреть файл
| @@ -224,6 +224,16 @@ | |||
| — <a href="https://www.hypothermia.fr/">Eliness</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.la-grange.net/2024/02/20/reve">rêve</a>, | |||
| 20-02-2024 | |||
| </dt> | |||
| <dd> | |||
| Cupertino, États-Unis, 15 février 2024 Après le Têt, je lui rappellerai que parfos les choses s'accumulent dans la vie sans faire d'édifices. — Parfum de pagode, Anna Moï, urn:isbn:978-2-7526-0363-0 Rêve de la nuit dernière : Je suis un artiste photographe. On me demande une œuvre pour une exposition sur le thème de la photographie et du rapport du spectateur à la photographie dans les… | |||
| — <a href="https://www.la-grange.net/">Karl Dubost</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://n.survol.fr/n/le-monde-tel-quil-aurait-pu-etre-2">Le monde tel qu’il aurait pu être</a>, | |||
| @@ -254,16 +264,6 @@ | |||
| — <a href="https://blog.ecologie-politique.eu/">Aude</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://www.la-grange.net/2024/02/18/cafe">couleur café</a>, | |||
| 18-02-2024 | |||
| </dt> | |||
| <dd> | |||
| Komagome, Japon, 18 février 2024 Accroupie, elle répartit les lames de soja coagulé, découpées avec une mince cuillère en aluminium. Elle les imprègne de sirop au gingembre. — Parfum de pagode, Anna Moï, urn:isbn:978-2-7526-0363-0 Les détails du monde m'interpellent. J'ai mis la cuillère dans le pot de café soluble. La couleur m'a saisi. Les ombres m'ont interpellé. J'ai trouvé le moment… | |||
| — <a href="https://www.la-grange.net/">Karl Dubost</a> | |||
| </dd> | |||
| </dl> | |||
| <dl> | |||
| <dt> | |||
| <a href="https://ynote.hk/mots/processus-de-creation/pousses-de-pins.html">Pousses de pins</a>, | |||
+ 4
- 3
david/index.html
Просмотреть файл
| @@ -143,6 +143,7 @@ | |||
| <h2>Publications 2024</h2> | |||
| <p>Liste des publications récentes en ordre anté-chronologique :</p> | |||
| <p> | |||
| <a href="/david/2024/03/03/">Permanence</a>, | |||
| <a href="/david/2024/03/02/">Montre</a>, | |||
| <a href="/david/2024/03/01/">Simple</a>, | |||
| <a href="/david/2024/02/29/">Wikipédia</a>, | |||
| @@ -219,7 +220,7 @@ | |||
| <a href="/david/2024/communaute/" rel="tag">#communauté (5)</a>, | |||
| <a href="/david/2024/deception/" rel="tag">#déception (1)</a>, | |||
| <a href="/david/2024/decision/" rel="tag">#décision (7)</a>, | |||
| <a href="/david/2024/dependance/" rel="tag">#dépendance (4)</a>, | |||
| <a href="/david/2024/dependance/" rel="tag">#dépendance (5)</a>, | |||
| <a href="/david/2024/documentation/" rel="tag">#documentation (2)</a>, | |||
| <a href="/david/2024/dystopie/" rel="tag">#dystopie (2)</a>, | |||
| <a href="/david/2024/echanges/" rel="tag">#échanges (5)</a>, | |||
| @@ -234,10 +235,10 @@ | |||
| <a href="/david/2024/laboratoire/" rel="tag">#laboratoire (3)</a>, | |||
| <a href="/david/2024/lecture/" rel="tag">#lecture (1)</a>, | |||
| <a href="/david/2024/opendata/" rel="tag">#opendata (1)</a>, | |||
| <a href="/david/2024/opensource/" rel="tag">#opensource (6)</a>, | |||
| <a href="/david/2024/opensource/" rel="tag">#opensource (7)</a>, | |||
| <a href="/david/2024/parentalite/" rel="tag">#parentalité (4)</a>, | |||
| <a href="/david/2024/partage/" rel="tag">#partage (4)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>, | |||
| <a href="/david/2024/parvenir/" rel="tag">#parvenir (2)</a>, | |||
| <a href="/david/2024/photographie/" rel="tag">#photographie (2)</a>, | |||
| <a href="/david/2024/poesie/" rel="tag">#poésie (1)</a>, | |||
| <a href="/david/2024/processus/" rel="tag">#processus (10)</a>, | |||
+ 40
- 91
david/log/index.xml
Просмотреть файл
| @@ -6,13 +6,52 @@ | |||
| <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>2024-03-03T12:00:00+01:00</updated> | |||
| <updated>2024-03-04T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2024, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Permanence</title> | |||
| <link href="https://larlet.fr/david/2024/03/03/" rel="alternate" type="text/html" /> | |||
| <updated>2024-03-03T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2024/03/03/</id> | |||
| <summary type="html"> | |||
| <blockquote lang="en"> | |||
| <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in&nbsp;earnest.</p> | |||
| <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to&nbsp;change.</p> | |||
| <p><cite><em><a href="https://dianaberlin.com/posts/no-more-forever-projects">No more forever&nbsp;projects</a></em></cite></p> | |||
| </blockquote> | |||
| <p>Je vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de&nbsp;neige.</p> | |||
| <p>Un 3&nbsp;mars, au nord de&nbsp;Montréal.</p> | |||
| <hr /> | |||
| <blockquote> | |||
| <p>Ces chaleurs extrêmes de 2023&nbsp;ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>«&nbsp;On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus&nbsp;froides.&nbsp;»</em></p> | |||
| <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant&nbsp;l’hiver.</p> | |||
| <p><cite><em><a href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html">Climat&nbsp;: pourquoi les températures battent tous les records depuis la&nbsp;mi-2023</a></em></cite></p> | |||
| </blockquote> | |||
| <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours&nbsp;intéressante.</p> | |||
| <hr /> | |||
| <blockquote lang="en"> | |||
| <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code>&lt;head&gt;</code> and your page a little (or a lotta) bit&nbsp;faster.</p> | |||
| <p><cite><em><a href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/">Capo.js: A five minute web performance&nbsp;boost</a></em></cite></p> | |||
| </blockquote> | |||
| <p>Il est aussi possible d’<a href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a href="https://tonsky.me/blog/js-bloat/">contextes sans prise de soin</a> qui semblent être la norme&nbsp;aujourd’hui.</p> | |||
| <hr /> | |||
| <blockquote> | |||
| <p>Rêve de la nuit&nbsp;dernière</p> | |||
| <p><cite><em><a href="https://www.la-grange.net/2024/02/20/reve">rêve - Carnets Web de La&nbsp;Grange</a></em></cite></p> | |||
| </blockquote> | |||
| <p>💚</p> | |||
| <nav><p><a href="https://larlet.fr/david/2024/dependance/">#dépendance</a> <a href="https://larlet.fr/david/2024/opensource/">#opensource</a> <a href="https://larlet.fr/david/2024/parvenir/">#parvenir</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Montre</title> | |||
| <link href="https://larlet.fr/david/2024/03/02/" rel="alternate" type="text/html" /> | |||
| @@ -1096,94 +1135,4 @@ end run | |||
| <nav><p><a href="https://larlet.fr/david/2024/dependance/">#dépendance</a> <a href="https://larlet.fr/david/2024/opensource/">#opensource</a> <a href="https://larlet.fr/david/2024/technique/">#technique</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Valeurs</title> | |||
| <link href="https://larlet.fr/david/2024/02/02/" rel="alternate" type="text/html" /> | |||
| <updated>2024-02-02T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2024/02/02/</id> | |||
| <summary type="html"> | |||
| <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>&nbsp;: 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&nbsp;: <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é&nbsp;: 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&nbsp;vivant.</p> | |||
| <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p> | |||
| </blockquote> | |||
| <p><em>Prise de notes brutes pendant une séance avec <a href="http://scopyleft.fr/">Scopyleft</a> accompagnée par <a 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&nbsp;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&nbsp;propagande.</p> | |||
| <p>Il y a un lien de causalité entre valeurs choisies, croyances que l’on a et comportements que l’on&nbsp;adopte.</p> | |||
| <figure> | |||
| <a href="https://larlet.fr/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="https://larlet.fr/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&nbsp;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&nbsp;néanmoins)&nbsp;:</p> | |||
| <ol> | |||
| <li>Survie&nbsp;: les basiques de la pyramide de Maslow, si la boîte meurt ça ne sert plus à rien de parler&nbsp;culture.</li> | |||
| <li>Relations&nbsp;: communication entre individus qui soit efficace (pas de notion d’équipe à ce&nbsp;stade)</li> | |||
| <li>Estime de Soi&nbsp;: c’est un peu l’archétype masculin (croissance, performance, qualité, etc)</li> | |||
| <li>Transformation&nbsp;: se questionner, changer ses&nbsp;habitudes</li> | |||
| <li>Cohésion Interne&nbsp;: le collectif fonctionne bien, partage des valeurs et des engagements (faire équipe, potentiellement avec le&nbsp;client)</li> | |||
| <li>Faire la Différence&nbsp;: avoir un impact significatif sur l’extérieur, qui déborde de&nbsp;l’organisation</li> | |||
| <li>Service&nbsp;: responsabilité sociétale, vision à long terme d’avoir un impact positif sur la société et la&nbsp;planète</li> | |||
| </ol> | |||
| <p>On peut les&nbsp;grouper&nbsp;:</p> | |||
| <ul> | |||
| <li>1 + 2 + 3&nbsp;: socle d’oxygène positif pour pouvoir&nbsp;avancer</li> | |||
| <li>4&nbsp;: se remettre en question pour pouvoir&nbsp;évoluer</li> | |||
| <li>5 + 6 + 7&nbsp;: dimension collective de cette&nbsp;évolution</li> | |||
| </ul> | |||
| <p>Une valeur majoritaire se trouve à la fois dans les valeurs personnelles et les valeurs de la culture&nbsp;actuelle&nbsp;:</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&nbsp;désirée&nbsp;:</p> | |||
| <ul> | |||
| <li>agilité</li> | |||
| <li>attention, bienveillance, prendre&nbsp;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&nbsp;désirée&nbsp;:</p> | |||
| <ul> | |||
| <li>amélioration&nbsp;continue</li> | |||
| <li>développement durable, pérennité</li> | |||
| <li>initiative, prendre des&nbsp;initiatives</li> | |||
| <li>responsabilité&nbsp;sociétale</li> | |||
| <li>vision&nbsp;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&nbsp;résultats.</p> | |||
| <p>Ce genre d’exercice n’est qu’un prétexte à enclencher des&nbsp;échanges&nbsp;:</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&nbsp;nous&#8239;?</li> | |||
| <li>Quels comportements adopter pour avoir la sensation de répondre à ces valeurs&nbsp;désirées&#8239;?</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>&nbsp;<a href="https://larlet.fr/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&nbsp;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 à&nbsp;l’intro.</p> | |||
| <p>Note&nbsp;: 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 href="https://iapop.com/deep-democracy/">Deep Democracy</a></em> et <em>Inside The NO: Five Steps to Decisions That Last</em> par Myrna&nbsp;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, «&nbsp;d’en chier sans avoir à en faire une&nbsp;danse&nbsp;».</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&nbsp;: c’est un bougé en&nbsp;soi.</p> | |||
| <p><cite><em>Ibid.</em></cite></p> | |||
| </blockquote> | |||
| <hr /> | |||
| <blockquote> | |||
| <p>Après 13&nbsp;é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&nbsp;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&nbsp;demain&#8239;?</p> | |||
| <p><cite><em><a href="https://etdemain.co/#note-d-intention">Et demain&#8239;? (note&nbsp;d’intention)</a></em></cite></p> | |||
| </blockquote> | |||
| <p>Des évolutions locales sont en cours ici et ailleurs, c’est&nbsp;stimulant.</p> | |||
| <nav><p><a href="https://larlet.fr/david/2024/equipe/">#équipe</a> <a href="https://larlet.fr/david/2024/processus/">#processus</a> <a href="https://larlet.fr/david/2024/protopie/">#protopie</a></p></nav><hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| </feed> | |||
+ 12
- 0
david/recherche/index.html
Просмотреть файл
| @@ -276,6 +276,12 @@ | |||
| </template> | |||
| <script id="search-index" type="application/json">[ | |||
| { | |||
| "title": "Permanence", | |||
| "url": "/david/2024/03/03/", | |||
| "date": "2024-03-03", | |||
| "content": "Eventually, I started asking myself: why am I promising permanence? The answer crept up on me: because permanence is better than nothing. Without the momentum of obligation, I didn\u2019t trust myself to begin anything in\u00a0earnest. The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to\u00a0change. No more forever\u00a0projects Je vais aller m\u2019enforester avec cette question. Le refuge ne va pas \u00eatre accessible via la piste de ski (de fond), plus assez de\u00a0neige. Un 3\u00a0mars, au nord de\u00a0Montr\u00e9al. Ces chaleurs extr\u00eames de 2023\u00a0ont moins \u00e0 voir avec le d\u00e9veloppement d\u2019El Ni\u00f1o qu\u2019avec les conditions anticycloniques de la zone. \u00ab\u00a0On a observ\u00e9 une baisse des vents assez forte sur l\u2019Atlantique Nord, explique Christophe Cassou. Or quand il y a moins de vent, il y a moins d\u2019\u00e9vaporation, ce qui conduit \u00e0 un r\u00e9chauffement des eaux de surface. Ces eaux chauffent aussi car elles se m\u00e9langent moins avec les eaux plus profondes et plus\u00a0froides.\u00a0\u00bb Aujourd\u2019hui, cette configuration m\u00e9t\u00e9orologique a disparu mais les eaux de surface de l\u2019Atlantique Nord continuent de battre des records de chaleur \u00e0 cause du ph\u00e9nom\u00e8ne El Ni\u00f1o, qui a fini par r\u00e9chauffer progressivement les eaux de l\u2019oc\u00e9an pendant\u00a0l\u2019hiver. Climat\u00a0: pourquoi les temp\u00e9ratures battent tous les records depuis la\u00a0mi-2023 Les D\u00e9codeurs m\u2019offrent une grille de lecture des ph\u00e9nom\u00e8nes en cours\u00a0int\u00e9ressante. From pragma directives, to async scripts, to stylesheets, to open graph tags, it\u2019s easy to mess up and can have consequences. Capo.js will show you the specific order of elements to make your <head> and your page a little (or a lotta) bit\u00a0faster. Capo.js: A five minute web performance\u00a0boost Il est aussi possible d\u2019utiliser la d\u00e9mo sans installer aucun JS en copiant du HTML ou en pointant vers une page. J\u2019ai du mal \u00e0 \u00e9valuer \u00e0 quel point c\u2019est pertinent pour cet espace, peut-\u00eatre davantage dans des contextes sans prise de soin qui semblent \u00eatre la norme\u00a0aujourd\u2019hui. R\u00eave de la nuit\u00a0derni\u00e8re r\u00eave - Carnets Web de La\u00a0Grange \ud83d\udc9a" | |||
| }, | |||
| { | |||
| "title": "Montre", | |||
| "url": "/david/2024/03/02/", | |||
| @@ -648,6 +654,12 @@ | |||
| "date": "2024-01-01", | |||
| "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir." | |||
| }, | |||
| { | |||
| "title": "Permanence", | |||
| "url": "/david/2024/03/03/", | |||
| "date": "2024-03-03", | |||
| "content": "Eventually, I started asking myself: why am I promising permanence? The answer crept up on me: because permanence is better than nothing. Without the momentum of obligation, I didn\u2019t trust myself to begin anything in\u00a0earnest. The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to\u00a0change. No more forever\u00a0projects Je vais aller m\u2019enforester avec cette question. Le refuge ne va pas \u00eatre accessible via la piste de ski (de fond), plus assez de\u00a0neige. Un 3\u00a0mars, au nord de\u00a0Montr\u00e9al. Ces chaleurs extr\u00eames de 2023\u00a0ont moins \u00e0 voir avec le d\u00e9veloppement d\u2019El Ni\u00f1o qu\u2019avec les conditions anticycloniques de la zone. \u00ab\u00a0On a observ\u00e9 une baisse des vents assez forte sur l\u2019Atlantique Nord, explique Christophe Cassou. Or quand il y a moins de vent, il y a moins d\u2019\u00e9vaporation, ce qui conduit \u00e0 un r\u00e9chauffement des eaux de surface. Ces eaux chauffent aussi car elles se m\u00e9langent moins avec les eaux plus profondes et plus\u00a0froides.\u00a0\u00bb Aujourd\u2019hui, cette configuration m\u00e9t\u00e9orologique a disparu mais les eaux de surface de l\u2019Atlantique Nord continuent de battre des records de chaleur \u00e0 cause du ph\u00e9nom\u00e8ne El Ni\u00f1o, qui a fini par r\u00e9chauffer progressivement les eaux de l\u2019oc\u00e9an pendant\u00a0l\u2019hiver. Climat\u00a0: pourquoi les temp\u00e9ratures battent tous les records depuis la\u00a0mi-2023 Les D\u00e9codeurs m\u2019offrent une grille de lecture des ph\u00e9nom\u00e8nes en cours\u00a0int\u00e9ressante. From pragma directives, to async scripts, to stylesheets, to open graph tags, it\u2019s easy to mess up and can have consequences. Capo.js will show you the specific order of elements to make your <head> and your page a little (or a lotta) bit\u00a0faster. Capo.js: A five minute web performance\u00a0boost Il est aussi possible d\u2019utiliser la d\u00e9mo sans installer aucun JS en copiant du HTML ou en pointant vers une page. J\u2019ai du mal \u00e0 \u00e9valuer \u00e0 quel point c\u2019est pertinent pour cet espace, peut-\u00eatre davantage dans des contextes sans prise de soin qui semblent \u00eatre la norme\u00a0aujourd\u2019hui. R\u00eave de la nuit\u00a0derni\u00e8re r\u00eave - Carnets Web de La\u00a0Grange \ud83d\udc9a" | |||
| }, | |||
| { | |||
| "title": "Montre", | |||
| "url": "/david/2024/03/02/", | |||
Загрузка…