https://ducamp.me/index.php?action=history&feed=atom&title=Facepile-fr 2026-05-13T17:27:42Z Historique des révisions pour cette page sur le wiki MediaWiki 1.35.0 https://ducamp.me/index.php?title=Facepile-fr&diff=3379&oldid=prev 2017-01-01T23:56:46Z

<p><span dir="auto"><span class="autocomment">Exemples IndieWeb</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 1 janvier 2017 à 23:56</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23" >Ligne 23 :</td> <td colspan="2" class="diff-lineno">Ligne 23 :</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== David Shanske ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== David Shanske ===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[User:david.shanske.com]]... <del class="diffchange diffchange-inline">since </del>2014-04-26. [[File:facepile_david-shanske-com.png|thumb]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[User:david.shanske.com]]... <ins class="diffchange diffchange-inline">depuis </ins>2014-04-26. [[File:facepile_david-shanske-com.png|thumb]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">Example</del>: http://david.shanske.com/notes/2014/05/02/press/#comments</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Exemple </ins>: http://david.shanske.com/notes/2014/05/02/press/#comments</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Kartik Prabhu ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Kartik Prabhu ===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[User:kartikprabhu.com]]... <del class="diffchange diffchange-inline">since </del>2014-??-??. [[File:facepile_kartikprabhu_com.png‎|thumb]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[User:kartikprabhu.com]]... <ins class="diffchange diffchange-inline">depuis </ins>2014-??-??. [[File:facepile_kartikprabhu_com.png‎|thumb]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">Example</del>: http://kartikprabhu.com/article/indieweb-love-blog#reposts</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Exemple</ins>: http://kartikprabhu.com/article/indieweb-love-blog#reposts</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Pelle Wessman ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Pelle Wessman ===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[User:kodfabrik.se|Pelle Wessman]] <del class="diffchange diffchange-inline">since </del>[https://github.com/voxpelli/webpage-webmentions/releases/tag/v0.5.0 2014-12-30] <del class="diffchange diffchange-inline">using a new experimental embed from his </del>WebMention <del class="diffchange diffchange-inline">service </del>[https://webmention.herokuapp.com/ webmention.herokuapp.com].</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[User:kodfabrik.se|Pelle Wessman]] <ins class="diffchange diffchange-inline">depuis le </ins>[https://github.com/voxpelli/webpage-webmentions/releases/tag/v0.5.0 2014-12-30] <ins class="diffchange diffchange-inline">en utilisant un embarquement expérimental provenant de son service </ins>WebMention [https://webmention.herokuapp.com/ webmention.herokuapp.com].</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">Example on his </del>blog: http://voxpelli.com/2014/10/indie-config-overview/</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Exemple sur son </ins>blog : http://voxpelli.com/2014/10/indie-config-overview/</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">Example on </del>webmention.herokuapp.com: https://webmention.herokuapp.com/</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Exemple sur </ins>webmention.herokuapp.com: https://webmention.herokuapp.com/</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exemples de Silo ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exemples de Silo ==</div></td></tr> </table>

Xtof https://ducamp.me/index.php?title=Facepile-fr&diff=3378&oldid=prev 2017-01-01T23:55:12Z

<p><span dir="auto"><span class="autocomment">Description</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 1 janvier 2017 à 23:55</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3" >Ligne 3 :</td> <td colspan="2" class="diff-lineno">Ligne 3 :</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Description ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Description ==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">It consists of a row or rows of [[profile photos]] of individuals who have all completed a webaction involving the current page/site. For example, who have all liked, mentioned, favorited, RSVPed, etc. </del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Il s&#039;agit d&#039;une ou plusieurs rangées de [[profile photos-fr|photos de profil]] des personnes ayant toutes complété une webaction concernant la page/le site en cours. Par exemple, les personnes qui ont toutes aimé, mentionné, mises en favori, rRSVPé, etc</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Il s&#039;agit d&#039;une ou plusieurs rangées de [[profile photos-fr|photos de profil]] des personnes ayant toutes complété une webaction concernant la page/le site en cours. Par exemple, les personnes qui ont toutes aimé, mentionné, mises en favori, rRSVPé, etc</div></td></tr> </table>

