<?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>Blackotine &#187; Divers</title>
	<atom:link href="http://www.blackotine.fr/category/divers/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blackotine.fr</link>
	<description>Blog d&#039;un intégrateur et développeur Web</description>
	<lastBuildDate>Tue, 24 May 2011 22:50:56 +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>Pied d&#8217;écran vertical en Lego</title>
		<link>http://www.blackotine.fr/divers/pied-decran-vertical-en-lego</link>
		<comments>http://www.blackotine.fr/divers/pied-decran-vertical-en-lego#comments</comments>
		<pubDate>Tue, 24 May 2011 22:01:20 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[diy]]></category>
		<category><![CDATA[écran]]></category>
		<category><![CDATA[lego]]></category>
		<category><![CDATA[pied]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=213</guid>
		<description><![CDATA[Pour changer un petit post Do It Yourself. Je l&#8217;ai fait en septembre dernier mais comme je n&#8217;avais rien posté depuis longtemps, c&#8217;est l&#8217;occasion. La problématique, un écran que je voulais passer en orientation verticale pour l&#8217;utiliser en écran secondaire dédié au développement. En effet cette orientation est beaucoup plus pratique pour coder, il suffit de [...]]]></description>
			<content:encoded><![CDATA[<p>Pour changer un petit post Do It Yourself. Je l&#8217;ai fait en septembre dernier mais comme je n&#8217;avais rien posté depuis longtemps, c&#8217;est l&#8217;occasion.<br />
<strong> La problématique</strong>, un écran que je voulais passer en <strong>orientation verticale</strong> pour l&#8217;utiliser en écran secondaire dédié au développement. En effet cette orientation est beaucoup plus pratique pour coder, il suffit de l&#8217;utiliser pour l’adopter !<br />
Le problème c&#8217;est que je ne voyais pas comment faire (à moindre coût, voire sans aucune dépense).</p>
<p>Mais la solution me vint de l&#8217;ami Babozor dans son podcast <a href="http://www.lagrottedubarbu.com">LaGrotteDuBarbu</a>, épisode <a href="http://www.lagrottedubarbu.com/2010/08/19/lagrottedubarbu-saison-03-episode-07-legopiedecranvertical/">Saison 03 Episode 07 – LegoPiedEcranVertical</a>.</p>
<p>Mais oui bien sûr, les Lego ! Bon j&#8217;ai bien entendu comme tout le monde,j&#8217;ai eu un doute sur la solidité de l&#8217;ensemble mais poussé par la curiosité et par mon âme d&#8217;enfant je me suis dit que j&#8217;allais essayer.<br />
J&#8217;ai profité de la visite d&#8217;amis et de la parfaite coincidence du fait que je venais de retrouver ma vielle boite de Lego (bon d&#8217;accord ma mère m&#8217;a dit &laquo;&nbsp;Tu les prends ou je les jette&nbsp;&raquo;, donc forcément je les avaient ramenés chez moi sans trop savoir ce que j&#8217;allais en faire)<br />
Le truc important, comme le remarque Babozor, c&#8217;est le système de répartition de masse (avec la forme en triangle). Et c&#8217;est vrai que cela marche vraiment bien.<br />
Au départ tout le monde m&#8217;a dit que c&#8217;était n&#8217;importe quoi mais au final tout le monde est parti dans sa petite construction.</p>
<p>En conclusion, on est parti un peu en live et au final la structure est quelque peu noyée sous le reste. Mais bon on s’est bien éclaté à faire ça et maintenant mon bureau a trop la classe !</p>
<p><a href="http://www.blackotine.fr/wp-content/uploads/2011/05/img1009n.jpg" rel="lightbox"><img class="alignleft size-medium wp-image-215" title="img1009n" src="http://www.blackotine.fr/wp-content/uploads/2011/05/img1009n-201x300.jpg" alt="" width="201" height="300" /></a><a href="http://www.blackotine.fr/wp-content/uploads/2011/05/img1007j.jpg" rel="lightbox"><img class="alignleft size-medium wp-image-214" title="img1007j" src="http://www.blackotine.fr/wp-content/uploads/2011/05/img1007j-256x300.jpg" alt="" width="256" height="300" /></a></p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D213&count=horizontal&related=&text=Pied%20d%26%23039%3B%C3%A9cran%20vertical%20en%20Lego' class='twitter-share-button' data-text='Pied d&#039;écran vertical en Lego' data-url='http://www.blackotine.fr/?p=213' data-counturl='http://www.blackotine.fr/divers/pied-decran-vertical-en-lego' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/pied-decran-vertical-en-lego/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Label et input, syntaxe et accessibilité</title>
		<link>http://www.blackotine.fr/divers/label-et-input-syntaxe-et-accessibilite</link>
		<comments>http://www.blackotine.fr/divers/label-et-input-syntaxe-et-accessibilite#comments</comments>
		<pubDate>Thu, 18 Jun 2009 19:39:57 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[accessibilite]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[label]]></category>
		<category><![CDATA[syntaxe]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=165</guid>
		<description><![CDATA[L&#8217;élément label permet de rattacher une information à un contrôle par le biais d&#8217;une étiquette. En clair, cliquer sur le texte à l&#8217;intérieur d&#8217;un élément label permet de place le curseur sur l&#8217;élément correspondant du formulaire. Il est à la fois question d&#8217;ergonomie et d&#8217;accessibilité. Il est donc primordial d&#8217;ajouter un élément label pour chaque [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;élément <em>label</em> permet de rattacher une information à un contrôle par le biais d&#8217;une étiquette.<br />
En clair, cliquer sur le texte à l&#8217;intérieur d&#8217;un élément <em>label</em> permet de place le curseur sur l&#8217;élément correspondant du formulaire. Il est à la fois question d&#8217;ergonomie et d&#8217;accessibilité.<br />
Il est donc primordial d&#8217;ajouter un élément <em>label</em> pour chaque champs d&#8217;un formulaire.</p>
<h2>Syntaxe</h2>
<p>Deux méthodes existent, pour lier un <em>label</em> au champ correspondant, la relation peut être explicite ou implicite.</p>
<h3>Relation explicite :</h3>
<p>L&#8217;étiquette est définie par l&#8217;attribut <em>for</em> dans <em>label</em> et identifiée grâce à l&#8217;attribut <em>id</em> du champ de formulaire ciblé.</p>
<pre class="brush: html">&lt;label for=&quot;nom&quot;&gt;Nom &lt;/label&gt;
&lt;input id=&quot;nom&quot; name=&quot;firstname&quot; type=&quot;text&quot; /&gt;</pre>
<h3>Relation implicite :</h3>
<p>Il s&#8217;agit d&#8217;imbriquer le champ dans la balise label, il n&#8217;est donc plus nécessaire de renseigner les attributs <em>for</em> de label et <em>id</em> du champ.</p>
<pre class="brush: html">
&lt;label&gt;
Nom
&lt;input name=&quot;firstname&quot; type=&quot;text&quot; /&gt;
&lt;/label&gt;</pre>
<p>Ces deux méthodes sont détaillés dans la <a href="http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1">documentation du W3C</a></p>
<h2>Accessibilité</h2>
<p>Cependant la solution des labels implicites, bien qu&#8217;étant parfaitement valide, n&#8217;est plus admise car elle n&#8217;est <strong>pas reconnue</strong> par tous les dispositifs d&#8217;accessibilité, elle est d&#8217;ailleurs <strong>proscrite par les <a href="http://www.w3.org/TR/2004/WD-WCAG20-HTML-TECHS-20041119/#label-implicit">normes d&#8217;accessibilité WCAG2.0</a> </strong></p>
<p>Voilà, il n&#8217;y a donc en fait qu&#8217;<strong>une seule solution</strong>, <strong>la relation explicite</strong>, et l&#8217;autre, bien que fonctionnant, ne doit <strong>jamais être utilisée</strong>.</p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D165&count=horizontal&related=&text=Label%20et%20input%2C%20syntaxe%20et%20accessibilit%C3%A9' class='twitter-share-button' data-text='Label et input, syntaxe et accessibilité' data-url='http://www.blackotine.fr/?p=165' data-counturl='http://www.blackotine.fr/divers/label-et-input-syntaxe-et-accessibilite' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/label-et-input-syntaxe-et-accessibilite/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mise à jour WordPress 2.8 et message qui refuse de disparaitre</title>
		<link>http://www.blackotine.fr/divers/mise-a-jour-wordpress-2-8-message-refuse-disparaitre</link>
		<comments>http://www.blackotine.fr/divers/mise-a-jour-wordpress-2-8-message-refuse-disparaitre#comments</comments>
		<pubDate>Mon, 15 Jun 2009 09:30:12 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[message]]></category>
		<category><![CDATA[mise a jour]]></category>
		<category><![CDATA[notification]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=154</guid>
		<description><![CDATA[Les personnes ayant effectué une mise à jour de leur blog WordPress vers la version 2.8 ont peut-être eu un souci avec le message &#171;&#160;WordPress 2.8 est disponible ! Pensez à faire une mise à jour.&#160;&#187; qui reste affiché une fois la mise à jour faite. Ce problème vient de d&#8217;un bug lors de la [...]]]></description>
			<content:encoded><![CDATA[<p>Les personnes ayant effectué une mise à jour de leur blog WordPress vers la version 2.8 ont peut-être eu un souci avec le message &laquo;&nbsp;WordPress 2.8 est disponible ! Pensez à faire une mise à jour.&nbsp;&raquo; qui reste affiché une fois la mise à jour faite.</p>
<p>Ce problème vient de d&#8217;un bug lors de la génération des packs localisés et d&#8217;une variable manquante dans le fichier versions.php</p>
<p><a href="http://www.wordpress-fr.net/blog/wordpress/nouvelle-version-du-pack-francais">La solution</a> est assez simple, il suffit d&#8217;éditer ce fichier (wp-includes/version.php)  et d&#8217;ajouter à la fin la ligne :<br />
<strong>$wp_local_package = &#8216;fr_FR&#8217;;</strong></p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D154&count=horizontal&related=&text=Mise%20%C3%A0%20jour%20Wordpress%202.8%20et%20message%20qui%20refuse%20de%20disparaitre' class='twitter-share-button' data-text='Mise à jour Wordpress 2.8 et message qui refuse de disparaitre' data-url='http://www.blackotine.fr/?p=154' data-counturl='http://www.blackotine.fr/divers/mise-a-jour-wordpress-2-8-message-refuse-disparaitre' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/mise-a-jour-wordpress-2-8-message-refuse-disparaitre/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Iphone et téléphonie sur IP avec Siphon</title>
		<link>http://www.blackotine.fr/divers/iphone-et-telephonie-sur-ip-avec-siphon</link>
		<comments>http://www.blackotine.fr/divers/iphone-et-telephonie-sur-ip-avec-siphon#comments</comments>
		<pubDate>Tue, 06 Jan 2009 02:54:31 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[3G]]></category>
		<category><![CDATA[edge]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[sip]]></category>
		<category><![CDATA[wifi]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=116</guid>
		<description><![CDATA[Une nouvelle version de Siphon vient de sortir. Il s&#8217;agit de la version 2.0 bêta 16. Très attendu, celle-ci permet en effet de téléphoner via le réseau Edge/3G, et surtout vous pourrez enfin téléphoner normalement sans être obligé d&#8217;utiliser le casque comme avec les versions précédentes. Le but est donc de pouvoir utiliser un compte [...]]]></description>
			<content:encoded><![CDATA[<p>Une nouvelle version de <a href="http://thebigboss.org/2009/01/04/siphon-20-is-out-for-cydia/">Siphon</a> vient de sortir. Il s&#8217;agit de la version 2.0 bêta 16.</p>
<p>Très attendu, celle-ci permet en effet de téléphoner via le réseau <strong>Edge/3G</strong>, et surtout vous pourrez enfin téléphoner normalement sans être obligé d&#8217;utiliser le casque comme avec les versions précédentes.</p>
<div id="attachment_102" class="wp-caption alignleft" style="width: 160px"><a href="http://www.blackotine.fr/wp-content/uploads/2009/01/dialpad.png" rel="lightbox"><img class="size-thumbnail wp-image-102" title="dialpad" src="http://www.blackotine.fr/wp-content/uploads/2009/01/dialpad-150x150.png" alt="dialpad" width="150" height="150" /></a><p class="wp-caption-text">Interface de Siphon</p></div>
<p>Le but est donc de pouvoir utiliser un compte SIP comme, par exemple, un compte <strong>Freephonie</strong>, (disponible pour tous les abonnés <strong>Free</strong>) pour <a href="http://www.free.fr/adsl/telephone.html">téléphoner en illimités</a> vers les fixes de 70 destinations et bénéficier de tarifs attractifs vers les autres destinations et les mobiles. Et ça, de n&#8217;importe où, de chez vous via le wifi ou dans la rue via Edge/3G.</p>
<p>A première vue, cette bêta semble <strong>beaucoup plus réactive</strong> et la <strong>qualité d’écoute</strong> a largement été améliorée.</p>
<p style="clear:both;">
<div id="attachment_103" class="wp-caption alignright" style="width: 160px"><a href="http://www.blackotine.fr/wp-content/uploads/2009/01/settingssiphon.png" rel="lightbox"><img class="size-thumbnail wp-image-103" title="settingssiphon" src="http://www.blackotine.fr/wp-content/uploads/2009/01/settingssiphon-150x150.png" alt="settingssiphon" width="150" height="150" /></a><p class="wp-caption-text">Paramètres de Siphon</p></div></p>
<p>Vous devez avoir un Iphone jailbraké avec, au minimum, le firmware 2.1 d’Apple.</p>
<p>Vous pouvez télécharger gratuitement Siphon via <strong>Cydia</strong>, en ajoutant le repository de <strong>BigBoss </strong>(http://apt.bigboss.us.com/repofiles/cydia).</p>
<p>Attention cependant car certains opérateurs brident voire interdisent l&#8217;usage des services SIP<br />Il semble donc préférable de se renseigner avant de subir d&#8217;éventuels sanctions !</p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D116&count=horizontal&related=&text=Iphone%20et%20t%C3%A9l%C3%A9phonie%20sur%20IP%20avec%20Siphon' class='twitter-share-button' data-text='Iphone et téléphonie sur IP avec Siphon' data-url='http://www.blackotine.fr/?p=116' data-counturl='http://www.blackotine.fr/divers/iphone-et-telephonie-sur-ip-avec-siphon' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/iphone-et-telephonie-sur-ip-avec-siphon/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quel type de Wifi Freebox pour votre Iphone ?</title>
		<link>http://www.blackotine.fr/divers/quel-type-de-wifi-freebox-pour-votre-iphone</link>
		<comments>http://www.blackotine.fr/divers/quel-type-de-wifi-freebox-pour-votre-iphone#comments</comments>
		<pubDate>Tue, 19 Aug 2008 11:14:45 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[freebox]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[wifi]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=41</guid>
		<description><![CDATA[Si vous avez une Freebox et un Iphone, la configuration par défaut du wifi chez Free ne convenant pas, votre Iphone ne verra tout simplement pas le réseau. Parce que j&#8217;ai été confronté au problème et que je n&#8217;ai pas trouvé sur internet mais en essayant toutes les combinaisons, je suis sympa et je vous [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-46" title="Freebox et Iphone" src="http://www.blackotine.fr/wp-content/uploads/2008/08/freephone.jpg" alt="" width="250" height="159" /></p>
<p>Si vous avez une Freebox et un Iphone, la configuration par défaut du wifi chez Free ne convenant pas, votre Iphone ne verra tout simplement pas le réseau.</p>
<p>Parce que j&#8217;ai été confronté au problème et que je n&#8217;ai pas trouvé sur internet mais en essayant toutes les combinaisons, je suis sympa et je vous donne la solution.</p>
<p>Il faut tout simplement choisir le type <strong>WPA (AES/CCMP)</strong></p>
<p>Voilà, une fois la Freebox redémarrée, vous verrez enfin le réseau wifi sur votre Iphone qui par défaut s&#8217;appelle &laquo;&nbsp;freebox&nbsp;&raquo;.</p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D41&count=horizontal&related=&text=Quel%20type%20de%20Wifi%20Freebox%20pour%20votre%20Iphone%20%3F' class='twitter-share-button' data-text='Quel type de Wifi Freebox pour votre Iphone ?' data-url='http://www.blackotine.fr/?p=41' data-counturl='http://www.blackotine.fr/divers/quel-type-de-wifi-freebox-pour-votre-iphone' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/quel-type-de-wifi-freebox-pour-votre-iphone/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Click on the wayback machine</title>
		<link>http://www.blackotine.fr/divers/click-on-the-wayback-machine</link>
		<comments>http://www.blackotine.fr/divers/click-on-the-wayback-machine#comments</comments>
		<pubDate>Thu, 31 Jul 2008 01:51:05 +0000</pubDate>
		<dc:creator>nico</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[historique]]></category>

		<guid isPermaLink="false">http://www.blackotine.fr/?p=17</guid>
		<description><![CDATA[Voici une petite astuce qui permet de retrouver en un clic, toutes les versions antérieures d&#8217;une page ou d&#8217;un site. Cela peut s&#8217;avérer très pratique pour retrouver du contenu qui n&#8217;est plus disponible ou simplement pour aiguiser sa curiosité. Ou trouver cet historique ? La Wayback Machine est la partie des clichés Web de Internet [...]]]></description>
			<content:encoded><![CDATA[<p>Voici une petite astuce qui permet de retrouver en un clic, toutes les versions antérieures d&#8217;une page ou d&#8217;un site. Cela peut s&#8217;avérer très pratique pour retrouver du contenu qui n&#8217;est plus disponible ou simplement pour aiguiser sa curiosité.</p>
<p style="text-align: center;"><a href="http://www.archive.org/web/web.php"><img class="size-medium wp-image-33 aligncenter" title="The wayback machine" src="http://www.blackotine.fr/wp-content/uploads/2008/07/wayback1.jpg" alt="" width="281" height="234" /></a></p>
<p><span id="more-17"></span></p>
<h3>Ou trouver cet historique ?</h3>
<p>La <a href="http://web.archive.org/">Wayback Machine</a> est la partie des clichés Web de <a href="http://www.archive.org/">Internet Archive</a>. Elle est mise à jour à partir du contenu de &laquo;&nbsp;<a href="http://www.alexa.com/">Alexa Internet</a>&laquo;&nbsp;. Ce service permet aux utilisateurs de voir les versions archivées de pages Web et ce, à travers le temps. (source : <a href="http://fr.wikipedia.org/wiki/Internet_Archive">Wikipedia</a>)</p>
<h3>Optimiser la recherche</h3>
<p>Un bookmarklet est une petite application contenue dans un marque page d&#8217;un navigateur Web. Il permet; en plus d&#8217;un marque page classique, d&#8217;apporter des fonctionnalités supplémentaires notamment en récupérant les informations de la page courrante.</p>
<p>Pour l&#8217;installer, vous avez deux possibilités :</p>
<ul>
<li>faire un clic-droit dessus et l&#8217;ajouter au marque-pages ou favoris.</li>
<li>faire un clic gauche dessus, et le faire glisser, au choix, vers la barre personnelle, les favoris ou les marque-pages.</li>
</ul>
<p>Et voici le bookmarklet en question :</p>
<p><a style="border: 1px solid #DDD; padding: 5px; background-color: #EBEBEB; text-decoration: none;" href="javascript:void(location.href='http://web.archive.org/web/*/'+escape(location.href))">Wayback Machine</a></p>
<p>Simple et pratique non ?</p>
<a href='http://twitter.com/share?url=http%3A%2F%2Fwww.blackotine.fr%2F%3Fp%3D17&count=horizontal&related=&text=Click%20on%20the%20wayback%20machine' class='twitter-share-button' data-text='Click on the wayback machine' data-url='http://www.blackotine.fr/?p=17' data-counturl='http://www.blackotine.fr/divers/click-on-the-wayback-machine' data-count='horizontal' data-via='scarpopo'></a>]]></content:encoded>
			<wfw:commentRss>http://www.blackotine.fr/divers/click-on-the-wayback-machine/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

