davidbgk
/
larlet-fr-david
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Publishing

master
David Larlet 2 years ago
parent
a2de936fcb
commit
6925ada3c5
8 changed files with 263 additions and 27 deletions
Split View Show Diff Stats
  1. 2
    2
      david/2021/12/05/index.html
  2. 200
    0
      david/2021/12/06/index.html
  3. 15
    1
      david/2021/foret/index.html
  4. 2
    0
      david/2021/index.html
  5. 15
    1
      david/2021/rythme/index.html
  6. 11
    0
      david/2021/sources/2021-12-06 - Winter body.md
  7. 4
    3
      david/index.html
  8. 14
    20
      david/log/index.xml

+ 2
- 2
david/2021/12/05/index.html View File

@@ -63,7 +63,7 @@
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a>
• <a rel="next" href="/david/2021/12/06/" title="Publication suivante : Winter body">Suivant →</a>
</p>
</nav>
<hr>
@@ -114,7 +114,7 @@
<p class="center">
<a rel="prev" href="/david/2021/12/04/" title="Publication précédente : Colophon">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/12/06/" title="Publication suivante : Winter body">Suivant →</a>
</p>
</nav>
</article>

+ 200
- 0
david/2021/12/06/index.html View File

@@ -0,0 +1,200 @@
<!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>Winter body — David Larlet</title>
<meta name="description" content="Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35 °C en été et des -25 °C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi !">
<!-- 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>Winter body</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/12/05/" title="Publication précédente : Mise à jour">← Précédent</a> •
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a>
</p>
</nav>
<hr>

<p>Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35&#8239;°C en été et des -25&#8239;°C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi&#8239;!</p>
<p>J’y vois aussi une part d’adaptation au milieu, de mimétisme avec les autres espèces. Sans aller jusqu’à une <a href="https://fr.wikipedia.org/wiki/Hivernation">hivernation</a>, il y a une adaptation importante en parallèle au <a href="https://fr.wikipedia.org/wiki/Rythme_circadien">rythme circadien</a> pour une acclimatation réussie. Une forme d’économie généralisée pour participer au silence de la ville/forêt enneigée.</p>
<p>Tout cela vient alimenter aussi mes réflexions sur les <a href="/david/2021/11/23/" title="Horaires">horaires</a>. Avoir conscience de sa «&nbsp;productivité&nbsp;» saisonnière&#8239;?</p>
<p>P.S.: et ça reste un bon alibi pour un Mont-d’Or au four.</p>


<nav>
<p>
<a href="/david/2021/foret/"
title="Liste de tous les articles associés à cette étiquette"
>#forêt</a>
<a href="/david/2021/rythme/"
title="Liste de tous les articles associés à cette étiquette"
>#rythme</a>
<a href="/david/#tags"
title="Liste de toutes les étiquettes existantes"
><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
</svg> tous ?</a>
</p>
</nav>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/12/05/" title="Publication précédente : Mise à jour">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
</p>
</nav>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<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-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<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-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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>

+ 15
- 1
david/2021/foret/index.html View File

@@ -76,6 +76,17 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2021/12/06/" title="Lien permanent vers cet article">Winter body</a> (2021-12-06)</h2>
<p>Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35&#8239;°C en été et des -25&#8239;°C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi&#8239;!</p>
<p>J’y vois aussi une part d’adaptation au milieu, de mimétisme avec les autres espèces. Sans aller jusqu’à une <a href="https://fr.wikipedia.org/wiki/Hivernation">hivernation</a>, il y a une adaptation importante en parallèle au <a href="https://fr.wikipedia.org/wiki/Rythme_circadien">rythme circadien</a> pour une acclimatation réussie. Une forme d’économie généralisée pour participer au silence de la ville/forêt enneigée.</p>
<p>Tout cela vient alimenter aussi mes réflexions sur les <a href="/david/2021/11/23/" title="Horaires">horaires</a>. Avoir conscience de sa «&nbsp;productivité&nbsp;» saisonnière&#8239;?</p>
<p>P.S.: et ça reste un bon alibi pour un Mont-d’Or au four.</p>


<h2><a href="/david/2021/11/22/" title="Lien permanent vers cet article">Jour 2</a> (2021-11-22)</h2>
@@ -190,7 +201,9 @@
<h2><a href="/david/2021/11/13/" title="Lien permanent vers cet article">Frustration</a> (2021-11-13)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote lang="en">
<p>When you look a bit more closely to what meditation is about, the main concept is to shut down any distraction (like smartphones, smart watches, and even counting mosquito bites) to put full focus on yourself. Once you’re in the focus, the goal is to find relief, self-confidence, health and happiness in the world. <mark>It’s a great and weird mixture of extreme selfishness and embracing a social, helpful society.</mark> Meditation is a great technique to calm down, to get into a more self-reflecting mode.</p>
@@ -204,6 +217,7 @@
<p><cite><em>Ibid.</em></cite></p>
</blockquote>

</details>


