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

Publishing

master
David Larlet 3 years ago
parent
7706388d64
commit
1306f9e47d
3 changed files with 6 additions and 6 deletions
Unified View Show Diff Stats
  1. 2
    2
      david/2021/06/03/index.html
  2. 2
    2
      david/2021/sources/2021-06-03 - Flux lisibles.md
  3. 2
    2
      david/log/index.xml

+ 2
- 2
david/2021/06/03/index.html View File

<p>You just need a special app called a <strong>newsreader</strong>.</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="/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p> <p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p>
</blockquote> </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="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut ressemblait à ça&nbsp;:</p>
<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="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut dans Firefox ressemblait à ça&nbsp;:</p>
<figure> <figure>
<a href="#rendu_flux_defaut" <a href="#rendu_flux_defaut"
title="Cliquer pour une version haute résolution"> title="Cliquer pour une version haute résolution">
<figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption> <figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption>
</figure> </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="/david/2021/05/26/">notion de suivi</a> d’un flux/individu.</p> <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="/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="/david/log/">rendu suivant</a>&nbsp;:</p>
<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl">ressemble à ça</a> et permet d’obtenir le <a href="/david/log/">rendu suivant</a>&nbsp;:</p>
<figure> <figure>
<a href="#rendu_flux_style" <a href="#rendu_flux_style"
title="Cliquer pour une version haute résolution"> title="Cliquer pour une version haute résolution">

+ 2
- 2
david/2021/sources/2021-06-03 - Flux lisibles.md View File

> >
> <cite>*[What is a feed? (a.k.a. RSS)](https://aboutfeeds.com/)* ([cache](/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/))</cite> > <cite>*[What is a feed? (a.k.a. RSS)](https://aboutfeeds.com/)* ([cache](/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/))</cite>


Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de [Jeremy Keith](https://adactio.com/journal/rss) ou [Matt Webb](https://interconnected.org/home/feed) que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été [pas mal pré-mâché !](https://lepture.com/en/2019/rss-style-with-xsl) ([cache](/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/)) Le rendu par défaut ressemblait à ça :
Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de [Jeremy Keith](https://adactio.com/journal/rss) ou [Matt Webb](https://interconnected.org/home/feed) que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été [pas mal pré-mâché !](https://lepture.com/en/2019/rss-style-with-xsl) ([cache](/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/)) Le rendu par défaut dans Firefox ressemblait à ça :


![Rendu par défaut d’un flux RSS dans Firefox](/static/david/2021/rendu_flux_defaut.png "Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !") ![Rendu par défaut d’un flux RSS dans Firefox](/static/david/2021/rendu_flux_defaut.png "Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !")


La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et [disponible ici](https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl). 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 [notion de suivi](/david/2021/05/26/) d’un flux/individu. La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et [disponible ici](https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl). 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 [notion de suivi](/david/2021/05/26/) d’un flux/individu.


Mon code [ressemble à ça](https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e) et permet d’obtenir le [rendu suivant](/david/log/) :
Mon code [ressemble à ça](https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl) et permet d’obtenir le [rendu suivant](/david/log/) :


![Rendu après transformation de mon flux RSS dans Firefox](/static/david/2021/rendu_flux_style.png "Et voilà ! C’est quand même bien plus stylé 😎") ![Rendu après transformation de mon flux RSS dans Firefox](/static/david/2021/rendu_flux_style.png "Et voilà ! C’est quand même bien plus stylé 😎")



+ 2
- 2
david/log/index.xml View File

&lt;p&gt;You just need a special app called a &lt;strong&gt;newsreader&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;You just need a special app called a &lt;strong&gt;newsreader&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://aboutfeeds.com/&quot;&gt;What is a feed? (a.k.a. RSS)&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt; &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://aboutfeeds.com/&quot;&gt;What is a feed? (a.k.a. RSS)&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt; &lt;/blockquote&gt;
&lt;p&gt;Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de &lt;a href=&quot;https://adactio.com/journal/rss&quot;&gt;Jeremy Keith&lt;/a&gt; ou &lt;a href=&quot;https://interconnected.org/home/feed&quot;&gt;Matt Webb&lt;/a&gt; que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été &lt;a href=&quot;https://lepture.com/en/2019/rss-style-with-xsl&quot;&gt;pas mal pré-mâché&amp;#8239;!&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/&quot;&gt;cache&lt;/a&gt;) Le rendu par défaut ressemblait à ça&amp;nbsp;:&lt;/p&gt;
&lt;p&gt;Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de &lt;a href=&quot;https://adactio.com/journal/rss&quot;&gt;Jeremy Keith&lt;/a&gt; ou &lt;a href=&quot;https://interconnected.org/home/feed&quot;&gt;Matt Webb&lt;/a&gt; que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été &lt;a href=&quot;https://lepture.com/en/2019/rss-style-with-xsl&quot;&gt;pas mal pré-mâché&amp;#8239;!&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/&quot;&gt;cache&lt;/a&gt;) Le rendu par défaut dans Firefox ressemblait à ça&amp;nbsp;:&lt;/p&gt;
&lt;figure&gt; &lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2021/rendu_flux_defaut.png&quot; &lt;a href=&quot;https://larlet.fr/static/david/2021/rendu_flux_defaut.png&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt; title=&quot;Cliquer pour une version haute résolution&quot;&gt;
&lt;figcaption&gt;Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !&lt;/figcaption&gt; &lt;figcaption&gt;Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !&lt;/figcaption&gt;
&lt;/figure&gt; &lt;/figure&gt;
&lt;p&gt;La feuille &lt;abbr title=&quot;Extensible Stylesheet Language&quot;&gt;XSL&lt;/abbr&gt; de base est commentée et &lt;a href=&quot;https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl&quot;&gt;disponible ici&lt;/a&gt;. 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 &lt;a href=&quot;https://larlet.fr/david/2021/05/26/&quot;&gt;notion de suivi&lt;/a&gt; d’un flux/individu.&lt;/p&gt; &lt;p&gt;La feuille &lt;abbr title=&quot;Extensible Stylesheet Language&quot;&gt;XSL&lt;/abbr&gt; de base est commentée et &lt;a href=&quot;https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl&quot;&gt;disponible ici&lt;/a&gt;. 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 &lt;a href=&quot;https://larlet.fr/david/2021/05/26/&quot;&gt;notion de suivi&lt;/a&gt; d’un flux/individu.&lt;/p&gt;
&lt;p&gt;Mon code &lt;a href=&quot;https://git.larlet.fr/davidbgk/larlet-fr-david/commit/3895c26f776dff45dfb0bac3ac5b8e537cdea63e&quot;&gt;ressemble à ça&lt;/a&gt; et permet d’obtenir le &lt;a href=&quot;https://larlet.fr/david/log/&quot;&gt;rendu suivant&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
&lt;p&gt;Mon code &lt;a href=&quot;https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl&quot;&gt;ressemble à ça&lt;/a&gt; et permet d’obtenir le &lt;a href=&quot;https://larlet.fr/david/log/&quot;&gt;rendu suivant&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
&lt;figure&gt; &lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2021/rendu_flux_style.png&quot; &lt;a href=&quot;https://larlet.fr/static/david/2021/rendu_flux_style.png&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt; title=&quot;Cliquer pour une version haute résolution&quot;&gt;

Write Preview
Loading…
Cancel
Save