<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" gd:etag="W/&quot;DEECSHc6eyp7ImA9WhRRFE4.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686</id><updated>2011-11-28T00:31:09.913+01:00</updated><category term="Astuces" /><category term="mootools" /><category term="javascript" /><category term="CSS" /><category term="restaurant" /><category term="Livres" /><category term="php" /><category term="jeux vidéo" /><category term="JO" /><category term="music" /><category term="téléphone" /><category term="Windows" /><category term="geek" /><category term="Apple" /><category term="Zend" /><category term="blog" /><category term="Google" /><category term="Shell" /><category term="serie tv" /><category term="photo" /><category term="tutoriels" /><category term="divers" /><category term="plugin" /><category term="web 2.0" /><category term="Linux" /><category term="Logiciel" /><category term="Mac" /><category term="navigateur" /><category term="controle parental" /><category term="video" /><category term="design" /><category term="base de donnée" /><category term="Ubuntu" /><category term="framework" /><category term="Android" /><category term="Site Web" /><title>JournalDeGuillaume</title><subtitle type="html" /><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/" /><link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default?start-index=26&amp;max-results=25&amp;redirect=false&amp;v=2" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>78</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/Journaldeguillaume" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="journaldeguillaume" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;C0UFRHo7eSp7ImA9WxBWEkU.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-4518683122076940901</id><published>2010-02-04T11:58:00.001+01:00</published><updated>2010-02-04T12:00:15.401+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-02-04T12:00:15.401+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Zend" /><category scheme="http://www.blogger.com/atom/ns#" term="framework" /><title>Corriger le bug Zend Dojo Editor sous firefox</title><content type="html">Après &lt;a href="http://journaldeguillaume.blogspot.com/2010/01/fixe-zend-dojo-editor-bug-ie-array.html"&gt;mes péripéties sous IE avec le Zend_Dojo_Editor&lt;/a&gt;, voilà que j'en ai avec Firefox. Impossible de rendre le champs descriptif (éditeur de texte) obligatoire sous Firefox.&amp;nbsp; J'ai donc fais un debug des variables que me transmet le formulaire lorsque je laisse le champs vide dans le formulaire. Sous IE, Chrome, Safari j'ai : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;Array (1)(
[descriptif] =&amp;gt;  string(0) ""
)
&lt;/pre&gt;Sous Firefox j'ai eu la surprise de voir : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;Array (1)(
[descriptif] =&amp;gt;  string(36) "&amp;lt;br _moz_editor_bogus_node="TRUE" /&amp;gt;"
)
&lt;/pre&gt;C'est quoi ce bordel ! Pour reprendre mon exemple précédent, voici ce que j'avais au départ :&lt;br /&gt;
&lt;pre class="php" name="codex"&gt;class Default_Form_Demande extends Zend_Dojo_Form
{
//...

/**
*
* @see    http://framework.zend.com/manual/en/zend.form.html
* @return void
*/
public function init()
{
//...
$this-&amp;gt;descriptif = new Zend_Dojo_Form_Element_Editor('descriptif');
$this-&amp;gt;descriptif-&amp;gt;setLabel('Descriptif de la demande')
-&amp;gt;setRequired(true)
-&amp;gt;setFilters(array('StringTrim'))
-&amp;gt;setEditActionInterval(2)
-&amp;gt;setHeight('250px');
$this-&amp;gt;addElement($this-&amp;gt;descriptif);
//...
}
//...
}  
&lt;/pre&gt;Pour corriger ce problème lier à Firefox j'ai donc ajouter un filtre sur le champs descriptif. Maintenant j'ai : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;class Default_Form_Demande extends Zend_Dojo_Form
{
//...

/**
*
* @see    http://framework.zend.com/manual/en/zend.form.html
* @return void
*/
public function init()
{
//...
$this-&amp;gt;descriptif = new Zend_Dojo_Form_Element_Editor('descriptif');
$this-&amp;gt;descriptif-&amp;gt;setLabel('Descriptif de la demande')
-&amp;gt;setRequired(true)
-&amp;gt;setFilters(array('StringTrim',
                        array('PregReplace',array('#&amp;lt;br _moz_editor_bogus_node="TRUE" \/&amp;gt;#i',''))
            ))
-&amp;gt;setEditActionInterval(2)
-&amp;gt;setHeight('250px');
$this-&amp;gt;addElement($this-&amp;gt;descriptif);
//...
}
//...
}&lt;/pre&gt;Après l'ajout de ce petit filtre :&lt;br /&gt;
&lt;blockquote&gt;array('PregReplace',array('#&amp;lt;br _moz_editor_bogus_node="TRUE" \/&amp;gt;#i',''))&lt;br /&gt;
&lt;/blockquote&gt;Le formulaire reprend son fonctionnement normal, et les champs Zend_Dojo_Form_Element_Editor qui sont requis redeviennent obligatoires.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-4518683122076940901?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/4518683122076940901/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=4518683122076940901&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4518683122076940901?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4518683122076940901?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2010/02/corriger-le-bug-zend-dojo-editor-sous.html" title="Corriger le bug Zend Dojo Editor sous firefox" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;A0AAR3Yyfip7ImA9WxBQEk0.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-3329451844762004983</id><published>2010-01-06T11:07:00.011+01:00</published><updated>2010-01-11T12:35:46.896+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-11T12:35:46.896+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Zend" /><category scheme="http://www.blogger.com/atom/ns#" term="framework" /><title>Corriger le bug zend form dojo editor sous IE</title><content type="html">Voilà en développant un petit formulaire avec le framework de Zend, j'ai utiliser le Zend_Dojo_Form_Element_Editor histoire d'avoir un textarea dans lequel on pouvais faire un peu de mise en forme. Voici comment j'ai déclaré mon élément dans  ma class : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;class Default_Form_Demande extends Zend_Dojo_Form
{
//...

/**
*
* @see    http://framework.zend.com/manual/en/zend.form.html
* @return void
*/
public function init()
{
//...
$this-&amp;gt;descriptif = new Zend_Dojo_Form_Element_Editor('descriptif');
$this-&amp;gt;descriptif-&amp;gt;setLabel('Descriptif de la demande')
-&amp;gt;setRequired(true)
-&amp;gt;setFilters(array('StringTrim'))
-&amp;gt;setEditActionInterval(2)
-&amp;gt;setHeight('250px');
$this-&amp;gt;addElement($this-&amp;gt;descriptif);
//...
}
//...
}&amp;nbsp; 
&lt;/pre&gt;Seulement voilà lorsque je suis passé aux tests, j'ai eu une drôle de surprise. En fonction du navigateur, le formulaire ne retourne pas la même structure de donnée. Sous IE6, Chrome, Safari j'ai eu : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;Array (
[descriptif] =&amp;gt; Array (
[Editor] =&amp;gt; "bug test 2"
)
)&lt;/pre&gt;Sous Firefox j'ai eu : &lt;br /&gt;
&lt;pre class="php" name="codex"&gt;Array (
[descriptif] =&amp;gt;  "bug test 2"
)&lt;/pre&gt;Ce qui n'est pas tout à fait la même chose. Google étant mon ami, j'ai chercher une solution. Après plusieurs essaies le seul truc qui tenais la route a été de modifier la class suivante : &lt;b&gt;Zend/Dojo/View/Helper/Editor.php&lt;/b&gt;. Voici donc ce que j'ai fais:&lt;br /&gt;
&lt;div&gt;&lt;ul&gt;&lt;li&gt;j'ai renommé la méthode &lt;b&gt;editor&lt;/b&gt; en &lt;b&gt;editor_old&lt;/b&gt; (vers la ligne 66)&lt;/li&gt;
&lt;li&gt;et je l'ai remplacé par celle-ci :&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;pre class="php" name="codex"&gt;/**
* dijit.Editor
*
* @param  string $id
* @param  string $value
* @param  array $params
* @param  array $attribs
* @return string
*/
public function editor($id, $value = null, $params = array(), $attribs = array())
{
$hiddenName = $id;
if (array_key_exists('id', $attribs)) {
$hiddenId = $attribs['id'];
} else {
$hiddenId = $hiddenName;
}
$hiddenId = $this-&amp;gt;_normalizeId($hiddenId);

$hiddenAttribs = array(
'id'    =&amp;gt; $hiddenId,
'name'  =&amp;gt; $hiddenName,
'value' =&amp;gt; $value,
'type'  =&amp;gt; 'hidden',
);

$editorAttribs = array(
'id'    =&amp;gt; $hiddenId . '-Editor',
'name'  =&amp;gt; $this-&amp;gt;_normalizeEditorName($hiddenName)
);

$editorAttribs = $this-&amp;gt;_prepareDijit($editorAttribs, $params, 'textarea');

$this-&amp;gt;_createGetParentFormFunction();
$this-&amp;gt;_createEditorOnSubmit($hiddenId, $hiddenId . '-Editor');

$html = '&amp;lt;input' . $this-&amp;gt;_htmlAttribs($hiddenAttribs) . $this-&amp;gt;getClosingBracket()
. '&amp;lt;div dojoType="' . $this-&amp;gt;_module . '" ' . $this-&amp;gt;_htmlAttribs($editorAttribs) .'&amp;gt;'.$value.'&amp;lt;/div&amp;gt;';

return $html;
}
&lt;/pre&gt;Alors je sais, c'est pas bien j'ai touché au code source du Zend Framework, donc attention lors des mises à jour de pas écraser cette modif (sauf si Zend à apporter une mise à jour concernant ce point). &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Pour en revenir au sujet, pourquoi ce bug ? bah d'après les explications que j'ai réussit a traduire. Il semblerait que lorsque zend à implémenter l'éditeur de Dojo, celui-ci utilisait un textarea. Or depuis il a dû y avoir des mises à jour de Dojo, qui utilise maintenant un div pour faire le rendu. Voilà j'espère que ce post vous aura aidé.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-3329451844762004983?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/3329451844762004983/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=3329451844762004983&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3329451844762004983?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3329451844762004983?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2010/01/fixe-zend-dojo-editor-bug-ie-array.html" title="Corriger le bug zend form dojo editor sous IE" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CEYFQ3s_fyp7ImA9WxBQEk0.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-3147270704973268828</id><published>2010-01-04T15:36:00.009+01:00</published><updated>2010-01-11T10:28:32.547+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-11T10:28:32.547+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Astuces" /><title>Pourquoi ajouter des header "expires" dans htaccess vos .htaccess ?</title><content type="html">&lt;div&gt;Tout simplement pour améliorer le chargement de votre site. A chaque visite sur votre site, plusieurs requêtes HTTP sont effectuées pour charger le contenu de votre page. Une requête par image, par fichier CSS et/ou Javascript inclus dans la page... Ajouter une entête "Expires" à ces ressources, va indiquer au navigateur, que cette ressource peut être mise en cache jusqu'à la date que vous spécifiez. Donc une fois les ressources images, javascript, ... mis en cache, le nombre de requête HTTP vers votre serveur devrait diminuer.&lt;br /&gt;
&lt;div&gt;Pour ce faire il vous suffit d'ajouter ces petites lignes dans vos .htaccess :&lt;br /&gt;
&lt;pre class="cpp" name="codex"&gt;ExpiresActive On
ExpiresDefault "access plus 1 month"
&lt;/pre&gt;Ces instructions, vont mettre une date d'expiration de 1 mois sur les ressources. 1 mois en plus par rapport à la première date d'accès à la ressource. Bien entendu le mieux est de personnaliser cette date en fonction du type de ressources. Effectivement, on change pas la mécanique tout les jours lorsque ça fonctionne. Par contre la peinture (style, image) peux être amener à changer un plus souvent. On peux donc ajouter en plus des deux ligne ci dessus : &lt;br /&gt;
&lt;pre class="cpp" name="codex"&gt;ExpiresByType text/html "access plus 2 hours"
ExpiresByType text/javascript "access plus 2 month"
ExpiresByType image/gif "access plus 5 hours 3 minutes"&lt;/pre&gt;Ici je définis la date d'expiration pour les ressources de type HTML à 2 heures, pour les ressources de type javascript à 2 mois et pour les ressources de type images gif à 5 heures et 3 minutes. Les autres type de ressources images jpeg, png auront la date d'expiration par défaut de 1 mois. &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Voilà, j'espère que ce petit post vous seras utile.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-3147270704973268828?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/3147270704973268828/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=3147270704973268828&amp;isPopup=true" title="2 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3147270704973268828?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3147270704973268828?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2010/01/pourquoi-ajouter-header-expires-dans.html" title="Pourquoi ajouter des header &quot;expires&quot; dans htaccess vos .htaccess ?" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;Ck4AQ38-fCp7ImA9WxBREkg.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-4071415080941069806</id><published>2009-12-31T09:44:00.005+01:00</published><updated>2009-12-31T10:15:42.154+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-31T10:15:42.154+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Astuces" /><title>Protéger les images de son site web</title><content type="html">Il n'y a rien de plus embêtant de ce faire piquer une image et de la retrouver sur un autre site web. C'est encore plus gênant lorsque la personne qui a subtiliser l'image ne prend même pas la peine de recopier l'image sur son propre serveur et fais un lien direct vers votre serveur. C'est ce que l'on appel le "hotlink".&lt;br /&gt;Voici donc une petite astuce pour protéger les images de votre site web du hotlinking. Tout va se jouer au niveau du .htaccess et de la réécriture d'URL. Il vous suffit d'ajouter ces quelques lignes sous la ligne RewriteEngine On :&lt;br /&gt;&lt;pre name="codex" class="cpp"&gt;RewriteEngine On&lt;br /&gt;#Protection des images&lt;br /&gt;RewriteCond %{HTTP_REFERER} !^$&lt;br /&gt;RewriteCond %{HTTP_REFERER} !^http://(www\.)?votre-domaine.fr/.*$ [NC]&lt;br /&gt;RewriteCond %{HTTP_REFERER} !^http://(www\.)?votre-domaine2.fr/.*$ [NC]&lt;br /&gt;ReWriteRule .*\.(gif|png|jpe?g)$ - [F]&lt;br /&gt;&lt;/pre&gt;Dans cet exemple, seul les domaine "votre-domaine.fr" et "votre-domaine2.fr" peuvent afficher les images hébergé sur votre serveur. La régle ce lis ainsi :&lt;br /&gt;&lt;blockquote&gt;pour tous domaines différents de "votre-domaine.fr" et "votre-domaine2.fr" les URI se terminant par .gif ou .png ou .jpg ou .jpeg recevront une erreur 403 ( c'est ce que signifie [F] Forbidden)&lt;br /&gt;&lt;/blockquote&gt;Maintenant on est pas obliger de renvoyer une erreur de type 403. Mais on peux par exemple renvoyer une images par défaut, ou pointer vers un script PHP qui ajoute un watermark sur l'image. Pour celà il suffit de modifier la dernière ligne par :&lt;pre name="codex" class="cpp"&gt;&lt;br /&gt;#redirection lien vers une images&lt;br /&gt;ReWriteRule .*\.(gif|png|jpe?g)$ http://www.votre-domaine.fr/images/hotlink.png [R,NC]&lt;br /&gt;#redirection lien vers une images&lt;br /&gt;ReWriteRule (.*\.(gif|png|jpe?g))$ http://www.votre-domaine.fr/watermark.php?src=$1 [NC]&lt;br /&gt;&lt;/pre&gt;Voilà, je vous expliquerais une autre fois la manipulation des images en php pour ajouter le watermark. En attendant, Google est votre ami.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-4071415080941069806?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/4071415080941069806/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=4071415080941069806&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4071415080941069806?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4071415080941069806?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/proteger-images-site-web.html" title="Protéger les images de son site web" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;A0YNSH4-fCp7ImA9WxBREUo.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-8421211316531575950</id><published>2009-12-30T13:53:00.007+01:00</published><updated>2009-12-30T14:19:59.054+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-30T14:19:59.054+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="design" /><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><title>Transparence / Opacité en CSS</title><content type="html">Avoir des éléments transparent sur un site peux être sympa. Notamment pour redonné un petit look web2.0 à ses popup. Mais la gestion de la transparence en CSS n'est pas gérer de la même manière dans tout les navigateurs. Certain me diront d'attendre l'arrivé de CSS 3.0, pour avoir accès à ses nouvelles propriétés. Mais moi je trouve dommage d'attendre alors que beaucoup de navigateurs modernes les supportent déjà.Voici donc un petit bout de code CSS pour faire de la transparence en HTML à l'aide des CSS:&lt;div&gt;&lt;pre name="codex" class="css"&gt; .monLayer{&lt;br /&gt;opacity: 0.7; /* Modern Browsers */&lt;br /&gt;-moz-opacity: 0.7; /* Netscape */&lt;br /&gt;-khtml-opacity: 0.7; /* Safari 1 */&lt;br /&gt;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */&lt;br /&gt;filter: alpha(opacity=70); /* IE 5-7 */&lt;br /&gt;}&lt;br /&gt;&lt;/pre&gt;Je dois cependant vous mettre en garde. L'élément HTML ayant la class "monLayer" seras transparent, mais également tout les enfants de cet élément. A l'heure actuel je n'ai pas trouvé de solutions pour résoudre ce problème. Si ce n'est attendre le support des couleurs RGBa qu'apporteras CSS3.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-8421211316531575950?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/8421211316531575950/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=8421211316531575950&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/8421211316531575950?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/8421211316531575950?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/transparence-opacite-en-css.html" title="Transparence / Opacité en CSS" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CEIMSXs_cCp7ImA9WxBSEk8.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-7277674910477972896</id><published>2009-12-18T10:00:00.011+01:00</published><updated>2009-12-19T12:36:28.548+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-19T12:36:28.548+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Zend" /><category scheme="http://www.blogger.com/atom/ns#" term="framework" /><category scheme="http://www.blogger.com/atom/ns#" term="php" /><title>Minifier le rendu HTML avec ZEND</title><content type="html">Voici quelques bouts de code que j'implémente dans les développements que je réalise avec le Zend Framework. Le but de ce code est de supprimer tout ce qui est inutile dans le code HTML&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Les commentaire&lt;/li&gt;&lt;li&gt;L'indentation&lt;/li&gt;&lt;li&gt;Les retours à la ligne&lt;/li&gt;&lt;/ul&gt;Certains diront que c'est inutile, que ça sert à rien. Bah je suis pas d'accord ! Cela permet de gagner quelques octets par page. Et donc d'accélérer un peu le chargement d'une page. Ce qui n'est pas négligeable par les temps qui court lorsque l'on développe un site à destination des plateformes Mobile (iPhone, &lt;a href="http://journaldeguillaume.blogspot.com/2008/10/android-os-pour-smartphone-de-google.html"&gt;Android&lt;/a&gt;, ...)&lt;br /&gt;Donc le premier truc à faire est de créer un plugin de controller. Dont voici la source :&lt;br /&gt;&lt;pre name="codex" class="php"&gt;&lt;br /&gt;class My_Controller_Plugin_CompressHtml extends Zend_Controller_Plugin_Abstract&lt;br /&gt;{&lt;br /&gt; public function dispatchLoopShutdown()&lt;br /&gt; {&lt;br /&gt;     $response = $this-&gt;getResponse();&lt;br /&gt;     $body = preg_replace('#(?:(?:(^|&gt;[^&lt;]*?)[\t\s\r\n]*)|(?:[\t\s\r\n]*(&lt;|$)))#', '$1$2',$response-&gt;getBody());&lt;br /&gt;     $response-&gt;setBody($body);&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;&lt;/pre&gt;Si vous débuter avec Zend il faut placer cette classe dans VOTRE_DOSSIER_PROJET/Librairy/My/Controller/Plugin/CompressHtml.php.&lt;br /&gt;&lt;br /&gt;Je vais pas vous faire un cours sur les expressions régulières. Le seul truc à savoir c'est que ce plugin de controller est appeler tout à la fin du processus de distribution de la requête.&lt;br /&gt;&lt;br /&gt;Une fois cette classe créer, il faut la déclarer. Pour celà il faut éditer le fichier VOTRE_DOSSIER_PROJET/application/Bootstrap.php et ajouter les quelques lignes de code suivantes :&lt;br /&gt;&lt;pre name="codex" class="php"&gt;&lt;br /&gt;class Bootstrap extends Zend_Application_Bootstrap_Bootstrap&lt;br /&gt;{&lt;br /&gt;  protected function _initAutoload()&lt;br /&gt;  {&lt;br /&gt;      $autoloader = new Zend_Application_Module_Autoloader(array(&lt;br /&gt;          'namespace' =&gt; '',&lt;br /&gt;          'basePath'  =&gt; APPLICATION_PATH,&lt;br /&gt;      ));&lt;br /&gt;      Zend_Loader_Autoloader::getInstance()-&gt;registerNamespace('My_');&lt;br /&gt;      return $autoloader;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  protected function _initFrontController()&lt;br /&gt;  {&lt;br /&gt;      $frontController = Zend_Controller_Front::getInstance();&lt;br /&gt;      $frontController-&gt;registerPlugin(new My_Controller_Plugin_CompressHtml());&lt;br /&gt;&lt;br /&gt;      return $frontController;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  public function run()&lt;br /&gt;  {&lt;br /&gt;      $frontController = Zend_Controller_Front::getInstance();&lt;br /&gt;      $frontController-&gt;dispatch();&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;/pre&gt;Pour ceux qui ce demande ce qu'est le Bootstrap.php ? C'est le fichier contenant la classe d'amorçage de votre application. Tout passe par ce fichier.&lt;br /&gt;Voilà ! Normalement si vous avez bien suivit, tout le code HTML de vos pages seras minifié lors du rendu HTML. Alors bien sûr on peut encore améliorer. Par exemple en m'étant en cache le résultat obtenu mais ça sera l'objet d'un autre post.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-7277674910477972896?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/7277674910477972896/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=7277674910477972896&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/7277674910477972896?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/7277674910477972896?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/minifier-le-rendu-html-avec-zend.html" title="Minifier le rendu HTML avec ZEND" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DkQDQ3c9eip7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-2794462065727580015</id><published>2009-12-17T19:47:00.005+01:00</published><updated>2009-12-18T20:26:12.962+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:26:12.962+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="javascript" /><title>Hightcharts : des graphiques interactif en javascript</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SyqMPg3OQCI/AAAAAAAAFXc/KtM_c88AWJk/s1600-h/hightchart.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 93px; height: 81px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SyqMPg3OQCI/AAAAAAAAFXc/KtM_c88AWJk/s200/hightchart.png" border="0" alt="hightchart graphique interactif javascript" id="BLOGGER_PHOTO_ID_5416295700013924386" /&gt;&lt;/a&gt;HightCharts est une librairie Javascript gratuite permettant d'ajouter facilement des graphiques interactifs (histogramme, camembert, courbes, ...). &lt;div&gt;C'est une librairie en pure javascript qui ne nécessite pas de plugin du coté client (flash, JAVA, ...). Elle fonctionne sur tout les navigateurs modernes y compris Safari pour iPhone et Interner Explorer.&lt;/div&gt;&lt;div&gt;Voici un petit aperçu des graphiques réalisés avec cette librairie.&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SyvWlprl6iI/AAAAAAAAFX8/dWILmngkopQ/s1600-h/hightchart2.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 78px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SyvWlprl6iI/AAAAAAAAFX8/dWILmngkopQ/s320/hightchart2.png" border="0" alt="hightchart graphique interactif javascript" id="BLOGGER_PHOTO_ID_5416658919175350818" /&gt;&lt;/a&gt;&lt;br /&gt;Allez voir le site officiel : &lt;a href="http://www.highcharts.com/"&gt;Hightcharts graphique javascript intéractif&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-2794462065727580015?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/2794462065727580015/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=2794462065727580015&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2794462065727580015?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2794462065727580015?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/hightcharts-des-graphiques-interactif.html" title="Hightcharts : des graphiques interactif en javascript" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SyqMPg3OQCI/AAAAAAAAFXc/KtM_c88AWJk/s72-c/hightchart.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0MCQHg4fyp7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-5846595348940585893</id><published>2009-12-16T14:16:00.007+01:00</published><updated>2009-12-18T20:44:21.637+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:44:21.637+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Android" /><category scheme="http://www.blogger.com/atom/ns#" term="Google" /><category scheme="http://www.blogger.com/atom/ns#" term="téléphone" /><title>Google Goggles : la recherche visuelle</title><content type="html">&lt;a style="" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SyjfHka5-xI/AAAAAAAAFXU/4GCRaSUXnrk/s1600-h/goggles_google.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 64px; height: 64px;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SyjfHka5-xI/AAAAAAAAFXU/4GCRaSUXnrk/s200/goggles_google.png" alt="" id="BLOGGER_PHOTO_ID_5415823873041627922" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Fini les mots clé et les expressions clé. Il y a quelque jours Google la célèbre firme de View mountain à lancer une toute nouvelle application "Goggles". Pour le moment cette application est disponible sur &lt;a href="http://journaldeguillaume.blogspot.com/2008/10/android-os-pour-smartphone-de-google.html"&gt;Android l'os pour smartphone&lt;/a&gt; développé par Google. A mon avis elle va donner pas mal de fil a retordre à iPhone d'Apple. Je vous laisse découvrir cette magnifique appli au travers de cette petite vidéo :&lt;br /&gt;&lt;br /&gt;&lt;object height="340" width="560"&gt;&lt;param name="movie" value="http://www.youtube.com/v/Hhgfz0zPmH4&amp;amp;hl=fr_FR&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/Hhgfz0zPmH4&amp;amp;hl=fr_FR&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="560"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;Comme vous l'aurez sans doute compris, Google vient de s'offrir une super paire de lunette.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-5846595348940585893?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/5846595348940585893/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=5846595348940585893&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5846595348940585893?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5846595348940585893?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/google-goggles-la-rechercher-visuel.html" title="Google Goggles : la recherche visuelle" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SyjfHka5-xI/AAAAAAAAFXU/4GCRaSUXnrk/s72-c/goggles_google.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DEcFRHw_fyp7ImA9WxBTGUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-4361577363822737463</id><published>2009-12-16T13:09:00.003+01:00</published><updated>2009-12-16T13:20:15.247+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-16T13:20:15.247+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="javascript" /><category scheme="http://www.blogger.com/atom/ns#" term="plugin" /><category scheme="http://www.blogger.com/atom/ns#" term="framework" /><category scheme="http://www.blogger.com/atom/ns#" term="mootools" /><title>MooTools Forge : des plugins pour le framework javascript</title><content type="html">Dans la communauté web, du développement, tout le monde à déjà entendu parlé du framework javascript JQuery et de ses plugins. Il existe de nombreux autres framework, dont un "Mootools" dont je parle pas assez souvent ici. Personnellement je trouve cette librairie js, excellente. Si vous entamé un développement, je vous conseille d'y jeté un coup d'œil.&lt;br /&gt;Et pour vous aider, voici un petit lien vers une toute nouvelle &lt;a href="http://mootools.net/forge/browse"&gt;forge pleine de plugin pour Mootools&lt;/a&gt;. Certes elle n'est pas très étoffé, mais elle a le mérite d'existé. De plus elle se rempli de jours en jours.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-4361577363822737463?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/4361577363822737463/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=4361577363822737463&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4361577363822737463?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4361577363822737463?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/12/mootools-forge-des-plugins-pour-le.html" title="MooTools Forge : des plugins pour le framework javascript" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;Dk4CQ30zfSp7ImA9WxBSFE0.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-3836066511598558212</id><published>2009-07-01T10:36:00.009+02:00</published><updated>2009-12-21T15:16:02.385+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-21T15:16:02.385+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Logiciel" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><title>Jumpcut : Un gestionnaire de presse-papier pour Mac OX X</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_L1NQ-r2vIAI/Skshm52OMAI/AAAAAAAAEnc/BEED_pnUKCo/s1600-h/jumpcut-gestionnaire-presse-papier.png"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 128px; height: 128px;" src="http://3.bp.blogspot.com/_L1NQ-r2vIAI/Skshm52OMAI/AAAAAAAAEnc/BEED_pnUKCo/s400/jumpcut-gestionnaire-presse-papier.png" alt="jumpcut-gestionnaire-copier-coller-presse-papier-mac-osx" id="BLOGGER_PHOTO_ID_5353409534306955266" border="0" /&gt;&lt;/a&gt;Voici un petit utilitaire très sympathique pour les accros du copier-coller.&lt;div&gt;&lt;a href="http://jumpcut.sourceforge.net/"&gt;Jumpcut est un gestionnaire de copier-coller&lt;/a&gt; sur Mac OS X. &lt;/div&gt;&lt;div&gt;Pour ceux qui se demande à quoi ça peut bien servir un gestionnaire de presse-papier, hé bah ! ça permet de de faire plusieurs copier, et au moment de faire un coller, vous pouvez choisir entre les différents textes que vous avez précédemment copier.&lt;/div&gt;&lt;div&gt;N'ayez crainte, ce petit utilitaire ne vient en rien modifier les fonctionnalités de Mac OS X. Il vient en complément. Vous pourrez toujours faire vos copier-coller en faisant (  + C et  + V ) . &lt;/div&gt;&lt;div&gt;Si vous souhaitez accèder à l'historique du presse-papier il vous suffit de faire ( ctrl + alt + V ). Puis tout en maintenant ctrl + alt enfoncé, vous pouvez revenir dans l'historique en utilisant les flèche du directionnelle gauche ou droite.&lt;/div&gt;&lt;div&gt;Bref ce petit logiciel vient combler une lacune d'OS X, en complétant la fonction du copier-coller.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SksnRU2simI/AAAAAAAAEnk/DGioyk-44yE/s1600-h/jumpcut-copier-coller.png"&gt;&lt;/a&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SksnRU2simI/AAAAAAAAEnk/DGioyk-44yE/s1600-h/jumpcut-copier-coller.png" style="text-decoration: none;"&gt;&lt;img style="text-align: left;margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; display: block; cursor: pointer; width: 310px; height: 320px; " src="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SksnRU2simI/AAAAAAAAEnk/DGioyk-44yE/s320/jumpcut-copier-coller.png" alt="jumpcut-gestionnaire-copier-coller-presse-papier-mac-osx" id="BLOGGER_PHOTO_ID_5353415760669346402" border="0" /&gt;&lt;/a&gt;Allez également voir :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://journaldeguillaume.blogspot.com/2009/06/touche-pour-developpeur-sur-mac-os-x.html"&gt;Les raccourcis sur mac pour développeur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://journaldeguillaume.blogspot.com/2009/06/voici-comment-faire-une-capture-ecran.html"&gt;Les raccourcis pour faire une capture écran sur mac&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-3836066511598558212?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/3836066511598558212/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=3836066511598558212&amp;isPopup=true" title="1 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3836066511598558212?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3836066511598558212?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/07/jumpcut-un-gestionnaire-de-presse.html" title="Jumpcut : Un gestionnaire de presse-papier pour Mac OX X" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_L1NQ-r2vIAI/Skshm52OMAI/AAAAAAAAEnc/BEED_pnUKCo/s72-c/jumpcut-gestionnaire-presse-papier.png" height="72" width="72" /><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;DEUHRn4_fip7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-7415578363000517629</id><published>2009-06-30T12:42:00.004+02:00</published><updated>2009-12-18T20:57:17.046+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:57:17.046+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><title>Touche pour developpeur sur mac os x</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SknwFYMFpyI/AAAAAAAAEnU/00dszRev-qA/s1600-h/Apple-iMac-clavier-bluetooth.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 179px;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SknwFYMFpyI/AAAAAAAAEnU/00dszRev-qA/s200/Apple-iMac-clavier-bluetooth.png" border="0" alt="mac-os-x-touche-developper-programmation" id="BLOGGER_PHOTO_ID_5353073607289710370" /&gt;&lt;/a&gt;Depuis quelques temps, j'ai des collègues qui essaye de switcher sur mac. Seulement ils ne trouvent certaines touches du clavier très employé pour la programmation et le développement.&lt;div&gt;Alors voici un petit coups de main pour tout ce qui sont dans le même cas qu'eux.&lt;/div&gt;&lt;div&gt;Il ne faut pas perdre de vue que mac c'est facile. Tout est visuelle ou se fais par drag and drop.&lt;/div&gt;&lt;div&gt;voici quelques raccourcis :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;accolade ouvrante "&lt;b&gt;{&lt;/b&gt;" : alt + (&lt;/li&gt;&lt;li&gt;accolade fermante "&lt;b&gt;}&lt;/b&gt;" : alt + )&lt;/li&gt;&lt;li&gt;crochet ouvrant "&lt;b&gt;[&lt;/b&gt;" : alt + shift + (&lt;/li&gt;&lt;li&gt;crochet fermant "&lt;b&gt;]&lt;/b&gt;" : alt + shift + )&lt;/li&gt;&lt;li&gt;pipe "&lt;b&gt;|&lt;/b&gt;" : alt + shift +L&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Voilà ! ça peut sembler un peu compliquer aux premiers abords, mais ça vient tout seul par la suite. &lt;/div&gt;&lt;div&gt;Allez également voir &lt;a href="http://journaldeguillaume.blogspot.com/2009/06/voici-comment-faire-une-capture-ecran.html"&gt;les raccourcis pour faire une capture écran sur mac&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-7415578363000517629?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/7415578363000517629/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=7415578363000517629&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/7415578363000517629?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/7415578363000517629?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/touche-pour-developpeur-sur-mac-os-x.html" title="Touche pour developpeur sur mac os x" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SknwFYMFpyI/AAAAAAAAEnU/00dszRev-qA/s72-c/Apple-iMac-clavier-bluetooth.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D08NRHs_cSp7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-5495292565196450231</id><published>2009-06-26T19:53:00.009+02:00</published><updated>2009-12-18T20:51:35.549+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:51:35.549+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><title>Voici comment faire une capture écran sur mac os X</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_L1NQ-r2vIAI/SkUTQDhodzI/AAAAAAAAEnM/-ia9_KhAg_k/s1600-h/clavier_apple_capture_ecran.jpg"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 320px; height: 254px;" src="http://4.bp.blogspot.com/_L1NQ-r2vIAI/SkUTQDhodzI/AAAAAAAAEnM/-ia9_KhAg_k/s320/clavier_apple_capture_ecran.jpg" border="0" alt="capture-copie-ecran-touche-mac" id="BLOGGER_PHOTO_ID_5351704898744907570" /&gt;&lt;/a&gt;Tout d'abord bienvenu à toi ! Car je suppose que si tu lis ce post c'est que tu essaye de te perfectionner sous mac OS X. Donc je vais te donner un petit coup de main et t'expliquer comment faire une capture ou une copie écran sur mac.&lt;div&gt;Tout d'abord, sache qu'il n'y a pas de touche [impr écran] sur le clavier mac. Tout va se faire avec les touches :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;[cmd]&lt;/b&gt; commande (ou pomme pour les nostalgique )&lt;/li&gt;&lt;li&gt;&lt;b&gt;[ctrl]&lt;/b&gt; contrôle&lt;/li&gt;&lt;li&gt;&lt;b&gt;[shift]&lt;/b&gt; ou la petite flèche vers le haut&lt;/li&gt;&lt;li&gt;&lt;b&gt;[3]&lt;/b&gt; le " sur le clavier français&lt;/li&gt;&lt;li&gt;&lt;b&gt;[4]&lt;/b&gt; le ' sur le clavier français&lt;/li&gt;&lt;li&gt;&lt;b&gt;[espace]&lt;/b&gt; la grande barre tout en bas.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;J'ai coloré les touches sur la capture qui illustre ce post. Maintenant que tu as repéré ces touches, on va pouvoir passer aux choses sérieuses. Il existe deux façons de faire :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;la capture écran&lt;/li&gt;&lt;li&gt;la copie écran&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;La capture écran va faire une copie de l'écran et générer un fichier images sur le bureau. Tandis que la copie écran va copier l'écran et stocker cette copie temporairement dans la presse-papier. Pour avoir ensuite l'image il faudra ouvrir un logiciel genre textEdit, openOffice ... et faire "coller"(Pomme+V).&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Pour faire une capture écran, on peut faire :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;commande + shift + 3&lt;/b&gt; : pour capturer tout l'écran&lt;/li&gt;&lt;li&gt;&lt;b&gt;commande + shift + 4&lt;/b&gt; : pour faire apparaître un curseur et capturer juste une portion de l'écran&lt;/li&gt;&lt;li&gt;&lt;b&gt;commande + shift + 4 &lt;/b&gt;et&lt;b&gt; espace &lt;/b&gt;: pour capturer une fenêtre, un menu ou une icône du bureau&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Pour faire une copie écran, on peut faire : &lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;contrôle + commande + shift + 3&lt;/b&gt; : pour capturer tout l'écran&lt;/li&gt;&lt;li&gt;&lt;b&gt;contrôle + commande + shift + 4&lt;/b&gt; : pour faire apparaître un curseur et capturer juste une portion de l'écran&lt;/li&gt;&lt;li&gt;&lt;b&gt;contrôle + commande + shift &lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;b&gt;+ 4 &lt;/b&gt;et&lt;b&gt; espace&lt;/b&gt;&lt;/span&gt; &lt;/b&gt;: pour capturer une fenêtre, un menu ou une icône du bureau&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Voilà ! Normalement tu es capable de faire une copie écran sur mac.&lt;/div&gt;&lt;div&gt;Allez également voir &lt;a href="http://journaldeguillaume.blogspot.com/2009/06/touche-pour-developpeur-sur-mac-os-x.html"&gt;les raccourcis pour développeur sur Mac&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-5495292565196450231?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/5495292565196450231/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=5495292565196450231&amp;isPopup=true" title="1 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5495292565196450231?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5495292565196450231?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/voici-comment-faire-une-capture-ecran.html" title="Voici comment faire une capture écran sur mac os X" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_L1NQ-r2vIAI/SkUTQDhodzI/AAAAAAAAEnM/-ia9_KhAg_k/s72-c/clavier_apple_capture_ecran.jpg" height="72" width="72" /><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;D0IHRHkyeSp7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-6599776987574916616</id><published>2009-06-25T17:36:00.009+02:00</published><updated>2009-12-18T20:45:35.791+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:45:35.791+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Android" /><category scheme="http://www.blogger.com/atom/ns#" term="Google" /><category scheme="http://www.blogger.com/atom/ns#" term="téléphone" /><title>HTC Hero, iPhone killer ?</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SkOaogypbII/AAAAAAAAEm8/v72KIX9uKWk/s1600-h/htc-hero-sense-android.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 116px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SkOaogypbII/AAAAAAAAEm8/v72KIX9uKWk/s320/htc-hero-sense-android.jpg" alt="" id="BLOGGER_PHOTO_ID_5351290803034090626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;p&gt;Voici un nouveau smartphone qui promet de donner du fil à retordre au fabuleux iPhone de monsieur Steve Jobs (paix à son foie :P). Je ne sais pas trop ce qu'il vaut, mais il commence à faire du buzz sur le net. Et au regard de la petite vidéo ci-dessous, je dirais qu'il y a de quoi !&lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;object data="http://www.youtube.com/v/FKTDSfbcbBU&amp;amp;hl=fr&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6" width="560" height="340"&gt;&lt;br /&gt;&lt;param name="movie" value="http://www.youtube.com/v/FKTDSfbcbBU&amp;amp;hl=fr&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6"&gt;&lt;br /&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;br /&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;br /&gt;&lt;/object&gt;&lt;br /&gt;&lt;p&gt;De ce que j'ai pus comprendre l'&lt;span style="font-weight: bold;"&gt;HTC Hero&lt;/span&gt; est basé sur &lt;a href="http://journaldeguillaume.blogspot.com/2008/10/android-os-pour-smartphone-de-google.html"&gt;Androïd, le désormais célèbre OS pour mobile de Google&lt;/a&gt;. Mais ce qui innove sur ce téléphone c'est son interface graphique nommé &lt;span style="font-weight: bold;"&gt;Sense&lt;/span&gt; (j'ai hâte de la testé !). Pour les détenteurs du G1/HTC Dream ou du HTC Magic,  HTC à laisser entendre que l'interface serais disponible. Donc bonne nouvelle.&lt;/p&gt;&lt;p&gt;Côté hardware, ce smartphone serais équipé du wifi b/g et du bluetooth 2, d'un appareil 5 MegaPixels sans flash :'(. Question autonomie on parle de 7 heures en communication et jusqu'à 750 en veille. Et chose étonnante, il possède un accéléromètre et une boussole magnétique. Ca me rappelle un autre smartphone !&lt;/p&gt;&lt;p&gt;//EDIT : Donc contrairement à ce que je disais, l'interface Sense, ne seras pas disponible sur le HTC Dream et sur le Magic. Mais je suis sur qu'il y a bien quelque Geek qui vont réussir à nous porté ça dessus.&lt;br /&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-6599776987574916616?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/6599776987574916616/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=6599776987574916616&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/6599776987574916616?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/6599776987574916616?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/htc-hero-iphone-killer.html" title="HTC Hero, iPhone killer ?" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SkOaogypbII/AAAAAAAAEm8/v72KIX9uKWk/s72-c/htc-hero-sense-android.jpg" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0AFQn8yeSp7ImA9WxJWFks.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-4616529647734916843</id><published>2009-06-22T11:54:00.005+02:00</published><updated>2009-06-22T12:15:13.191+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-22T12:15:13.191+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="web 2.0" /><category scheme="http://www.blogger.com/atom/ns#" term="design" /><title>Boutons et icônes design pour vos sites web</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Sj9WCIm7NDI/AAAAAAAAEhI/T1wgVWfggGo/s1600-h/button-download.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 178px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Sj9WCIm7NDI/AAAAAAAAEhI/T1wgVWfggGo/s200/button-download.png" border="0" alt="bouton-icone" id="BLOGGER_PHOTO_ID_5350089477009912882" /&gt;&lt;/a&gt;Voici quelques sites ou vous pourrez trouver des boutons et des icônes gratuit pour vos site web.&lt;div&gt;&lt;ul style="margin-left:40px"&gt;&lt;li&gt;&lt;a href="http://button-download.com/"&gt;button-download.com&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://momenticon.com/"&gt;Momenticon&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.iconeasy.com/"&gt;Icon Easy&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Bonne continuation dans vos projets.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-4616529647734916843?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/4616529647734916843/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=4616529647734916843&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4616529647734916843?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/4616529647734916843?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/boutons-et-icones-design-pour-vos-sites.html" title="Boutons et icônes design pour vos sites web" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Sj9WCIm7NDI/AAAAAAAAEhI/T1wgVWfggGo/s72-c/button-download.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C0MMSXczfSp7ImA9WxBSEEs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-2176111408351406702</id><published>2009-06-21T16:19:00.006+02:00</published><updated>2009-12-17T15:51:28.985+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-17T15:51:28.985+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="web 2.0" /><category scheme="http://www.blogger.com/atom/ns#" term="framework" /><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><title>Les Framework CSS</title><content type="html">Salut à tous. En faisant un peu de veille techno ce week-end, je suis tombé sur un article parlant des Frameworks CSS. Je suis tombé des nus. Depuis le temps que je fais du web, pour moi un framework s'appliquai à un langage de programmation. J'ai lu l'article en question, et j'avoue que l'idée est séduisante.&lt;div&gt;Un Framework CSS est tout bonnement un rassemblement de conventions, de librairies et de bonnes pratiques servant à la mise en place d'un projet Web (vous me direz comme n'importe quel framework, sinon ça n'as pas de sens).&lt;/div&gt;&lt;div&gt;En gros ce que fais un Framework CSS gère : &lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;le reset des styles par défault des navigateurs. C'est à dire obtenir le même rendu sur les navigateurs (récents)&lt;/li&gt;&lt;li&gt;les règles de typographie et le rythme vertical&lt;/li&gt;&lt;li&gt;le positionnement des élément avec un "grid layout"&lt;/li&gt;&lt;li&gt;l'apparence des formulaires&lt;/li&gt;&lt;li&gt;le résultat à l'impression&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;J'ai trouver 3 Frameworks intéressant, &lt;a href="http://www.yaml.de/en/home.html"&gt;YAML&lt;/a&gt; (et voici le &lt;a href="http://builder.yaml.de/"&gt;site de démo&lt;/a&gt;), &lt;a href="http://www.blueprintcss.org/"&gt;blueprint&lt;/a&gt;, &lt;a href="http://developer.yahoo.com/yui/grids/"&gt;Yahoo UI Librairy&lt;/a&gt;. Voici une petite capture de la démo de YAML.&lt;/div&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_L1NQ-r2vIAI/Sj5H7HAH6kI/AAAAAAAAEhA/zflTiTuVabo/s1600-h/YAML-Framework-CSS.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 246px;" src="http://4.bp.blogspot.com/_L1NQ-r2vIAI/Sj5H7HAH6kI/AAAAAAAAEhA/zflTiTuVabo/s320/YAML-Framework-CSS.png" alt="YAML-Framework-CSS" id="BLOGGER_PHOTO_ID_5349792488180148802" border="0" /&gt;&lt;/a&gt;&lt;div&gt;Bref, maintenant que je connais ça je me prendrais moins la tête pour faire mes maquettes HTML.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-2176111408351406702?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/2176111408351406702/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=2176111408351406702&amp;isPopup=true" title="2 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2176111408351406702?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2176111408351406702?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/les-framework-css.html" title="Les Framework CSS" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_L1NQ-r2vIAI/Sj5H7HAH6kI/AAAAAAAAEhA/zflTiTuVabo/s72-c/YAML-Framework-CSS.png" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;CU8AQnk5eSp7ImA9WxJWEEg.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-6275569651957625415</id><published>2009-06-15T10:05:00.006+02:00</published><updated>2009-06-15T10:17:23.721+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-15T10:17:23.721+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Linux" /><category scheme="http://www.blogger.com/atom/ns#" term="Windows" /><category scheme="http://www.blogger.com/atom/ns#" term="Logiciel" /><title>Trouver un logiciel équivalent grâce à AlternativeTo.net</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SjYCF56N0UI/AAAAAAAAEgg/8BpBLPHVAcw/s1600-h/alternativeto-logiciel-equivalent.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 200px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SjYCF56N0UI/AAAAAAAAEgg/8BpBLPHVAcw/s320/alternativeto-logiciel-equivalent.png" alt="logiciel-alternatif-equivalent" id="BLOGGER_PHOTO_ID_5347463908016640322" border="0" /&gt;&lt;/a&gt;Voici un site qui est au gôut du jour ! En pleine crise économique, &lt;a href="http://alternativeto.net/"&gt;AlternativeTo.net&lt;/a&gt; vous permet de trouver un logiciel équivalent à  un autre. (Et souvent en freeware).&lt;br /&gt;Bref un petit site bien utile, qui vous propose des logiciels aussi bien sur Mac, Linux ou Windows.&lt;br /&gt;Vous n'avez donc plus de raison de refuser de switcher sur un Linux ou sur un Mac.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-6275569651957625415?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/6275569651957625415/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=6275569651957625415&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/6275569651957625415?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/6275569651957625415?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/trouver-un-logiciel-equivalent-grace.html" title="Trouver un logiciel équivalent grâce à AlternativeTo.net" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/SjYCF56N0UI/AAAAAAAAEgg/8BpBLPHVAcw/s72-c/alternativeto-logiciel-equivalent.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CE8ASHY-eSp7ImA9WxJXFUg.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-1989046300742916581</id><published>2009-06-09T13:31:00.008+02:00</published><updated>2009-06-09T15:07:29.851+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-09T15:07:29.851+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="web 2.0" /><category scheme="http://www.blogger.com/atom/ns#" term="Site Web" /><title>Verifico - vérifier les avis des internautes</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Si5JLrjGj9I/AAAAAAAAEgQ/nBc-ZK9j_Dg/s1600-h/Verifico-Recherche_et_analyse_d_avis_de_consommateurs.png"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 320px; height: 253px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Si5JLrjGj9I/AAAAAAAAEgQ/nBc-ZK9j_Dg/s320/Verifico-Recherche_et_analyse_d_avis_de_consommateurs.png" alt="verifico-recherche-analyse-avis-consommateurs" id="BLOGGER_PHOTO_ID_5345290272752701394" border="0" /&gt;&lt;/a&gt;Voici un nouveau service web prometteur. On connaissait les sites d'avis de consommateurs qui vous propose des classements dans tous les sens. On connaissait les agrégateurs d'avis et guide d'achat. Maintenant il y a Verifico.&lt;br /&gt;Comment vous expliquez ça ?&lt;br /&gt;Verifico est fait pour les personnes qui cherchent à connaître l'avis des internautes sur un produit donné. C'est une sorte de moteur de recherche, un peu plus évolué. En effet, en plus de vous afficher des avis pertinents, Verifico analyse ces avis et vous fais une mini synthèse des points forts et des points faibles du produit. Voici ce que donne une recherche sur mon ordinateur portable : le Lenovo X300.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/Si5MICRltrI/AAAAAAAAEgY/L3eQuqDXpXg/s1600-h/Lenovo_IBM_ThinkPad_X300_avis_de_consommateurs.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 234px; height: 320px;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/Si5MICRltrI/AAAAAAAAEgY/L3eQuqDXpXg/s320/Lenovo_IBM_ThinkPad_X300_avis_de_consommateurs.png" alt="" id="BLOGGER_PHOTO_ID_5345293508668667570" border="0" /&gt;&lt;/a&gt;Certes, vous me direz qu'il n'y a pas beaucoup d'avis, qu'il n'y a que des ordinateur portable. Je vous réponds : bien sûr, mais le service vient de ce lancer. Il faut lui laisser le temps de s'épanouir. Hé puis il est encore en Beta test.&lt;br /&gt;&lt;br /&gt;Bref, l'idée est très bonne. Le site est très clair sans superflu. En un coup d'œil on peut juger le produit recherché. Je vous conseille de le tester et de nous faire part de vos avis. Voici le lien : &lt;a href="http://www.verifico.fr/"&gt;&lt;em&gt;Verifico&lt;/em&gt; - Recherche et analyse d'avis de consommateurs&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-1989046300742916581?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/1989046300742916581/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=1989046300742916581&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/1989046300742916581?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/1989046300742916581?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/06/verifico-verifier-lavis-des-internautes.html" title="Verifico - vérifier les avis des internautes" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Si5JLrjGj9I/AAAAAAAAEgQ/nBc-ZK9j_Dg/s72-c/Verifico-Recherche_et_analyse_d_avis_de_consommateurs.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CU4MQ3s8cSp7ImA9WxJWEEg.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-3634873209756502450</id><published>2009-05-26T21:20:00.006+02:00</published><updated>2009-06-15T10:19:42.579+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-15T10:19:42.579+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Site Web" /><category scheme="http://www.blogger.com/atom/ns#" term="Logiciel" /><title>Gantter, un microsoft projet en ligne</title><content type="html">Après avoir chercher en vain une alternative gratuite et libre de Microsoft project, je suis tombé sur ce &lt;a href="http://descary.com/gantter-un-gestionnaire-de-projet-web-gratuit/"&gt;post&lt;/a&gt; qui présentait un &lt;a href="http://gantter.com"&gt;outil de gestion de projet en ligne&lt;/a&gt; totalement gratuit. Et après l'avoir un peu tourné dans tout les sens, je dois dire que je suis ravie de ce petit outil.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/Si5Db2m-UzI/AAAAAAAAEgI/n7zJY5LHwwU/s1600-h/gantter-gant-microsoft-project-alternative.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 221px;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/Si5Db2m-UzI/AAAAAAAAEgI/n7zJY5LHwwU/s320/gantter-gant-microsoft-project-alternative.png" alt="" id="BLOGGER_PHOTO_ID_5345283953529869106" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Cet outil rassemble les fonctions essentielles pour gérer les ressources, gérer les tâches et les calendriers. Pour les parano de la confidentialité ne vous en faite pas. &lt;a href="http://gantter.com"&gt;Gantter&lt;/a&gt; ne stocke aucune informations sur ses serveurs. Lorsque vous avez terminer votre Gant, il vous propose de le télécharger sur votre disque dur. Vous pourrez ainsi le rééditer plus tard.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-3634873209756502450?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/3634873209756502450/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=3634873209756502450&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3634873209756502450?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/3634873209756502450?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/05/gantter-un-microsoft-projet-en-ligne.html" title="Gantter, un microsoft projet en ligne" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_L1NQ-r2vIAI/Si5Db2m-UzI/AAAAAAAAEgI/n7zJY5LHwwU/s72-c/gantter-gant-microsoft-project-alternative.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C0EHQHk5eSp7ImA9WxBSEEs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-9140548664847465403</id><published>2009-04-23T00:49:00.008+02:00</published><updated>2009-12-17T15:53:51.721+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-17T15:53:51.721+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Site Web" /><category scheme="http://www.blogger.com/atom/ns#" term="divers" /><title>J'organise mon anniversaire avec YouBridge et ma famille</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Se-fqK-z38I/AAAAAAAAEe4/2yXf-fxaMw8/s1600-h/icon-joffre.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 155px; height: 90px;" src="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Se-fqK-z38I/AAAAAAAAEe4/2yXf-fxaMw8/s200/icon-joffre.png" alt="cadeaux-anniversaire-youbridge-famille-proche-organiser-evenement" id="BLOGGER_PHOTO_ID_5327652431053709250" border="0" /&gt;&lt;/a&gt;Salut à tous, je ne suis pas trop présent c'est dernier temps et je m'en excuse. Je sais vous allez me dire un truc du genre : " Oh l'autre ! il donne jamais de nouvelles sauf à l'approche de son &lt;b&gt;anniversaire&lt;/b&gt; ".&lt;div&gt;Hé bah, Oui ! Je tiens à vous rappelez que mon anniversaire est à la fin du mois. Très exactement le 29 Avril (Si vous pouviez en toucher deux mots à mon Boss pour qu'il m'accorde un peu de vacances : lol ) &lt;/div&gt;&lt;div&gt;Enfin ! Je ne reviens pas vous voir les mains vide. J'apporte avec moi un cadeau. Dans le peu de temps libre que j'ai pour m'organiser une petit fête de famille pour mon anniv, j'ai découvert un site apparemment récent : &lt;a href="http://www.youbridge.com/"&gt;YouBridge.com : Le site pour la famille et les proches&lt;/a&gt;.&lt;/div&gt;&lt;div&gt;Pour la petite histoire, la première fois j'ai passé mon chemin. J'ai cru avoir affaire à un Nième FaceBook et puis le design ne m'avais pas fais très bonne impression. Mais quelques temps après, je suis repasser dessus. Et j'peux vous dire que le site avait bien changer. Et cela m'a donner envie de m'inscrire pour voir. (ils ont l'air dynamique les p'tits gars qui font ce site)&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_L1NQ-r2vIAI/Se-qmdqQPuI/AAAAAAAAEfA/8sRoDfP6JjU/s1600-h/YouBridge-proche-famille-anniversaire.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 245px;" src="http://3.bp.blogspot.com/_L1NQ-r2vIAI/Se-qmdqQPuI/AAAAAAAAEfA/8sRoDfP6JjU/s320/YouBridge-proche-famille-anniversaire.png" alt="organiser-evenement-cadeaux-anniversaire-youbridge-famille-proche" id="BLOGGER_PHOTO_ID_5327664461976190690" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;Bien entendu le site est un réseau social (type FaceBook). Mais orienter sur la famille et les proches intimes. On y trouve les fonctionnalités basic de tout site de social. Mais ce qui m'as attiré c'est un ou deux petits trucs qui pouvaient me simplifier la vie pour organiser mon anniversaire.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Parmi les fonctionnalités intéressantes on trouve :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;l'organisation d'événement avec notre famille et nos proches.&lt;/li&gt;&lt;li&gt;l'organisation de cadeaux collectifs pour une personne.&lt;/li&gt;&lt;li&gt;Gestion d'idée de cadeaux (pour soi ou pour un contact de notre carnet)&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Bref un petit site à surveiller. Car il y a quelques idées qui semblent prometteuses. Et c'est pas les occasions qui manque pour organiser un événement (mon anniversaire, fête des mères, fêtes des papa, ... , et noël, et mon anniversaire le 29, ...)&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Ah oui dans mon délire j'oubliais un truc sympa, mais qui va de soi sur ce genre de site. Il y a un calendrier (mensuel / annuel) qui vous résume les dates d'anniversaires et événements auxquels vous participez. En plus il vous dis c'est la fête de qui ce jour là.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Bref pour conclure, allez vite vous inscrire sur &lt;a href="http://www.youbridge.com/"&gt;YouBridge.com&lt;/a&gt; pour consulter ma liste de cadeaux. Comme ça vous serez sûr de me faire plaisir.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Allez, au 29 avril, avec plein de cadeaux :D&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-9140548664847465403?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/9140548664847465403/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=9140548664847465403&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/9140548664847465403?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/9140548664847465403?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/04/jorganise-mon-anniversaire-avec.html" title="J'organise mon anniversaire avec YouBridge et ma famille" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_L1NQ-r2vIAI/Se-fqK-z38I/AAAAAAAAEe4/2yXf-fxaMw8/s72-c/icon-joffre.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DUMBRng6eCp7ImA9WxVbEEw.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-5478293655178594476</id><published>2009-03-25T22:32:00.004+01:00</published><updated>2009-03-25T22:44:17.610+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-03-25T22:44:17.610+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="divers" /><title>Black-Out contre Hadopi pour agir contre la censure du net</title><content type="html">A travers ce post, j'ai décidé de me joindre aux nombreux sites qui ont répondu à l'appel de la Quadrature, face au projet de loi Hadopi qui prévois de déconnecter de la toile des familles entières sans réelles preuves ni procès.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;a href="http://www.laquadrature.net/HADOPI" title="HADOPI - Le Net en France : black-out"&gt;&lt;img src="http://media.laquadrature.net/Quadrature_black-out_HADOPI_336x280px.gif" style="border:none" alt="HADOPI - Le Net en France : black-out" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;Aussi je vous invite vous lecteurs de mon blog à aller voir sur le site de la Quadrature pour lire le dossier sur la loi Hadopi. Et si le coeur vous en dis joignez vous à notre mouvement.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-5478293655178594476?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/5478293655178594476/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=5478293655178594476&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5478293655178594476?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5478293655178594476?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/03/black-out-contre-hadopi-pour-agir.html" title="Black-Out contre Hadopi pour agir contre la censure du net" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0EAR344fip7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-8446333866918936985</id><published>2009-03-15T10:41:00.008+01:00</published><updated>2009-12-18T20:47:26.036+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:47:26.036+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Android" /><category scheme="http://www.blogger.com/atom/ns#" term="Google" /><title>HTC Magic (G2), le premier vrai concurrent de l'iPhone</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SbzOevL59SI/AAAAAAAAEd4/faNmgrE4AVU/s1600-h/htc-magic-white+01.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 165px; height: 320px;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SbzOevL59SI/AAAAAAAAEd4/faNmgrE4AVU/s320/htc-magic-white+01.jpg" alt="" id="BLOGGER_PHOTO_ID_5313348687848142114" border="0" /&gt;&lt;/a&gt;Bonjour à tous,&lt;div&gt;je ne pouvais pas reprendre ce blog sans vous parler du mobile Buzz du moment le dénommer &lt;span class="Apple-style-span" style="font-weight: bold;"&gt;&lt;a href="http://journaldeguillaume.blogspot.com/2008/10/android-os-pour-smartphone-de-google.html"&gt;HTC Magic&lt;/a&gt;&lt;/span&gt;.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;D'un design plus séduisant et plus élégant que son prédecesseur le HTC Dream (ou G1) , il est rapide au toucher. Contrairement au G1, il ne possède pas de clavier ni de stylet. Tout ce fais au doigt comme sur l'iPhone.&lt;/div&gt;&lt;div&gt;Ce nouveau téléphone portable a été entièrement conçu pour être connecter à internet le plus souvent possible. Aussi il possède une grande autonomie (environ sept heure) , et toute les derniers types de connectivité.&lt;/div&gt;&lt;div&gt;Côté multimédia, il n'a rien a envié à l'iPhone. En effet le G2 (ou HTC Magic) supporte en natif un grand nombre de format audio et vidéo.&lt;/div&gt;&lt;div&gt;Bon, je suis un peu en retard sur ce buzz. Donc je vais pas paraphraser les autres blog qui en parle sûrement mieux que moi. Je vous laisse cette petite vidéo pour vous montrer ce petit bijoux :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;object src="http://www.youtube.com/v/WazqE9gZf28&amp;amp;hl=fr&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6" width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/WazqE9gZf28&amp;amp;hl=fr&amp;amp;fs=1&amp;amp;color1=0x006699&amp;amp;color2=0x54abd6"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/object&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;Et voici juste quelques points technique :&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;écran TFT LCD tactile (touch-sensitive) de 3,2″ (HVGA 320×480)&lt;br /&gt;&lt;/li&gt;&lt;li&gt;connectivité Bluetooth, 3G/3G+, Wifi (b/g)&lt;/li&gt;&lt;li&gt;GPS intégré&lt;/li&gt;&lt;li&gt;appareil photo numérique 3,2 méga pixel&lt;/li&gt;&lt;li&gt;512 Mo de mémoire interne extensible par micro SD&lt;/li&gt;&lt;li&gt;192 Mo de mémoire vive (RAM+)&lt;/li&gt;&lt;li&gt;format supporté : ACC, ACC+, MP3, WMA, WAV, OGG, MP4, 3GP&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-8446333866918936985?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/8446333866918936985/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=8446333866918936985&amp;isPopup=true" title="2 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/8446333866918936985?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/8446333866918936985?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/03/htc-magic-g2-le-premier-vrai-concurrent.html" title="HTC Magic (G2), le premier vrai concurrent de l'iPhone" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SbzOevL59SI/AAAAAAAAEd4/faNmgrE4AVU/s72-c/htc-magic-white+01.jpg" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;DUUDQXo7eip7ImA9WxVVGEk.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-2708879897569978289</id><published>2009-03-12T09:37:00.002+01:00</published><updated>2009-03-12T09:41:10.402+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-03-12T09:41:10.402+01:00</app:edited><title>Mille excuses !</title><content type="html">Je m'excuse auprès des personnes qui commençait a lire mon blog régulièrement.&lt;br /&gt;Je n'ai pus le maintenir à jour ces derniers temps à cause d'une petite choses rose qui m'ai tombé dessus un beau matin vers 9h36 un 25 septembre.&lt;br /&gt;&lt;br /&gt;Bon c'est pas une bonne excuse, mais c'est que ça occupe beaucoup de temps mine de rien.&lt;div&gt;Mais je vais me remprendre en main.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Allez bonne journée.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-2708879897569978289?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/2708879897569978289/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=2708879897569978289&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2708879897569978289?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2708879897569978289?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2009/03/mille-excuses.html" title="Mille excuses !" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0QMRHgzeip7ImA9WxBSEUs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-5134074296522448609</id><published>2008-10-18T21:30:00.003+02:00</published><updated>2009-12-18T20:43:05.682+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-18T20:43:05.682+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Android" /><category scheme="http://www.blogger.com/atom/ns#" term="Google" /><title>Android l'os de Google pour smartphone</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SyvZCBfhhQI/AAAAAAAAFYE/JR41_ZqzTIk/s1600-h/android-google-smartphone.png"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 78px; height: 78px;" src="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SyvZCBfhhQI/AAAAAAAAFYE/JR41_ZqzTIk/s320/android-google-smartphone.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5416661605626774786" /&gt;&lt;/a&gt;Android est un tout nouveau système d'exploitation pour téléphone mobile (smartphone). Cet OS est très prometteur, puisqu'il a été développé par une petite start-up racheté par Google. Ce système est à l'origine de nombreuse rumeurs sur internet. Il seras publier sous licence open-source ce qui devrait faciliter sont adoption par les différents constructeurs de mobile. Et du coup cela permettrait de proposer une réelle alternative à l'iPhone d'Apple.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-5134074296522448609?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/5134074296522448609/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=5134074296522448609&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5134074296522448609?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/5134074296522448609?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2008/10/android-os-pour-smartphone-de-google.html" title="Android l'os de Google pour smartphone" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_L1NQ-r2vIAI/SyvZCBfhhQI/AAAAAAAAFYE/JR41_ZqzTIk/s72-c/android-google-smartphone.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;Ck8NQXk8eSp7ImA9WxRREUQ.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-1543012707363713351</id><published>2008-09-23T19:12:00.005+02:00</published><updated>2008-09-23T19:28:10.771+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2008-09-23T19:28:10.771+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Astuces" /><category scheme="http://www.blogger.com/atom/ns#" term="Shell" /><title>Coloriser le Terminal sous Mac OS X</title><content type="html">&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SNkkzizAJVI/AAAAAAAABsY/Xva0gbeKLVE/s1600-h/Coloriser-terminal-shell-mac-os-x.png"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SNkkzizAJVI/AAAAAAAABsY/Xva0gbeKLVE/s320/Coloriser-terminal-shell-mac-os-x.png" border="0" alt="Coloriser-terminal-shell-mac-os-x" id="BLOGGER_PHOTO_ID_5249267308609676626" /&gt;&lt;/a&gt;&lt;br /&gt;Voici une petite astuce pour coloriser le Terminal (Shell) sous Mac OS X.&lt;div&gt;A l'aide de votre éditeur de texte préféré, créer un nouveau fichier texte et copiez coller ces deux lignes dedans :&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="color: rgb(255, 102, 0);"&gt;&lt;span class="Apple-style-span" style="font-style: italic;"&gt;export CLICOLOR=1&lt;br /&gt;export LSCOLORS=ExFxCxDxBxegedabagacad&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Ensuite enregistrer ce fichier sous votre répertoire personnel sous le non de &lt;span class="Apple-style-span" style="font-weight: bold;"&gt;.bash_profile &lt;/span&gt;(&lt;span class="Apple-style-span" style="font-style: italic;"&gt;&lt;span class="Apple-style-span"  style="font-size:small;"&gt;/Users/&amp;lt;votre_identifiant&amp;gt;/.bash_profile&lt;/span&gt;&lt;/span&gt;)&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-1543012707363713351?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/1543012707363713351/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=1543012707363713351&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/1543012707363713351?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/1543012707363713351?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2008/09/coloriser-le-terminal-sous-mac-os-x.html" title="Coloriser le Terminal sous Mac OS X" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_L1NQ-r2vIAI/SNkkzizAJVI/AAAAAAAABsY/Xva0gbeKLVE/s72-c/Coloriser-terminal-shell-mac-os-x.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C08FQn8-fyp7ImA9WxBSEEs.&quot;"><id>tag:blogger.com,1999:blog-7538548068058442686.post-2726536296419768296</id><published>2008-09-22T19:00:00.004+02:00</published><updated>2009-12-17T15:56:53.157+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-17T15:56:53.157+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="music" /><category scheme="http://www.blogger.com/atom/ns#" term="divers" /><title>Fatals Picards. Sécurité de l'emploi. LA NOUVELLE ECOLE</title><content type="html">Je vous mets cette petite vidéo, car je l'adore. C'est pas nouveau, mais c'est tellement vrai.&lt;br /&gt;&lt;object data="http://www.youtube.com/v/SG2AFd-DuH8&amp;amp;hl=fr&amp;amp;fs=1" width="425" height="344"&gt;&lt;br /&gt;&lt;param name="movie" value="http://www.youtube.com/v/SG2AFd-DuH8&amp;amp;hl=fr&amp;amp;fs=1"&gt;&lt;br /&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7538548068058442686-2726536296419768296?l=journaldeguillaume.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://journaldeguillaume.blogspot.com/feeds/2726536296419768296/comments/default" title="Publier les commentaires" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=7538548068058442686&amp;postID=2726536296419768296&amp;isPopup=true" title="0 commentaires" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2726536296419768296?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7538548068058442686/posts/default/2726536296419768296?v=2" /><link rel="alternate" type="text/html" href="http://journaldeguillaume.blogspot.com/2008/09/fatals-picards-scurit-de-lemploi-la.html" title="Fatals Picards. Sécurité de l'emploi. LA NOUVELLE ECOLE" /><author><name>Guillaume</name><uri>http://www.blogger.com/profile/15104815751571836755</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://lh4.google.com/image/guillaume.camus/Re68ixSqxcI/AAAAAAAAABg/QKEqjbIMdxE/s288/Photo%2038.jpg" /></author><thr:total>0</thr:total></entry></feed>