+ 2
- 0
david/2021/index.html View File

@@ -667,6 +667,8 @@
<h2><a href="/david/2021/12/05/">Mise à jour</a> (2021-12-05)</h2>
<h2><a href="/david/2021/12/06/">Winter body</a> (2021-12-06)</h2>
</main>



+ 15
- 1
david/2021/rythme/index.html View File

@@ -76,6 +76,17 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2021/12/06/" title="Lien permanent vers cet article">Winter body</a> (2021-12-06)</h2>
<p>Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35&#8239;°C en été et des -25&#8239;°C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi&#8239;!</p>
<p>J’y vois aussi une part d’adaptation au milieu, de mimétisme avec les autres espèces. Sans aller jusqu’à une <a href="https://fr.wikipedia.org/wiki/Hivernation">hivernation</a>, il y a une adaptation importante en parallèle au <a href="https://fr.wikipedia.org/wiki/Rythme_circadien">rythme circadien</a> pour une acclimatation réussie. Une forme d’économie généralisée pour participer au silence de la ville/forêt enneigée.</p>
<p>Tout cela vient alimenter aussi mes réflexions sur les <a href="/david/2021/11/23/" title="Horaires">horaires</a>. Avoir conscience de sa «&nbsp;productivité&nbsp;» saisonnière&#8239;?</p>
<p>P.S.: et ça reste un bon alibi pour un Mont-d’Or au four.</p>


<h2><a href="/david/2021/11/23/" title="Lien permanent vers cet article">Horaires</a> (2021-11-23)</h2>
@@ -138,7 +149,9 @@ Et nous bouffe déjà</p>
<h2><a href="/david/2021/10/09/" title="Lien permanent vers cet article">Slowgrégateur</a> (2021-10-09)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote lang="en">
<p>The current state web browsers is particularly damning from this perspective. Web browsers have access to such a treasure trove of valuable, often well-structured information about what we learn and how we think, what interests we have, and who we talk to. Rather than trying to take that information and <mark>let us build workflows out of them</mark>, browsers remain a strictly utilitarian tool – a rectangular window into documents and apps that play dumb, ignorant of the valuable information that transits through them every day. I think we can do better.</p>
@@ -151,6 +164,7 @@ Et nous bouffe déjà</p>
<p>J’aurais plein d’autres idées, mon problème avec les outils actuels n’est pas liée à l’infobésité mais à la malnutriformation (?!)&nbsp;: avoir l’impression de toucher du doigt des mines d’informations et de réflexions qui sont enfouies par les 10&nbsp;dernières entrées.</p>
<p><em>Je pense que l’on peut faire mieux.</em></p>

</details>


+ 11
- 0
david/2021/sources/2021-12-06 - Winter body.md View File

@@ -0,0 +1,11 @@
# Winter body

Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35 °C en été et des -25 °C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi !

