|
|
|
@@ -6,13 +6,50 @@ |
|
|
|
<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-06-09T12:00:00+01:00</updated> |
|
|
|
<updated>2021-06-10T12: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">Flux lisibles</title> |
|
|
|
<link href="https://larlet.fr/david/2021/06/03/" rel="alternate" type="text/html" /> |
|
|
|
<updated>2021-06-03T12:00:00+01:00</updated> |
|
|
|
<id>https://larlet.fr/david/2021/06/03/</id> |
|
|
|
<summary type="html"> |
|
|
|
|
|
|
|
<blockquote lang="en"> |
|
|
|
<p>Use web feeds to <strong>subscribe</strong> to websites and get the <strong>latest content in one place</strong>.</p> |
|
|
|
<p><strong>Feeds put you in control.</strong> It’s like subscribing to a podcast, or following a company on Facebook. You don’t need to pay or hand over your email address. You get the latest content without having to visit lots of sites, and without cluttering up your inbox. Had enough? Easy: unsubscribe from the feed.</p> |
|
|
|
<p>You just need a special app called a <strong>newsreader</strong>.</p> |
|
|
|
<p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="https://larlet.fr/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p> |
|
|
|
</blockquote> |
|
|
|
<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché&#8239;!</a> (<a href="https://larlet.fr/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut ressemblait à ça&nbsp;:</p> |
|
|
|
<figure> |
|
|
|
<a href="https://larlet.fr/static/david/2021/rendu_flux_defaut.png" |
|
|
|
title="Cliquer pour une version haute résolution"> |
|
|
|
<img src="https://larlet.fr/static/david/2021/rendu_flux_defaut.png" alt="Rendu par défaut d’un flux RSS dans Firefox" |
|
|
|
width="1676" height="1444" /> |
|
|
|
</a> |
|
|
|
<figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption> |
|
|
|
</figure> |
|
|
|
<p>La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et <a href="https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl">disponible ici</a>. L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la <a href="https://larlet.fr/david/2021/05/26/">notion de suivi</a> d’un flux/individu.</p> |
|
|
|
<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e">ressemble à ça</a> et permet d’obtenir le <a href="https://larlet.fr/david/log/">rendu suivant</a>&nbsp;:</p> |
|
|
|
<figure> |
|
|
|
<a href="https://larlet.fr/static/david/2021/rendu_flux_style.png" |
|
|
|
title="Cliquer pour une version haute résolution"> |
|
|
|
<img src="https://larlet.fr/static/david/2021/rendu_flux_style.png" alt="Rendu après transformation de mon flux RSS dans Firefox" |
|
|
|
width="1668" height="1642" /> |
|
|
|
</a> |
|
|
|
<figcaption>Et voilà ! C’est quand même bien plus stylé 😎</figcaption> |
|
|
|
</figure> |
|
|
|
<p>J’ai une petite frustration que Firefox ne supporte pas la propriété <code>disable-output-escaping=&quot;yes&quot;</code> ce qui ne me permet pas d’avoir un rendu HTML satisfaisant lorsqu’on déplie les entrées (le plus frustrant étant que c’est implémenté chez Webkit…). J’imagine que je pourrais changer le format de mon flux pour ne pas avoir à faire cette conversion, par exemple avec du <code>CDATA</code>, à creuser.</p> |
|
|
|
<p>Il s’agit bien évidemment d’une première version et je vous encourage à me faire part de vos incompréhensions ou propositions d’amélioration pour le texte d’introduction. Je suis déjà bien content d’avoir pu mettre ça en place, c’est une frustration que je me traîne depuis… plus de 15&nbsp;ans&#8239;!</p> |
|
|
|
<hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> |
|
|
|
</entry> |
|
|
|
|
|
|
|
<entry xml:lang="fr"> |
|
|
|
<title type="html">Percolation</title> |
|
|
|
<link href="https://larlet.fr/david/2021/06/02/" rel="alternate" type="text/html" /> |
|
|
|
@@ -792,26 +829,6 @@ Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solit |
|
|
|
</blockquote> |
|
|
|
<p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p> |
|
|
|
<p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends&#8239;!</p> |
|
|
|
<hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> |
|
|
|
</entry> |
|
|
|
|
|
|
|
<entry xml:lang="fr"> |
|
|
|
<title type="html">Pop culture</title> |
|
|
|
<link href="https://larlet.fr/david/2021/05/03/" rel="alternate" type="text/html" /> |
|
|
|
<updated>2021-05-03T12:00:00+01:00</updated> |
|
|
|
<id>https://larlet.fr/david/2021/05/03/</id> |
|
|
|
<summary type="html"> |
|
|
|
|
|
|
|
<blockquote lang="en"> |
|
|
|
<p>In other words: web dev is a pop culture with no regard for history, dooming each successive generation <mark>to repeat the blunders</mark> of the old, in a cycle of garbage software, wrapped in ever-escalating useless animations, transitions, and framework rewrites.</p> |
|
|
|
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/100-things-every-web-developer-should-know/">136&nbsp;facts every web dev should know before they burn out and turn to landscape painting or nude modelling</a></em> (<a href="https://larlet.fr/david/cache/2021/31c79c53679be6cc384f8610ae821c90/">cache</a>)</cite></p> |
|
|
|
</blockquote> |
|
|
|
<p>Il s’agit de l’idée que j’ai retenue parmi les 136&nbsp;énoncées mais il y en aurait d’autres sur lesquelles rebondir. Je crois que j’aime ces listes, ça me fait penser aux <a href="https://kk.org/thetechnium/68-bits-of-unsolicited-advice/">68</a> (<a href="https://larlet.fr/david/cache/2021/9f44d4e11b281dd3c1dc88b946b0d257/">cache</a>) + <a href="https://kk.org/thetechnium/99-additional-bits-of-unsolicited-advice/">99</a> (<a href="https://larlet.fr/david/cache/2021/d8a0172d0dc1fee3e2133a2edd15616e/">cache</a>) de Kevin Kelly.</p> |
|
|
|
<p>Peut-être qu’un jour je partagerai ma propre liste. Elle parlerait forcément de chocolat.</p> |
|
|
|
|
|
|
|
<blockquote lang="en"> |
|
|
|
<p>Advice like these are not laws. They are like hats. If one doesn’t fit, try another.</p> |
|
|
|
</blockquote> |
|
|
|
<hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> |
|
|
|
</entry> |
|
|
|
|
