<?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>Le petit blog de Mat &#187; truc &raquo; Le petit blog de Mat</title>
	<atom:link href="http://blog.bellet.com/tag/truc/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.bellet.com</link>
	<description>Quelques nouvelles de mon (petit) front !</description>
	<lastBuildDate>Fri, 27 Jan 2012 18:10:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Incorporez facilement des videos et des photos dans votre blog wordpress</title>
		<link>http://blog.bellet.com/2011/04/12/incorporez-facilement-des-videos-et-des-photos-dans-votre-blog-wordpress/</link>
		<comments>http://blog.bellet.com/2011/04/12/incorporez-facilement-des-videos-et-des-photos-dans-votre-blog-wordpress/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 15:05:30 +0000</pubDate>
		<dc:creator>Mat</dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[Site web]]></category>
		<category><![CDATA[Sur le web]]></category>
		<category><![CDATA[astuce]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[truc]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Vimeo]]></category>
		<category><![CDATA[webmaster]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://blog.bellet.com/?p=1968</guid>
		<description><![CDATA[Voici un petit truc qui sera utile à la fois si votre blog est hébergé sur le service gratuit de WordPress.com ou si vous avez votre propre serveur WordPress : je l&#8217;ai testé sur la dernière version (3.1) et ça fonctionne aussi. Un petit rappel s&#8217;impose : WordPress distribue sa plate-forme de blog sous deux &#8230; </p><p><a class="more-link block-button" href="http://blog.bellet.com/2011/04/12/incorporez-facilement-des-videos-et-des-photos-dans-votre-blog-wordpress/">Lire la Suite &#187;</a>]]></description>
			<content:encoded><![CDATA[<p><img class="size-thumbnail wp-image-1970 alignleft" style="border: 0pt none;" title="HTMLwordpress" src="http://blog.bellet.com/wp-content/uploads/2011/03/HTMLwordpress-150x107.jpg" alt="" width="150" height="107" />Voici un petit <a href="http://blog.bellet.com/tag/truc/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec truc">truc</a> qui sera utile à la fois si <strong>votre <a href="http://blog.bellet.com/tag/blog/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec blog">blog</a></strong> est hébergé sur le service gratuit de <strong><a href="http://blog.bellet.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec WordPress">WordPress</a>.com</strong> ou si vous avez votre propre serveur <strong>WordPress</strong> : je l&#8217;ai testé sur la dernière version (3.1) et ça fonctionne aussi.</p>
<p><em><strong>Un petit rappel s&#8217;impose :</strong></em> WordPress distribue sa plate-forme de blog sous deux formes : soit vous ouvrez un compte (gratuit) chez eux et ils vous mettent à disposition tout ce qu&#8217;il faut pour monter votre blog. Dans ce cas vous bénéficiez d&#8217;une architecture limitée mais avec la garantie que tout fonctionne et une certaine souplesse, wordpress mettant à jour les widgets proposés et les possibilités ; soit vous téléchargez l&#8217;application serveur (gratuitement aussi) sur un serveur sur lequel vous avez les droits d&#8217;installation et de gestion et vous installez ce que vous voulez pour le personnaliser avec des ressources (widgets, extensions, thèmes commerciaux ou non) à vos risques et périls.<br />
Les deux solutions ont des intérets différents, et on peut toujours passer de l&#8217;un à l&#8217;autre très facilement, la migration étant prévue. <span id="more-1968"></span></p>
<p>L&#8217;hébergement de blog WordPress.com est très bien mais<strong> limité en terme de place</strong>, et c&#8217;est évidement également le cas si vous avez hébergé votre blog WordPress chez un prestataire. Cela peut être gênant <strong>si vous souhaitez enrichir ou présentez vos articles avec toujours plus d&#8217;images ou de <a href="http://blog.bellet.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec video">video</a></strong>.</p>
<p>Pour éviter de se retrouver avec un disque plein ou un manque de place, vous pouvez très simplement encapsuler dans vos articles des photos herbergés sur votre compte <a href="http://www.flickr.com" target="_blank">flickr</a> ou des video stockées sur des services similaires comme <a href="http://www.youtube.com" target="_blank">Youtube</a> ou <a href="http://www.vimeo.com" target="_blank">Vimeo</a>.</p>
<p><strong>Concrètement pour une <a href="http://blog.bellet.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec photo">photo</a> hébergée sur votre compte <a href="http://www.flickr.com" target="_blank">Flickr</a> :</strong><br />
Assurez-vous d&#8217;abord que vous n&#8217;avez pas bloqué les droits de confidentialité puis cliquez sur la photo.<br />
L&#8217;url se présente sous la forme http://www.flickr.com/photos/votrenom/xxxx</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573257143/"><img src="http://farm6.staticflickr.com/5183/5573257143_094a089d41_b.jpg" alt="wordpress-01" width="585" height="544" /></a></p>
<p>Copiez cette url et collez-là dans le corps de votre article <em>en ayant basculé l&#8217;éditeur en mode &laquo;&nbsp;<a href="http://blog.bellet.com/tag/html/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec html">HTML</a>&nbsp;&raquo;</em> :</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573844664/"><img src="http://farm6.staticflickr.com/5267/5573844664_d2f33f9c73.jpg" alt="wordpress-02" width="500" height="347" /></a></p>
<p>Le résultat sera transparent pour vos visiteurs :</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573844704/"><img src="http://farm6.staticflickr.com/5138/5573844704_2dc45fc88a.jpg" alt="wordpress-03" width="377" height="500" /></a></p>
<p>Simple, non ?<br />
La photo ainsi incorporée est automatiquement mise à l&#8217;échelle nécessaire (si elle est trop grande) pour ne pas déborder le cadre de votre thème.<br />
Un clic sur cette image l&#8217;ouvrira dans une nouvelle fenêtre sur <a href="http://www.flickr.com" target="_blank">Flickr</a> (là par contre vous ne pouvez pas l&#8217;empêcher).</p>
<p><strong>Pour les vidéo, la même <a href="http://blog.bellet.com/tag/astuce/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec astuce">astuce</a> est aussi simple à mettre en œuvre.</strong><br />
Ainsi à partir de l&#8217;URL d&#8217;une video que vous lisez (ou hébergez, ce  n&#8217;est pas obligatoire que ce soit depuis votre compte), copier l&#8217;url :</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573257307/"><img src="http://farm6.staticflickr.com/5133/5573257307_ee79da6101.jpg" alt="wordpress-05" width="500" height="213" /></a></p>
<p>et collez la version la plus simple, contenant seulement son identifiant (le reste est inutile et peut dépendre de vos navigateurs) :</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573844830/"><img src="http://farm6.staticflickr.com/5229/5573844830_4ef95e184f_b.jpg" alt="wordpress-06" width="498" height="234" /></a></p>
<p>Le résultat du code ci-dessus :</p>
<p><a href="http://www.flickr.com/photos/mbellet/5573844738/"><img src="http://farm6.staticflickr.com/5091/5573844738_929a26d726_b.jpg" alt="wordpress-04" width="596" height="482" /></a></p>
<p><strong>et ça fonctionne aussi avec des vidéos hébergés sur <a href="http://www.vimeo.com/" target="_blank">vimeo.com</a> :</strong></p>
<p><a href="http://www.flickr.com/photos/mbellet/5573844858/"><img src="http://farm6.staticflickr.com/5150/5573844858_04655d7121_b.jpg" alt="wordpress-07" width="610" height="102" /></a></p>
<p>Voilà : économie de moyens et de code pour une plus grande rapidité !</p>
<p>De plus, si votre blog est hébergé chez wordpress.com et que vous désirez un jour vous lancer dans l&#8217;installation du logiciel serveur chez un prestatatire afin de mieux le maitriser et en faire ce que vous voulez, la migration n&#8217;en sera que plus facile, les images et video n&#8217;ayant pas à changer de place, elles!</p>
<ul>
<li><strong>Liens :</strong>
<ul>
<li>Hébergez votre site <a href="http://blog.bellet.com/tag/web/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec web">web</a> chez WordPress : <a href="http://fr.wordpress.com" target="_blank">http://fr.wordpress.com</a></li>
<li>Héberger vos photos sur Flickr : <a href="http://www.flickr.com" target="_blank">http://www.flickr.com</a></li>
<li><a href="http://blog.bellet.com/tag/youtube/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec YouTube">Youtube</a> : <a href="http://www.youtube.com" target="_blank">http://www.youtube.com</a></li>
<li>Vimeo : <a href="http://www.vimeo.com" target="_blank">http://www.vimeo.com</a></li>
</ul>
</li>
</ul>
<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.bellet.com%2F2011%2F04%2F12%2Fincorporez-facilement-des-videos-et-des-photos-dans-votre-blog-wordpress%2F&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.bellet.com/2011/04/12/incorporez-facilement-des-videos-et-des-photos-dans-votre-blog-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Browser Size</title>
		<link>http://blog.bellet.com/2010/02/06/google-browser-size/</link>
		<comments>http://blog.bellet.com/2010/02/06/google-browser-size/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 09:37:28 +0000</pubDate>
		<dc:creator>Mat</dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[browser size]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[découverte]]></category>
		<category><![CDATA[écran]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[google labs]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[truc]]></category>
		<category><![CDATA[utilitaires]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webmaster]]></category>

		<guid isPermaLink="false">http://blog.bellet.com/?p=1336</guid>
		<description><![CDATA[Les Google Labs sont un trésor permanent. On y trouve vraiment toutes sortes d&#8217;applications que Google a plus ou moins mis en avant. Certains sont des extensions d&#8217;applications connues comme Gmail ou GCal, d&#8217;autres sont plus spécifiques. C&#8217;est le cas de Browser Size, qui s&#8217;adresse plutôt aux concepteurs de sites web. Une fois sur le &#8230; </p><p><a class="more-link block-button" href="http://blog.bellet.com/2010/02/06/google-browser-size/">Lire la Suite &#187;</a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-1337" title="glab-icone" src="http://blog.bellet.com/wp-content/uploads/2010/02/glab-icone.png" alt="" width="120" height="90" />Les <a href="http://blog.bellet.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Google">Google</a> Labs sont un trésor permanent. On y trouve vraiment toutes sortes d&#8217;applications que <a href="http://blog.bellet.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Google">Google</a> a plus ou moins mis en avant.<br />
Certains sont des extensions d&#8217;applications connues comme <a href="http://mail.google.com/mail/" target="_blank">Gmail</a> ou <a href="http://www.google.com/calendar/" target="_blank">GCal</a>, d&#8217;autres sont plus spécifiques.</p>
<p>C&#8217;est le cas de <a href="http://browsersize.googlelabs.com" target="_blank">Browser Size</a>, qui s&#8217;adresse plutôt aux concepteurs de sites <a href="http://blog.bellet.com/tag/web/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec web">web</a>.</p>
<p><span id="more-1336"></span>Une fois sur le site, vous rentrez l&#8217;URL du site qui vous intéresse et il s&#8217;affiche en dessous d&#8217;un calque indiquant les tailles d&#8217;écran de navigateurs. C&#8217;est là que c&#8217;est très intéressant parce qu&#8217;il ne s&#8217;agit pas de la taille des écrans mais <strong>effectivement de la taille utilisée par les navigateurs pour vraiment visualiser une page</strong> (en laissant les menus de l&#8217;<a href="http://blog.bellet.com/tag/interface/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec interface">interface</a> OK et du navigateur, les barres d&#8217;icones, etc.).</p>
<p>Le système indique le <strong>pourcentages de la population</strong> disposant de ces différentes tailles (en fait de la population connue par Google via ce qu&#8217;il récolte sur elle depuis son moteur de recherche).<br />
Au passage, ceci est encore un exemple des tonnes d&#8217;informations que Google récolte lorsqu&#8217;on utilise ses services gratuits et qu&#8217;il est susceptible d&#8217;utiliser, ou de vendre.</p>
<p>Il est possible de régler l&#8217;opacité et de naviguer sur le site à travers cette interface pour cible une page ou un bouton particulier.</p>
<p>&gt; <a href="http://browsersize.googlelabs.com" target="_blank">http://browsersize.googlelabs.com</a></p>
<p style="text-align: center;"><a href="http://blog.bellet.com/wp-content/uploads/2010/02/browsersize.png"><img class="size-medium wp-image-1339 aligncenter" title="browsersize" src="http://blog.bellet.com/wp-content/uploads/2010/02/browsersize-300x233.png" alt="" width="300" height="233" /></a></p>
<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.bellet.com%2F2010%2F02%2F06%2Fgoogle-browser-size%2F&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.bellet.com/2010/02/06/google-browser-size/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>51 cartes de visites originales&#8230;</title>
		<link>http://blog.bellet.com/2009/03/03/51-cartes-de-visites-originales/</link>
		<comments>http://blog.bellet.com/2009/03/03/51-cartes-de-visites-originales/#comments</comments>
		<pubDate>Tue, 03 Mar 2009 00:15:48 +0000</pubDate>
		<dc:creator>Mat</dc:creator>
				<category><![CDATA[Site web]]></category>
		<category><![CDATA[carte de visite]]></category>
		<category><![CDATA[créativité]]></category>
		<category><![CDATA[truc]]></category>

		<guid isPermaLink="false">http://blog.bellet.com/?p=242</guid>
		<description><![CDATA[La créativité au rendez-vous : Neil Patel a rassemblé sur son blog une cinquantaine de cartes de visites toutes plus originales les unes par rapport aux autres. Ça va de la carte &#171;&#160;lego&#160;&#187; au kit de montage en passant par l&#8217;enveloppe, la carte qu&#8217;on doit étirer pour la lire, etc. C&#8217;est ici : 51 Creative &#8230; </p><p><a class="more-link block-button" href="http://blog.bellet.com/2009/03/03/51-cartes-de-visites-originales/">Lire la Suite &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>La <a href="http://blog.bellet.com/tag/creativite/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec créativité">créativité</a> au rendez-vous : Neil Patel a rassemblé sur son <a href="http://blog.bellet.com/tag/blog/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec blog">blog</a> une cinquantaine de cartes de visites toutes plus originales les unes par rapport aux autres.</p>
<p>Ça va de la carte &laquo;&nbsp;lego&nbsp;&raquo; au kit de montage en passant par l&#8217;enveloppe, la carte qu&#8217;on doit étirer pour la lire, etc.</p>
<p style="text-align: left;">C&#8217;est ici : <a href="http://www.quicksprout.com/2008/09/20/creative-business-cards-that-make-you-look-twice/" target="_blank">51 Creative Business Cards That Will Make You Look Twice</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-244 aligncenter" title="miniperson" src="http://blog.bellet.com/wp-content/uploads/2009/03/miniperson.jpeg" alt="miniperson" width="325" height="130" /></p>
<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.bellet.com%2F2009%2F03%2F03%2F51-cartes-de-visites-originales%2F&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.bellet.com/2009/03/03/51-cartes-de-visites-originales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

