<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Interface Archives - WikiRider – Blog Culture Libre</title>
	<atom:link href="https://wikirider.pybeaudouin.fr/tag/interface/feed/" rel="self" type="application/rss+xml" />
	<link>https://wikirider.pybeaudouin.fr/tag/interface/</link>
	<description>WikiRider</description>
	<lastBuildDate>Tue, 21 Apr 2026 18:27:18 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/cropped-WP25_Wiki_love_-_black-1-150x150.png</url>
	<title>Interface Archives - WikiRider – Blog Culture Libre</title>
	<link>https://wikirider.pybeaudouin.fr/tag/interface/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Wikipédia en 3 colonnes</title>
		<link>https://wikirider.pybeaudouin.fr/2014/02/16/wikipedia-en-3-colonnes/</link>
					<comments>https://wikirider.pybeaudouin.fr/2014/02/16/wikipedia-en-3-colonnes/#respond</comments>
		
		<dc:creator><![CDATA[Pierre-Yves Beaudouin]]></dc:creator>
		<pubDate>Sun, 16 Feb 2014 12:21:00 +0000</pubDate>
				<category><![CDATA[Boîte à outils]]></category>
		<category><![CDATA[Wikipédia]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Personnalisation]]></category>
		<guid isPermaLink="false">https://wikirider.pybeaudouin.fr/?p=649</guid>

					<description><![CDATA[<p>Je viens de découvrir un css pour Wikipedia sur Twitter.</p>
<p>The post <a href="https://wikirider.pybeaudouin.fr/2014/02/16/wikipedia-en-3-colonnes/">Wikipédia en 3 colonnes</a> appeared first on <a href="https://wikirider.pybeaudouin.fr">WikiRider – Blog Culture Libre</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Je viens de découvrir un css pour Wikipedia sur <a href="https://twitter.com/MagnusManske/status/434374076665430017">Twitter</a>. </p>



<figure class="wp-block-image size-large"><img width="1024" height="682"  alt="" class="wp-image-654 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos-1024x682.jpg" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos-1024x682.jpg 1024w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos-300x200.jpg 300w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos-768x512.jpg 768w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos-800x533.jpg 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/Portrait_photograph_at_bust_length_of_three_Lao_girls_joining_their_palms_for_the_Thai_greeting_front_view_in_Don_Khon_Laos.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">3 <a href="https://fr.wikipedia.org/wiki/Lao_(peuple)">laotiennes</a> faisant le <a href="https://fr.wikipedia.org/wiki/Wai">salut thaïlandais</a>. Basile Morin, CC-BY-SA-4.0, <a href="https://w.wiki/LAzP">w.wiki/LAzP</a></figcaption></figure>



<p>Réalisé par <a href="https://en.wikipedia.org/wiki/Magnus_Manske">Magnus Manske</a>, il met en forme les articles de Wikipedia en 3 colonnes. La colonne de gauche accueille la table des matières et les images. La colonne centrale contient l&rsquo;article. Et la colonne de droite contient les images, l&rsquo;infobox, les liens vers les autres projets Wikimedia.<br></p>



<figure class="wp-block-image size-large"><img width="1024" height="709"  alt="" class="wp-image-652 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-1024x709.jpg" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-1024x709.jpg 1024w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-300x208.jpg 300w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-768x532.jpg 768w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-1536x1064.jpg 1536w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1-800x554.jpg 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/1.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><a href="https://www.blogger.com/#"></a></p>



<figure class="wp-block-image size-large"><img width="1024" height="349"  alt="" class="wp-image-651 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-1024x349.jpg" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-1024x349.jpg 1024w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-300x102.jpg 300w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-768x262.jpg 768w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-1536x524.jpg 1536w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2-800x273.jpg 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2014/02/2.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Le code se trouve dans <a href="https://en.wikipedia.org/wiki/User:Magnus_Manske/common.css">common.css</a>. Conçu pour la Wikipedia en anglais, le code nécessite des adaptations pour fonctionner sur la Wikipedia en français. Il faudrait aussi limiter la mise en page à l&rsquo;espace de nom article.<br><br><strong>Mise à jour 1</strong>. Voici le <a href="https://fr.wikipedia.org/wiki/Utilisateur:Pyb/vector.css">code</a> pour que la fenêtre d&rsquo;édition ne soit pas impactée et limiter le CSS aux articles (espace de nom 0).</p>
<p>The post <a href="https://wikirider.pybeaudouin.fr/2014/02/16/wikipedia-en-3-colonnes/">Wikipédia en 3 colonnes</a> appeared first on <a href="https://wikirider.pybeaudouin.fr">WikiRider – Blog Culture Libre</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wikirider.pybeaudouin.fr/2014/02/16/wikipedia-en-3-colonnes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gadget pour découvrir les photos labellisées</title>
		<link>https://wikirider.pybeaudouin.fr/2014/01/11/gadget-pour-decouvrir-les-photos-labellisees/</link>
					<comments>https://wikirider.pybeaudouin.fr/2014/01/11/gadget-pour-decouvrir-les-photos-labellisees/#respond</comments>
		
		<dc:creator><![CDATA[Pierre-Yves Beaudouin]]></dc:creator>
		<pubDate>Sat, 11 Jan 2014 19:07:00 +0000</pubDate>
				<category><![CDATA[Boîte à outils]]></category>
		<category><![CDATA[Wikimedia Commons]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Label de qualité]]></category>
		<category><![CDATA[Personnalisation]]></category>
		<guid isPermaLink="false">https://wikirider.pybeaudouin.fr/?p=640</guid>

					<description><![CDATA[<p>Wikimedia Commons dispose de trois labels de qualité. </p>
<p>The post <a href="https://wikirider.pybeaudouin.fr/2014/01/11/gadget-pour-decouvrir-les-photos-labellisees/">Gadget pour découvrir les photos labellisées</a> appeared first on <a href="https://wikirider.pybeaudouin.fr">WikiRider – Blog Culture Libre</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Wikimedia Commons dispose de trois labels de qualité. Pour faire simple, il y a la médaille de bronze (image de valeur / valued image), la médaille d&rsquo;argent (image de qualité / quality image) et la médaille d&rsquo;or (image remarquable / featured picture).</p>



<figure class="wp-block-image size-large"><img width="788" height="1024"  alt="" class="wp-image-643 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner-788x1024.jpg" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner-788x1024.jpg 788w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner-231x300.jpg 231w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner-768x998.jpg 768w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner-800x1040.jpg 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/197x_Mx_Montornes_Les_Tres_Creus_near_Montmelo_former_Starlux_Dani_Rguez_La_Llagosta_winner.jpg 960w" sizes="(max-width: 788px) 100vw, 788px" /><figcaption class="wp-element-caption">Podium d&rsquo;une compétition de motocross, années 1970, Montesita, CC-BY-SA-4.0, <a href="https://w.wiki/LAxh">w.wiki/LAxh</a></figcaption></figure>



<span id="more-640"></span>



<p>J&rsquo;ai peu d&rsquo;estime pour ces labels. Quelques critiques :</p>



<ul class="wp-block-list">
<li>le nombre d&rsquo;images labellisées est infinitésimal comparé aux 19 millions de fichiers hébergés ;</li>



<li>de nombreuses illustrations ou de formats multimedia sont pas acceptés ou peu estimés ;</li>



<li>il y a peu de commentaires constructifs et lorsqu&rsquo;il y en a faut pouvoir y répondre rapidement.</li>
</ul>



<p>Bref, je ne prête guère attention à ces labels qui ne servent jusqu&rsquo;à présent à rien à part la médaille d&rsquo;or qui permet de voir son fichier affiché en page d&rsquo;accueil de Wikimedia Commons, éventuellement de Wikipedia et du blog de Wikimedia Foundation.<br><br>Un développeur tente de donner plus de visibilité à ces images labellisées. Activez le gadget en visitant <a href="https://commons.wikimedia.org/w/index.php?title=Help:FastCCI&amp;withJS=MediaWiki:ActivateGadget.js&amp;gadgetname=fastcci">cette page</a>. Vous obtiendrez en haut de chaque catégorie, trois gros boutons immanquables qui vous permettront d&rsquo;afficher une sélection d&rsquo;images labellisées.<br></p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img width="800" height="581"  alt="" class="wp-image-641 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/Fastcci_screenshot1.png" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/Fastcci_screenshot1.png 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/Fastcci_screenshot1-300x218.png 300w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/Fastcci_screenshot1-768x558.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</div>


<p>Il faut ensuite attendre que les images se chargent. C&rsquo;est lent, très lent. Vous devez jouer avec la molette très utile mais beaucoup moins visible que les boutons. Je vous conseille de la coller à <strong>Strong match</strong>. Mais en faisant cela, le script ne se recharge pas pour afficher plus d&rsquo;images.<br><br>Remarque 1 : En décalant vers la droite le curseur, les résultats seront de moins en moins pertinents.<br><br>Remarque 2 : J&rsquo;ai l&rsquo;impression que le script affiche les images par date croissante de labellisation.<br></p>



<figure class="wp-block-image size-large"><img width="1024" height="546"  alt="" class="wp-image-642 lws-optimize-lazyload"/ data-src="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-1024x546.jpg" srcset="https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-1024x546.jpg 1024w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-300x160.jpg 300w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-768x409.jpg 768w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-1536x819.jpg 1536w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI-800x427.jpg 800w, https://wikirider.pybeaudouin.fr/wp-content/uploads/2026/04/QI.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://wikirider.pybeaudouin.fr/2014/01/11/gadget-pour-decouvrir-les-photos-labellisees/">Gadget pour découvrir les photos labellisées</a> appeared first on <a href="https://wikirider.pybeaudouin.fr">WikiRider – Blog Culture Libre</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wikirider.pybeaudouin.fr/2014/01/11/gadget-pour-decouvrir-les-photos-labellisees/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