Xtof https://ducamp.me/index.php?title=Facepile-fr&diff=3377&oldid=prev 2017-01-01T23:54:42Z

<p>Page créée avec « Le &lt;dfn&gt;&#039;&#039;&#039;Facepile&#039;&#039;&#039;&lt;/dfn&gt; est un élément de design popularisé par Facebook. == Description == It consists of a row or rows of <a href="/index.php?title=Profile_photos&amp;action=edit&amp;redlink=1" class="new" title="Profile photos (page inexistante)">profile photos</a> of individuals who... »</p> <p><b>Nouvelle page</b></p><div>Le &lt;dfn&gt;&#039;&#039;&#039;Facepile&#039;&#039;&#039;&lt;/dfn&gt; est un élément de design popularisé par Facebook.<br /> <br /> == Description ==<br /> <br /> It consists of a row or rows of [[profile photos]] of individuals who have all completed a webaction involving the current page/site. For example, who have all liked, mentioned, favorited, RSVPed, etc. <br /> <br /> Il s&#039;agit d&#039;une ou plusieurs rangées de [[profile photos-fr|photos de profil]] des personnes ayant toutes complété une webaction concernant la page/le site en cours. Par exemple, les personnes qui ont toutes aimé, mentionné, mises en favori, rRSVPé, etc<br /> <br /> == Exemples IndieWeb ==<br /> &lt;span id=&quot;Examples&quot;&gt;Exemples&lt;/span&gt; des sites IndieWeb utilisant les Facepiles.<br /> <br /> === Aaron Parecki ===<br /> [[User:aaronparecki.com|Aaron Parecki]] a affiché une facepile pour les likes et retweets depuis février 2014.<br /> * exemple avec &gt;100 likes : https://aaronparecki.com/notes/2014/10/31/2/geoween<br /> * exemple : https://aaronparecki.com/notes/2014/10/31/2/geoween<br /> <br /> [[File:2014-aaronpk-facepile-example.png]]<br /> <br /> === Will Norris ===<br /> [[User:willnorris.com|Will Norris]] depuis le 2014-03-09. par ex. https://willnorris.com/2014/03/display-likes-in-a-facepile <br /> <br /> === Kyle Mahan ===<br /> [[User:kylewm.com|Kyle Mahan]] depuis le 2014-03-13. Screenshot :&lt;br&gt;[[File:kwm-facepile-2014-04-30.png|500px]]<br /> <br /> === David Shanske ===<br /> [[User:david.shanske.com]]... since 2014-04-26. [[File:facepile_david-shanske-com.png|thumb]]<br /> <br /> * Example: http://david.shanske.com/notes/2014/05/02/press/#comments<br /> <br /> === Kartik Prabhu ===<br /> [[User:kartikprabhu.com]]... since 2014-??-??. [[File:facepile_kartikprabhu_com.png‎|thumb]]<br /> <br /> * Example: http://kartikprabhu.com/article/indieweb-love-blog#reposts<br /> <br /> === Pelle Wessman ===<br /> [[User:kodfabrik.se|Pelle Wessman]] since [https://github.com/voxpelli/webpage-webmentions/releases/tag/v0.5.0 2014-12-30] using a new experimental embed from his WebMention service [https://webmention.herokuapp.com/ webmention.herokuapp.com].<br /> <br /> * Example on his blog: http://voxpelli.com/2014/10/indie-config-overview/<br /> * Example on webmention.herokuapp.com: https://webmention.herokuapp.com/<br /> <br /> == Exemples de Silo ==<br /> <br /> === Facebook ===<br /> <br /> [[File:facebook-facepile.png]]<br /> <br /> === Twitter ===<br /> <br /> En date de novembre 2014, Twitter affiche aussi son Facepile sous forme de compteur des différents types d&#039;actions, et un Facepile des individus qui ont pris des mesures à tous<br /> <br /> [[File:Twitter-FacePile16NOV14.png]]</div>

Xtof