davidbgk
/
larlet-fr-david
보기 1
좋아요 0
포크 0
코드 릴리즈 0 Activity
소스 검색

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;

Write Preview
Loading…
취소
저장