J’y vois aussi une part d’adaptation au milieu, de mimétisme avec les autres espèces. Sans aller jusqu’à une [hivernation](https://fr.wikipedia.org/wiki/Hivernation), il y a une adaptation importante en parallèle au [rythme circadien](https://fr.wikipedia.org/wiki/Rythme_circadien) pour une acclimatation réussie. Une forme d’économie généralisée pour participer au silence de la ville/forêt enneigée.

Tout cela vient alimenter aussi mes réflexions sur les [horaires](/david/2021/11/23/). Avoir conscience de sa « productivité » saisonnière ?

P.S.: et ça reste un bon alibi pour un Mont-d’Or au four.

#rythme #forêt

+ 4
- 3
david/index.html View File

@@ -80,7 +80,8 @@
<a href="/david/2021/12/02/">Tags</a>,
<a href="/david/2021/12/03/">Record</a>,
<a href="/david/2021/12/04/">Colophon</a>,
<a href="/david/2021/12/05/">Mise à jour</a>.
<a href="/david/2021/12/05/">Mise à jour</a>,
<a href="/david/2021/12/06/">Winter body</a>.
</p>
@@ -457,7 +458,7 @@
<a href="/david/2021/etiquette/">#étiquette (3)</a>
<a href="/david/2021/exploration/">#exploration (5)</a>
<a href="/david/2021/feminisme/">#féminisme (3)</a>
<a href="/david/2021/foret/">#forêt (39)</a>
<a href="/david/2021/foret/">#forêt (40)</a>
<a href="/david/2021/frugalite/">#frugalité (6)</a>
<a href="/david/2021/gafam/">#gafam (15)</a>
<a href="/david/2021/gratitude/">#gratitude (17)</a>
@@ -478,7 +479,7 @@
<a href="/david/2021/protopie/">#protopie (4)</a>
<a href="/david/2021/publication/">#publication (16)</a>
<a href="/david/2021/recherche/">#recherche (27)</a>
<a href="/david/2021/rythme/">#rythme (18)</a>
<a href="/david/2021/rythme/">#rythme (19)</a>
<a href="/david/2021/scopyleft/">#scopyleft (5)</a>
<a href="/david/2021/sociologie/">#sociologie (26)</a>
<a href="/david/2021/technique/">#technique (47)</a>

+ 14
- 20
david/log/index.xml View File

@@ -6,13 +6,26 @@
<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>2021-12-12T12:00:00+01:00</updated>
<updated>2021-12-13T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2021, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Winter body</title>
<link href="https://larlet.fr/david/2021/12/06/" rel="alternate" type="text/html" />
<updated>2021-12-06T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/12/06/</id>
<summary type="html">
&lt;p&gt;Au début, c’était une blague. Mais en fait ça m’est super utile d’adapter la couche de graisse qui recouvre mon corps en fonction de la saison. Notamment car au Québec, il n’est pas rare d’avoir des +35&amp;#8239;°C en été et des -25&amp;#8239;°C en hiver… L’équipement pour encaisser une tel écart de températures fait une grosse différence mais c’est moins lourd à porter quand c’est bien réparti. Et en cas de coup dur, on l’a toujours avec soi&amp;#8239;!&lt;/p&gt;
&lt;p&gt;J’y vois aussi une part d’adaptation au milieu, de mimétisme avec les autres espèces. Sans aller jusqu’à une &lt;a href=&quot;https://fr.wikipedia.org/wiki/Hivernation&quot;&gt;hivernation&lt;/a&gt;, il y a une adaptation importante en parallèle au &lt;a href=&quot;https://fr.wikipedia.org/wiki/Rythme_circadien&quot;&gt;rythme circadien&lt;/a&gt; pour une acclimatation réussie. Une forme d’économie généralisée pour participer au silence de la ville/forêt enneigée.&lt;/p&gt;
&lt;p&gt;Tout cela vient alimenter aussi mes réflexions sur les &lt;a href=&quot;https://larlet.fr/david/2021/11/23/&quot; title=&quot;Horaires&quot;&gt;horaires&lt;/a&gt;. Avoir conscience de sa «&amp;nbsp;productivité&amp;nbsp;» saisonnière&amp;#8239;?&lt;/p&gt;
&lt;p&gt;P.S.: et ça reste un bon alibi pour un Mont-d’Or au four.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/rythme/&quot;&gt;#rythme&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Mise à jour</title>
<link href="https://larlet.fr/david/2021/12/05/" rel="alternate" type="text/html" />
@@ -729,23 +742,4 @@ Et nous bouffe déjà&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/rythme/&quot;&gt;#rythme&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Composants</title>
<link href="https://larlet.fr/david/2021/11/03/" rel="alternate" type="text/html" />
<updated>2021-11-03T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/11/03/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff? Remember how exciting it was to be able to do sliders, color pickers, dialogs, disclosure widgets straight in the HTML, without having to include any widget libraries?&lt;/p&gt;
&lt;p&gt;The promise of Web Components was that we’d get this convenience, but for a much wider range of HTML elements, developed much faster, as nobody needs to wait for the full spec + implementation process. We’d just include a script, and boom, we have more elements at our disposal!&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lea.verou.me/2020/09/the-failed-promise-of-web-components/&quot;&gt;The failed promise of Web Components&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/68cd338e37c60a8ed179222c6b1af01f/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Le constat ne souffrait pas d’ambiguïté il y a un an. Qu’en est-il aujourd’hui&amp;#8239;?&lt;/p&gt;
&lt;p&gt;Il y a Simon Willison qui commente un &lt;a href=&quot;https://til.simonwillison.net/web-components/understanding-single-file-web-component&quot;&gt;Web Component tenant dans un seul fichier&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/8016f83f512107dd26e5780b08ea7305/&quot;&gt;cache&lt;/a&gt;). Et Dave Rupert qui &lt;a href=&quot;https://daverupert.com/2021/10/html-with-superpowers/&quot;&gt;parle de leurs super-pouvoirs&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/eb14bb1071cfe2bd952aa9280c6a4860/&quot;&gt;cache&lt;/a&gt;). Tout le monde espère pouvoir &lt;a href=&quot;https://elisehe.in/2021/08/22/using-the-platform&quot;&gt;les utiliser nativement&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/0f1f65d09181752916216e892bb192d8/&quot;&gt;cache&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;En attendant, il y a des petits &lt;em&gt;frameworks&lt;/em&gt; comme &lt;a href=&quot;https://tonicframework.dev/&quot;&gt;Tonic&lt;/a&gt; ou &lt;a href=&quot;https://lego.js.org/&quot;&gt;Lego&lt;/a&gt;. Des plus conséquents comme &lt;a href=&quot;https://lit.dev/&quot;&gt;Lit&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Tout espoir n’est pas perdu. Juste &lt;a href=&quot;https://larlet.fr/david/blog/2013/python-javascript/&quot;&gt;une décennie&lt;/a&gt;.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/frugalite/&quot;&gt;#frugalité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
</feed>

Write Preview
Loading…
Cancel
Save