davidbgk
/
larlet-fr-david
关注 1
点赞 0
派生 0
代码 版本发布 0 动态
浏览代码

Publishing

master
David Larlet 2 年前
父节点
7706388d64
当前提交
1306f9e47d
共有 3 个文件被更改，包括 6 次插入 和 6 次删除
分列视图 显示文件统计
  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 查看文件

@@ -74,7 +74,7 @@
<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>
</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>
<a href="#rendu_flux_defaut"
title="Cliquer pour une version haute résolution">
@@ -88,7 +88,7 @@
<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="/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>
<a href="#rendu_flux_style"
title="Cliquer pour une version haute résolution">

+ 2
- 2
david/2021/sources/2021-06-03 - Flux lisibles.md 查看文件

@@ -8,13 +8,13 @@
>
> <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 !")

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é 😎")


+ 2
- 2
david/log/index.xml 查看文件

@@ -26,7 +26,7 @@
&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;/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;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;
@@ -36,7 +36,7 @@
&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;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;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;

撰写 预览
正在加载...
取消
保存