<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://hanblog.info/blog/feed/rss2/xslt" ?><rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
  <title>Hanblog - Informatique</title>
  <link>http://hanblog.info/blog/</link>
  <atom:link href="http://hanblog.info/blog/feed/category/Informatique/rss2" rel="self" type="application/rss+xml"/>
  <description></description>
  <language>fr</language>
  <pubDate>Mon, 13 Oct 2008 19:49:32 +0200</pubDate>
  <copyright></copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>Librairies JavaScript : Connaissez vos outils</title>
    <link>http://hanblog.info/blog/post/2008/08/27/Librairies-JavaScript-%3A-Connaissez-vos-outils</link>
    <guid isPermaLink="false">urn:md5:653b96fd1a21e40ecf904cc6ae20755b</guid>
    <pubDate>Wed, 27 Aug 2008 23:15:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>css</category><category>DOM</category><category>jquery</category><category>performance</category>    
    <description>    &lt;p&gt;Certes je n'aime pas les librairies JavaScript en général. Beaucoup de code téléchargé, parsé, exécuté pour n'utiliser la plupart du temps qu'un ensemble très réduit de fonctionnalités. Mais bon, mettons ça de côté aujourd'hui car il faut l'admettre, elles rendent tout de même de bons services.&lt;/p&gt;


&lt;p&gt;On va quand même garder un point qui m'embête&amp;nbsp;: ces librairies cachent souvent la complexité du code qu'elles exécutent. Pour démontrer cela, mettons nous en situation&amp;nbsp;! &lt;a href=&quot;http://hanblog.info/blog/public/toggle.html&quot; hreflang=&quot;fr&quot;&gt;L'exemple sur la page suivante&lt;/a&gt; contient 1729 paragraphes de deux mots. Pour une raison évidente&lt;sup&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2008/08/27/#pnote-73-1&quot; id=&quot;rev-pnote-73-1&quot;&gt;1&lt;/a&gt;]&lt;/sup&gt;, nous voulons cacher le deuxième mot de chaque paragraphe. Pour cela, nous utilisons jQuery de deux manières différentes.&lt;/p&gt;


&lt;h2&gt;La méthode toggle&lt;/h2&gt;
&lt;pre&gt;
$('span').toggle();
&lt;/pre&gt;

&lt;p&gt;Que fait réellement cette simple ligne&amp;nbsp;? Elle va récupérer tous les éléments &amp;lt;span&amp;gt; de la page puis leur appliquer la &lt;a href=&quot;http://docs.jquery.com/Effects/toggle&quot; hreflang=&quot;en&quot;&gt;méthode toggle&lt;/a&gt;. Pour chaque élément trouvé (1729 je rappelle), elle va vérifier s'il est affiché ou non et lui appliqué un style en conséquence. C'est tellement long que votre navigateur risque de bloquer sur la page de test.&lt;/p&gt;


&lt;h2&gt;La méthode classe&lt;/h2&gt;
&lt;pre&gt;
$('div').eq(0).toggleClass('hidden');
&lt;/pre&gt;

&lt;p&gt;Jeu de mot pas terrible mais qui résume bien la situation. Ce code récupère tous les éléments &amp;lt;div&amp;gt; de la page et ne travaille que sur le premier. Sur ce &amp;lt;div&amp;gt;, elle va regarder s'il a la classe hidden et en fonction, lui ajoutera ou enlèvera cette classe. Voilà, c'est tout ce qu'elle fait. Ensuite, c'est le navigateur qui travaille comme un grand grâce à la règle &lt;code&gt;.hidden span {display:none;}&lt;/code&gt;. Évidemment, le moteur CSS de votre navigateur fera ça bien plus rapidement.&lt;/p&gt;


&lt;h2&gt;Conclusion&lt;/h2&gt;

&lt;p&gt;Évidemment, mon exemple avec autant d'éléments est grossier. Mais tout de même, la différence est fondamentale. Permettez-moi une analogie entre un accès DOM et un accès disque, c'est à dire les parties les plus lentes des deux algorithmes précédents. Dans le premier cas, un premier accès en lecture (récupérer tous les spans) puis 1729 accès en lecture (est-il affiché ?) et 1729 accès en écriture (réglons son affichage). Dans le deuxième cas, nous avons un premier accès en lecture (récupérons tous les divs) puis un accès en lecture (est-ce que la classe est présente ?) puis un accès en écriture (ajoutons ou enlevons la classe). Le calcul est vite fait...&lt;/p&gt;


&lt;p&gt;De manière générale, rappelons qu'il faut le moins possible toucher au style d'un élément. Si vous devez accéder plus de deux fois à l'attribut style, il sera plus profitable de passer par une règle CSS. &lt;strong&gt;Le moteur CSS sera toujours plus rapide que vous.&lt;/strong&gt; De plus, vous permettez aux intégrateurs de pouvoir styler votre page en ne changeant que quelques classes. Et votre code d'affichage reste cantonné aux fichiers CSS, merci la maintenabilité.&lt;/p&gt;
&lt;div class=&quot;footnotes&quot;&gt;&lt;h4&gt;Notes&lt;/h4&gt;
&lt;p&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2008/08/27/#rev-pnote-73-1&quot; id=&quot;pnote-73-1&quot;&gt;1&lt;/a&gt;] parce qu'il faut bien un exemple à la con&lt;/p&gt;&lt;/div&gt;
</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/08/27/Librairies-JavaScript-%3A-Connaissez-vos-outils#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/08/27/Librairies-JavaScript-%3A-Connaissez-vos-outils#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/73</wfw:commentRss>
      </item>
    
  <item>
    <title>Nouveautés Safari 3.1 : Selectors API</title>
    <link>http://hanblog.info/blog/post/2008/04/15/Nouveautes-Safari-31-%3A-Selectors-API</link>
    <guid isPermaLink="false">urn:md5:ab128c0f4def3a38a760cb72718ca133</guid>
    <pubDate>Tue, 03 Jun 2008 02:14:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>DOM</category><category>javascript</category><category>nouveautes</category><category>safari</category><category>standards</category><category>webkit</category>    
    <description>    &lt;h2&gt;Présentation&lt;/h2&gt;


&lt;p&gt;Comme promis, on va parler de quelque chose de bien plus intéressant pour accélérer vos applications web. Une attente de longue date, la fameuse et célèbre &lt;a href=&quot;http://www.w3.org/TR/selectors-api/&quot; hreflang=&quot;en&quot;&gt;Selectors API&lt;/a&gt;&amp;nbsp;!
C'est l'équivalent de &lt;code&gt;$$&lt;/code&gt; en Prototype et Mootools, &lt;code&gt;$&lt;/code&gt; en jQuery, &lt;code&gt;YAHOO.util.Selector.query&lt;/code&gt; en YUI et... &lt;code&gt;document.querySelectorAll&lt;/code&gt; pour base2. &lt;sup&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2008/04/15/#pnote-63-1&quot; id=&quot;rev-pnote-63-1&quot;&gt;1&lt;/a&gt;]&lt;/sup&gt; Pour ceux qui connaissent, cela permet donc de sélectionner un liste d'éléments qui correspondent à un sélecteur CSS.&lt;/p&gt;


&lt;p&gt;L'exemple du billet précédent devient donc &lt;code&gt;document.querySelectorAll('.post')&lt;/code&gt;. Une différence à noter entre ces deux méthodes&amp;nbsp;: querySelectorAll retourne une liste statique, un tableau en quelque sorte.&lt;/p&gt;


&lt;p&gt;Regardons un peu les performances&amp;nbsp;:&lt;/p&gt;
&lt;pre&gt;
var start = new Date(); for (var i = 0; i &amp;lt; 1000; i++) var list =document.querySelectorAll('.post'); new Date() - start
104
var start = new Date(); for (var i = 0; i &amp;lt; 1000; i++) var list =document.getElementsByClassName('post'); new Date() - start
2
&lt;/pre&gt;

&lt;p&gt;C'est sans appel, pour un sélecteur simple, il vaut mieux utiliser une méthode spécialisée. J'ai fait quelques autres tests. De manière générale, si vous voulez traversez simplement le DOM, tenez-vous en aux autres solutions. Cette méthode sera peut-être optimisée plus tard, ce n'est que la première implémentation.&lt;/p&gt;


&lt;p&gt;Évidemment, le navigateur ne reconnaîtra que les sélecteurs qu'il connaît. Pas de problème avec Safari 3.1 puisqu'il connaît tous les sélecteurs disponibles à ce jour (on en reparlera plus tard, peut-être). Par contre, avec IE8, ce sera plus compliqué. Oui oui, IE8 implémentera cette API&amp;nbsp;! Et comme cette API a été bien conçue, le navigateur est censé renvoyer une exception lorsqu'il ne connaît pas un sélecteur. Le monde est presque parfait&amp;nbsp;!&lt;/p&gt;


&lt;h2&gt;Les librairies&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Prototype&amp;nbsp;: dans la version de dev (un appel à un div vide puis le vrai appel)&lt;/li&gt;
&lt;li&gt;YUI&amp;nbsp;: rien&lt;/li&gt;
&lt;li&gt;mootools&amp;nbsp;: rien&lt;/li&gt;
&lt;li&gt;base2&amp;nbsp;: Oui, en dev.&lt;/li&gt;
&lt;li&gt;jQuery&amp;nbsp;: rien.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Le piège.&lt;/h2&gt;

&lt;p&gt;Le comportement de cette API est pour l'instant trompeuse. Lorsque l'on utilise cette méthode sur un élément, elle va chercher tous les éléments du document qui correspondent puis ne retourne que ceux qui sont des enfants de l'élément. Le comportement des librairies (et qui me semble plus naturel) est d'appliquer le sélecteur à partir de l'élément en question. &lt;a href=&quot;http://ejohn.org/blog/thoughts-on-queryselectorall/&quot; hreflang=&quot;en&quot;&gt;John Resig en parle bien mieux que moi&lt;/a&gt;&lt;/p&gt;


&lt;h2&gt;Les petits plus&lt;/h2&gt;

&lt;p&gt;Que peut-on faire de marrant avec cette API&amp;nbsp;? On peut par exemple récupérer tous les liens présents sur la page qu'a visité l'utilisateur. Un simple &lt;code&gt;document.querySelectorAll(':visited')&lt;/code&gt; fera l'affaire.&lt;/p&gt;


&lt;p&gt;On peut aussi récupérer la liste de tous les éléments qui sont actuellement survolés par l'utilisateur. &lt;code&gt;document.querySelectorAll(':hover')&lt;/code&gt; vous donnera satisfaction.&lt;/p&gt;
&lt;div class=&quot;footnotes&quot;&gt;&lt;h4&gt;Notes&lt;/h4&gt;
&lt;p&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2008/04/15/#rev-pnote-63-1&quot; id=&quot;pnote-63-1&quot;&gt;1&lt;/a&gt;] Oui, cette librairie est tellement bien qu'il n'y a pas besoin d'apprendre autre chose que les standards&lt;/p&gt;&lt;/div&gt;
</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/04/15/Nouveautes-Safari-31-%3A-Selectors-API#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/04/15/Nouveautes-Safari-31-%3A-Selectors-API#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/63</wfw:commentRss>
      </item>
    
  <item>
    <title>Google Ajax Librairies : une bonne idée ?</title>
    <link>http://hanblog.info/blog/post/2008/05/28/Google-Ajax-Librairies-%3A-une-bonne-idee</link>
    <guid isPermaLink="false">urn:md5:f702b74e8b895db7f6d51ff6cb3bf4b6</guid>
    <pubDate>Wed, 28 May 2008 09:41:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>javascript</category><category>standards</category><category>web</category>    
    <description>    &lt;p&gt;Google vient donc &lt;a href=&quot;http://ajaxian.com/archives/announcing-ajax-libraries-api-speed-up-your-ajax-apps-with-googles-infrastructure&quot; hreflang=&quot;en&quot;&gt;d'annoncer&lt;/a&gt; la possibilité de servir 5 librairies javascripts depuis ses serveurs.&lt;/p&gt;


&lt;p&gt;L’idée d’avoir un dépôt central est plutôt intéressante. Pour avoir un cache relativement partagé entre les sites, être sûr de la configuration HTTP au poil, bénéficier du CDN de Google. Après, il faut aussi voir que l'accès à votre site sera conditionné par la disponibilité de ses serveurs. Mais il semble que ce soit la tendance... (Amazon S3)&lt;/p&gt;


&lt;p&gt;Par contre, Google propose de s'occuper de charger la dernière version à travers son API Javascript. C’est une très très mauvaise idée que d‘avoir la version la plus récente de la libraire. Il faut toujours tester ses applis avant de mettre la nouvelle version d’une librairie en production. À la rigueur pour les versions mineures, et encore.&lt;/p&gt;


&lt;p&gt;Après, cela va certainement défavoriser les librairies non sélectionnées. Des librairies comme Base2, Mochikit ou YUI ne sont pas listée par exemple.&lt;/p&gt;


&lt;p&gt;Enfin, Google a annoncé vouloir travailler avec les éditeurs de navigateurs pour intégrer certaines librairies directement dans le navigateur. Si jamais cela se réalise, ça va être marrant pour les versions et encore plus discriminant pour les librairies non incluses. Les développeurs choisiraient non pas la librarie la plus légère ou la plus performante mais la plus souvent intégrée dans les navigateurs.&lt;/p&gt;


&lt;p&gt;Google ferait mieux de travailler avec les éditeurs pour améliorer le support des standards et l’implémentation des prochains standards. Car un code en C, C++ ou autre sera toujours plus performant que sa version Javascript.&lt;/p&gt;


&lt;p&gt;En résumé&amp;nbsp;: idée peut-être intéressante dans l’état actuel d'implémentation des standards mais attention à la discrimination et surtout, continuer à améliorer le support des standards.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/05/28/Google-Ajax-Librairies-%3A-une-bonne-idee#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/05/28/Google-Ajax-Librairies-%3A-une-bonne-idee#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/64</wfw:commentRss>
      </item>
    
  <item>
    <title>Nouveautés Safari 3.1 : getElementsByClassName</title>
    <link>http://hanblog.info/blog/post/2008/04/10/Nouveautes-Safari-31</link>
    <guid isPermaLink="false">urn:md5:267c599a948d3f3311f4cfd6d4a72113</guid>
    <pubDate>Thu, 10 Apr 2008 20:39:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>DOM</category><category>javascript</category><category>nouveautes</category><category>standards</category><category>webkit</category>    
    <description>    &lt;p&gt;Allez, on continue dans Webkit (parce que ça me botte en ce moment). Je ne suis pas tombé sur beaucoup d'articles en français résumant les nouveautés de Safari 3.1. Et comme on n'est jamais mieux servi que par soi-même...&lt;/p&gt;


&lt;p&gt;Commençons par &lt;code&gt;getElementsByClassName&lt;/code&gt;. Kékecé&amp;nbsp;? À l'instar des &lt;code&gt;getElementById&lt;/code&gt;, &lt;code&gt;getElementsByTagName&lt;/code&gt;, &lt;code&gt;getElementsByName&lt;/code&gt; c'est une méthode pour récupérer des éléments du DOM selon un critère, en l'occurence la ou les classes. Par exemple, sur la page d'accueil de ce blog, &lt;code&gt;document.getElementsByClassName('post').length&lt;/code&gt; renvoie 20 mais &lt;code&gt;document.getElementsByClassName('post odd').length&lt;/code&gt; renvoie 10. Comme toutes ces consœurs, cette méthode marche aussi à partir d'un élément du DOM, restreignant ainsi les résultats.&lt;/p&gt;


&lt;p&gt;Il faut faire attention en manipulant la liste renvoyée. Elle est &quot;live&quot;, c'est-à-dire que tout changement dans le DOM la modifie (comme &lt;code&gt;getElementsByTagName&lt;/code&gt;).
Exemple:&lt;/p&gt;
&lt;pre&gt;
var list = document.getElementsByClassName('post');
for (var i=0; i &amp;lt; list.length; i++)
{
  list[i].parentNode.removeChild(list[i]);
  alert(list.length);
}
&lt;/pre&gt;

&lt;p&gt;En exécutant cette fonction sur la page d'accueil, on verra disparaître un billet sur deux et la &lt;code&gt;NodeList&lt;/code&gt; diminuera au fur et à mesure. Attention donc en manipulant les résultats. Pour être sûr de ce qui va se passer, on peut recopier le tout dans un tableau classique, mais attention aux performances.&lt;/p&gt;


&lt;p&gt;Cette méthode est actuellement supportée par Safari 3.1 (&lt;a href=&quot;http://webkit.org/blog/153/webkit-gets-native-getelementsbyclassname/&quot; hreflang=&quot;en&quot;&gt;of course&lt;/a&gt;) et bientôt Firefox 3 et Opera 9.5. Elle fait partie du &lt;a href=&quot;http://www.w3.org/TR/html5/#getelementsbyclassname&quot; hreflang=&quot;en&quot;&gt;brouillon pour HTML 5&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Vous voyez évidemment à quoi ça sert&amp;nbsp;? Ça accélère considérablement tous les accès qu'on peut faire, si on l'utilise. Et comme de plus en plus de gens utilisent des librairies pour ne pas s'embêter avec les compatibilités entre navigateurs, on va vérifier qu'on bénéficie bien de cette amélioration quand disponible. On va surtout étudier les méthodes du style $ ou $$, qui permettent de sélectionner des éléments à partir d'un sélecteur CSS&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Prototype n'a pas. Pire, &lt;a href=&quot;http://ejohn.org/blog/getelementsbyclassname-pre-prototype-16/&quot; hreflang=&quot;en&quot;&gt;ça peut casser dans les anciennes versions&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;jQuery&amp;nbsp;: y a pas non plus.&lt;/li&gt;
&lt;li&gt;mootools&amp;nbsp;: y a pas.&lt;/li&gt;
&lt;li&gt;YUI&amp;nbsp;: non plus.&lt;/li&gt;
&lt;li&gt;base2&amp;nbsp;: non plus.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Bilan&amp;nbsp;: Ah bah c'est pas génial. Si j'étais mesquin, je dirais que c'est une raison de plus pour ne pas utiliser de librairies Javascript. À leur décharge, ce n'est pas vraiment nécessaire puisqu'elles utilisent XPath lorsque c'est disponible et c'est disponible sur tous les navigateurs ayant cette méthode. Pour jQuery, c'est regrettable, puisqu'elle n'a pas d'implémentation XPath. Bien évidemment, XPath est plus rapide que DOM, mais tout de même plus lent que getElementsByClassName.&lt;/p&gt;


&lt;p&gt;Mais finalement, on verra bientôt qu'il y a d'autres méthodes pour nous aider.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/04/10/Nouveautes-Safari-31#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/04/10/Nouveautes-Safari-31#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/62</wfw:commentRss>
      </item>
    
  <item>
    <title>Mon premier bug chez Webkit</title>
    <link>http://hanblog.info/blog/post/2008/04/07/Mon-premier-bug-chez-Webkit</link>
    <guid isPermaLink="false">urn:md5:20d741acd4c3555c3b220a70e22590ed</guid>
    <pubDate>Mon, 07 Apr 2008 09:40:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>bug</category><category>safari</category><category>webkit</category>    
    <description>    &lt;p&gt;Depuis un petit moment, je suis de plus en plus près le projet Webkit, le moteur derrière Safari.&lt;/p&gt;


&lt;p&gt;Ayant remarqué un bug dans la gestion des évènements sur une interface que j'utilise quasi-quotidiennement, je me suis décidé hier à en faire un joli &lt;a href=&quot;http://bugs.webkit.org/show_bug.cgi?id=18337&quot; hreflang=&quot;en&quot;&gt;rapport de bug&lt;/a&gt;. J'ai aussi pu traîner un peu sur le salon IRC #webkit et l'accueil était plutôt agréable. J'ai pu poser quelques questions et apprendre qu'un nouveau &lt;a href=&quot;http://trac.webkit.org/projects/webkit/wiki/squirrelfish&quot; hreflang=&quot;en&quot;&gt;moteur Javascript&lt;/a&gt; est en cours d'écriture, que le WebInspector était en &lt;a href=&quot;http://trac.webkit.org/projects/webkit/wiki/ProposedWebInspectorUIRefresh&quot; hreflang=&quot;en&quot;&gt;cours de refonte&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;En écrivant le test minimal pour le bug, j'ai aussi remarqué que la taille minimum d'un élément &amp;lt;select&amp;gt; sur plusieurs lignes est de 4 lignes. Au premier abord, on peut se dire que ce n'est pas normal par rapport à la spécification. Mais c'est un bon point ergonomique puisqu'il est plus facile d'avoir du contexte sur 4 lignes et qu'il est impossible de présenter une barre de défilement sur 2 petites lignes. Un comportement à retenir si l'on souhaite utiliser de petites listes de sélection.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/04/07/Mon-premier-bug-chez-Webkit#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/04/07/Mon-premier-bug-chez-Webkit#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/61</wfw:commentRss>
      </item>
    
  <item>
    <title>Please, don't hurt the web, des solutions</title>
    <link>http://hanblog.info/blog/post/2008/01/25/Please-dont-hurt-the-web-des-solutions</link>
    <guid isPermaLink="false">urn:md5:1d32b8fe81d6e38344848018c7b7b21d</guid>
    <pubDate>Fri, 25 Jan 2008 21:15:00 +0100</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>internet explorer</category><category>openweb</category><category>standards</category><category>web</category>    
    <description>    &lt;p&gt;Le web continue à se remuer après &lt;a href=&quot;http://hanblog.info/blog/post/2008/01/24/Please-dont-hurt-the-web&quot; hreflang=&quot;fr&quot;&gt;l'annonce de Microsoft&lt;/a&gt;. &lt;a href=&quot;http://annevankesteren.nl/2008/01/rendering-modes&quot; hreflang=&quot;en&quot;&gt;Anne van Kesteren&lt;/a&gt; explique d'ailleurs très clairement le problème que ces modes causent. Certains prépare des solutions de boycott, d'autres cherchent une solution alternative pour coller aux besoins de l'équipe IE tout en favorisant les standards. &lt;a href=&quot;http://dbaron.org/log/2008-01#e20080124a&quot; hreflang=&quot;en&quot;&gt;La solution de David Baron&lt;/a&gt; est ma préférée. Comme je le disais, la principale inquiétude de Microsoft tourne autour des Intranet. Laissons donc le reste du web bénéficier d'un vrai rendu standard. Les administrateurs des réseaux d'entreprises choisiraient quels sites doivent être vus avec un autre moteur que celui de base. Ce n'est pas aussi bien que des modes de rendus très proches qui évoluent ensemble mais on ne peut demander à Microsoft de recommencer le travail sur IE8 depuis le début.&lt;/p&gt;


&lt;p&gt;Je suis d'ailleurs tombé sur &lt;a href=&quot;http://www.katemonkey.co.uk/article/48/x-ua-lemur-compatible&quot; hreflang=&quot;en&quot;&gt;le meilleur résumé possible&lt;/a&gt; de toutes ces discussions.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/01/25/Please-dont-hurt-the-web-des-solutions#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/01/25/Please-dont-hurt-the-web-des-solutions#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/59</wfw:commentRss>
      </item>
    
  <item>
    <title>Please, don't hurt the web</title>
    <link>http://hanblog.info/blog/post/2008/01/24/Please-dont-hurt-the-web</link>
    <guid isPermaLink="false">urn:md5:a9d0a56d3d4c119074afaaa6adbbeefc</guid>
    <pubDate>Thu, 24 Jan 2008 01:20:00 +0100</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>internet explorer</category><category>openweb</category><category>standards</category><category>web</category>    
    <description>    &lt;p&gt;&lt;img src=&quot;http://hanblog.info/blog/public/ie-lock.png&quot; alt=&quot;IE-Lock&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; /&gt;Et bien il fallait bien ça pour sortir ce blog de sa torpeur&amp;nbsp;: &lt;a href=&quot;http://blogs.msdn.com/ie/archive/2008/01/21/compatibility-and-ie8.aspx&quot; hreflang=&quot;en&quot;&gt;Compatibility and IE8&lt;/a&gt;. Je ne ferais pas l'inventaire de toutes les réactions (on peut trouver assez de liens sur le &lt;a href=&quot;http://www.w3.org/QA/2008/01/ie8_versioning_snowstorm.html&quot; hreflang=&quot;en&quot;&gt;QA Blog du W3C&lt;/a&gt;, mais ça fuse de partout. Que ce soit chez Mozilla, Webkit, Opera ou chez les développeurs web. Il y a bien quelques satisfaits tout de même.&lt;/p&gt;


&lt;p&gt;On nous explique que ce nouveau mode de choix du rendu a été inventé par pragmatisme. Lorsque l'on était en mode &quot;standard&quot;, on utilisait des hacks pour corriger les bugs de IE6. À l'arrivée de IE7, cette technique ne fonctionne plus puisque les hacks de contournement ont été corrigés mais pas les bugs en question. L'équipe de IE s'était dit que les améliorations n'étant disponibles qu'en mode &quot;standard&quot;, le web ne serait pas cassé. C'est là que vient le pragmatisme&amp;nbsp;: &quot;faut pas refaire pareil !&quot;.&lt;/p&gt;


&lt;p&gt;Les pages sont conçues à un moment précis, pour une version précise du moteur de chaque navigateur. Et bien inventons un moyen de fixer ces pages définitivement. Ça part donc sur une bonne intention, pleine de bon sens.&lt;/p&gt;


&lt;p&gt;Là où le bon sens déraille, c'est que cela implique que chaque version d'IE devra intégrer toutes les versions précédentes jusqu'à IE6. Est-ce pragmatique, réalisable&amp;nbsp;? Bien sûr que non. Il y aura toujours des différences de rendu au fur et à mesure, pour s'adapter à une nouvelle version du système d'exploitation, des changements matériels, etc.&lt;/p&gt;


&lt;p&gt;Bon, admettons que ce soit possible (oui, faîtes un effort). Je mets donc un tag pour bloquer à IE8. Mais quel IE8&amp;nbsp;? Celui de la sortie ou celui un an plus tard avec les corrections de sécurité&amp;nbsp;? Ça pose encore plein de problèmes comme les frames et iframes mélangeant des pages ne souhaitant pas le même mode de rendu. Ou encore la question des copier/coller pour &quot;widget&quot;.&lt;/p&gt;


&lt;p&gt;Ce principe de choix du moteur rappelle aussi les très belles heures du web &quot;Conçu pour Internet Explorer en 800x600&quot;. Ressortez tous vos gifs animés&amp;nbsp;!&lt;/p&gt;


&lt;p&gt;Évidemment, j'espère que Microsoft reviendra sur sa décision. On voit clairement que cette décision a été prise pour les Intranet qui restent encore la quasi chasse gardée de Microsoft vu l'inertie (tout à fait naturelle) des entreprises. Cette décision n'est pas néfaste pour les pages déjà existantes mais pour les prochaines à venir. Le slogan &quot;Don't break the web&quot; regarde en arrière, jamais en avant.&lt;/p&gt;


&lt;p&gt;Au fait, comment fait &lt;a href=&quot;http://blogs.msdn.com/ie/archive/2007/12/19/internet-explorer-8-and-acid2-a-milestone.aspx&quot; hreflang=&quot;en&quot;&gt;IE8 pour passer le test Acid2&lt;/a&gt;&amp;nbsp;?&lt;/p&gt;


&lt;p&gt;PS&amp;nbsp;: Merci à &lt;a href=&quot;http://sunfox.org/blog/2008/01/23/internet-locker/&quot; hreflang=&quot;fr&quot;&gt;Sunny pour son logo&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Update&amp;nbsp;: &lt;a href=&quot;http://hanblog.info/blog/post/2008/01/25/Please-dont-hurt-the-web-des-solutions&quot; hreflang=&quot;fr&quot;&gt;Des solutions ?&lt;/a&gt;&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2008/01/24/Please-dont-hurt-the-web#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2008/01/24/Please-dont-hurt-the-web#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/58</wfw:commentRss>
      </item>
    
  <item>
    <title>Django-fr sur Webfaction</title>
    <link>http://hanblog.info/blog/post/2007/09/14/Django-sur-webfactional</link>
    <guid isPermaLink="false">urn:md5:79f5930a70dcff402faff6b61e825456</guid>
    <pubDate>Fri, 05 Oct 2007 01:02:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>django</category><category>howto</category><category>projets</category><category>svn</category><category>trac</category><category>webfaction</category>    
    <description>&lt;p&gt;Depuis 3 semaines, le site de la &lt;a href=&quot;http://www.django-fr.org&quot; hreflang=&quot;fr&quot;&gt;communauté française Django&lt;/a&gt; tourne sur &lt;a href=&quot;http://www.webfaction.com/&quot; hreflang=&quot;fr&quot;&gt;Webfaction&lt;/a&gt;. Comme je me suis occupé de la migration, &lt;a href=&quot;http://www.biologeek.com/journal/&quot; hreflang=&quot;fr&quot;&gt;David&lt;/a&gt; ayant une todo-list longue comme le bras, je vous propose un petit howto d'une migration Django, SVN et Trac.&lt;/p&gt;    &lt;h2&gt;Django&lt;/h2&gt;

&lt;p&gt;Premièrement, dans le panel, installez une application django en version 0.96. Il faut ensuite mettre à jour django avec le trunk si vous le souhaitez. Pour cela, il suffit juste de remplacer le répertoire &lt;code&gt;~/lib/python2.5/django&lt;/code&gt; par un checkout du trunk. Plus d'infos sur &lt;a href=&quot;http://forum.webfaction.com/viewtopic.php?id=276&quot; hreflang=&quot;en&quot;&gt;les fora de webfaction&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Après ça, vous pouvez mettre votre projet dans &lt;code&gt;~/webapps/django/nom-de-lapp/&lt;/code&gt;.
Modifions maintenant la configuration par défaut. Le httpd.conf se trouve dans &lt;code&gt;~/webapps/django/nom-de-lapp/apache2/conf/&lt;/code&gt;. Il faudra peut-être jouer un peu avec le PythonPath pour que les import pointent au bon endroit. Dans notre configuration, Webfaction ne nous autorise que 40mo d'utilisation de mémoire vive. Nous avons donc modifié la config ainsi&amp;nbsp;:&lt;/p&gt;
&lt;pre&gt;
ServerLimit 1
MaxRequestsPerChild 1000
KeepAlive Off
&lt;/pre&gt;

&lt;p&gt;À modifier évidemment selon vos droits d'utilisation de mémoire vive.
Il ne faut pas oublier de servir les fichiers statiques (CSS, JS, images). S'il vous reste de quoi installer d'autres applications, je vous conseille de suivre &lt;a href=&quot;http://blog.webfaction.com/static-content-faq&quot; hreflang=&quot;en&quot;&gt;les conseils&lt;/a&gt; &lt;a href=&quot;http://forum.webfaction.com/viewtopic.php?id=29&quot; hreflang=&quot;en&quot;&gt;de Webfaction&lt;/a&gt;. Dans le cas contraire, une config du type suivant devrait convenir pour les fichiers de l'admin&amp;nbsp;:&lt;/p&gt;
&lt;pre&gt;
Alias /media/admin /home/mon-utilisateur/lib/python2.5/django/contrib/admin/media
&amp;lt;Location &amp;quot;/media/admin&amp;quot;&amp;gt;
    SetHandler None
    SetOutputFilter DEFLATE
&amp;lt;/Location&amp;gt;
&lt;/pre&gt;

&lt;p&gt;Je vous laisse deviner comment modifier cela pour servir les fichiers statiques de votre appli.
N'oubliez pas de redémarrer apache avec &lt;code&gt;~/webapps/django/nom-de-lapp/apache2/bin/restart&lt;/code&gt;.
Il faudra aussi ne pas oublier d'associer l'application à un website dans le panel.&lt;/p&gt;


&lt;h2&gt;SVN et Trac&lt;/h2&gt;

&lt;p&gt;Commencez par créer une application SVN et une Trac.
Il vous faudra exporter votre ancien dépôt SVN avec la commande &lt;code&gt;svnadmin dump /path/to/svn &amp;gt; svn.dump&lt;/code&gt;.
Pour ensuite l'importer avec &lt;code&gt;svnadmin load ~/webapps/svn/ &amp;lt; svn.dump&lt;/code&gt;.&lt;/p&gt;


&lt;p&gt;Pour Trac, il faut copier la base de données SQLite dans le répertoire &lt;code&gt;~/webapps/trac/db/trac.db&lt;/code&gt;. N'oubliez pas de copier aussi les répertoires attachments et templates. On finit par un petit &lt;code&gt;trac-admin ~/webapps/trac/ upgrade&lt;/code&gt; si vous aviez une version inférieure de Trac sur votre ancien serveur.&lt;/p&gt;


&lt;p&gt;Il y a aussi la gestion des permissions. Pour les fichiers htaccess, copiez en un vers &lt;code&gt;~/webapps/svn/.htaccess&lt;/code&gt;. Puis faites un lien symbolique de &lt;code&gt;~/webapps/trac/.htaccess&lt;/code&gt; vers &lt;code&gt;~/webapps/svn/.htaccess&lt;/code&gt;. Comme ça, ils seront toujours synchronisés. Pour la gestion fine des accès, tout ce trouve dans &lt;code&gt;~/webapps/svn/.authz&lt;/code&gt;.&lt;/p&gt;


&lt;h2&gt;Les fortunes&lt;/h2&gt;

&lt;p&gt;La migration était justement l'occasion de mettre en ligne &lt;a href=&quot;http://www.django-fr.org/fortunes/&quot; hreflang=&quot;fr&quot;&gt;les fortunes&lt;/a&gt;. Il reste quelques réglages de regexp à faire, mais au moins, les péripéties de #django-fr sur irc.freenode.net sont gardées pour la postérité. Si ça peut vous donner envie de nous rejoindre...&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2007/09/14/Django-sur-webfactional#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2007/09/14/Django-sur-webfactional#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/55</wfw:commentRss>
      </item>
    
  <item>
    <title>Les indispensables sur Mac OS X Tiger</title>
    <link>http://hanblog.info/blog/post/2007/07/17/Les-indispensables-sur-Mac-OS-X-Tiger</link>
    <guid isPermaLink="false">urn:md5:d4f2b761e7fe3df5a02d140800b40942</guid>
    <pubDate>Sat, 21 Jul 2007 00:07:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>installation</category><category>logiciels</category><category>mac</category>    
    <description>&lt;p&gt;Lundi soir, petit contretemps, le disque dur de mon Macbook affiche quelques erreurs qu'un fsck n'arrive pas à corriger. Pas envie de fouiller pendant des heures et en plus, ça devenait un peu le souk, donc on va repartir sur de bonnes bases. Réinstallation complète. L'occasion de mettre par écrit les quelques petits trucs que j'avais pu glaner au fur et à mesure de ma découverte du système. Ça pourra peut-être servir à d'autres même si c'est centré sur mon utilisation.&lt;/p&gt;    &lt;h2&gt;Mise à jour&lt;/h2&gt;

&lt;p&gt;Déjà, comme tout OS, on part pour une mise à jour complète de sécurité et autres joyeusetés. Laissons le système faire son travail, on n'est pas pressés. Ah bah tiens, ça doit se faire en deux fois sur Mac. Dommage.&lt;/p&gt;


&lt;h2&gt;Multimédia&lt;/h2&gt;

&lt;p&gt;Commençons par &lt;a href=&quot;http://www.flip4mac.com/wmv_download.htm&quot; hreflang=&quot;en&quot;&gt;Flip4Mac&lt;/a&gt; permettant de lire les odieux fichiers WMV et WMA.
Ensuite &lt;a href=&quot;http://perian.org/&quot; hreflang=&quot;en&quot;&gt;Perian&lt;/a&gt;, le trousseau rempli de codecs. Et voilà, on est parés pour tout voir à travers Quicktime.
Mais Quicktime, c'est pas le top pour visualiser des vidéos. On rajoute donc &lt;a href=&quot;http://www.mplayerhq.hu/&quot; hreflang=&quot;en&quot;&gt;MPlayer&lt;/a&gt; et &lt;a href=&quot;http://www.videolan.org/&quot; hreflang=&quot;en&quot;&gt;VLC&lt;/a&gt;&lt;/p&gt;


&lt;h2&gt;Safari&lt;/h2&gt;

&lt;p&gt;Pour activer les onglets, il faut aller dans les préférences (pourquoi, j'en sais fichtre rien...). Idem pour la mémoire des mots de passe (là je comprends mieux).&lt;/p&gt;


&lt;h2&gt;Préférences Système&lt;/h2&gt;

&lt;h3&gt;Dashboard et Exposé&lt;/h3&gt;

&lt;p&gt;Régler Dashboard à un truc comme +F11 pour ne pas faire conflit avec le F12 de Firebug.&lt;/p&gt;

&lt;h3&gt;Sécurité&lt;/h3&gt;

&lt;p&gt;Mot de passe après le fond d'écran ou suspension d'activité, évidemment. On désactive aussi l'ouverture de session automatique.&lt;/p&gt;

&lt;h3&gt;Claviers&lt;/h3&gt;

&lt;p&gt;Raccourcis claviers&amp;gt;Accès au clavier complet. Permet d'utiliser Tab un peu partout pour naviguer dans les interfaces.&lt;/p&gt;

&lt;h3&gt;Partage&lt;/h3&gt;

&lt;p&gt;C'est là qu'on peut changer le nom de l'ordinateur&lt;/p&gt;

&lt;h3&gt;Verrouiller l'écran rapidement&lt;/h3&gt;

&lt;p&gt;Alors il faut aller dans les préférences du &quot;Trousseau d'accès&quot;. Encore un petit truc pas très facile à trouver.&lt;/p&gt;


&lt;h2&gt;Internet&lt;/h2&gt;

&lt;h3&gt;&lt;a href=&quot;http://adium.aybee.net/&quot; hreflang=&quot;fr&quot;&gt;Adium&lt;/a&gt; pour MSN&lt;/h3&gt;

&lt;p&gt;Demande d'installer Growl, le système de notification global. L'affichage Music Video est plutôt sympa.&lt;/p&gt;

&lt;h3&gt;&lt;a href=&quot;http://colloquy.info/&quot; hreflang=&quot;en&quot;&gt;Colloquy&lt;/a&gt; pour IRC&lt;/h3&gt;

&lt;p&gt;Changer l'interface pour passer en mode &quot;Tabbed&quot;. Auto join dans les préférences sous l'onglet Behavior.&lt;/p&gt;

&lt;h3&gt;Last.fm&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;http://www.last.fm/group/iScrobbler/forum/35555/_/134630&quot; hreflang=&quot;en&quot;&gt;iScrobbler&lt;/a&gt;, le plugin tout léger par rapport au client officiel et &lt;a href=&quot;http://www.last.fm/group/iScrobbler&quot; hreflang=&quot;en&quot;&gt;son groupe&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Voilà pour le moment, sur les quelques réinstallations que j'ai faites. La liste s'étoffera certainement. J'attends d'ailleurs vos propositions si vous avez quelques petites astuces, logiciels à partager, n'hésitez pas.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2007/07/17/Les-indispensables-sur-Mac-OS-X-Tiger#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2007/07/17/Les-indispensables-sur-Mac-OS-X-Tiger#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/53</wfw:commentRss>
      </item>
    
  <item>
    <title>Enfin un intérêt à Twitter</title>
    <link>http://hanblog.info/blog/post/2007/05/23/Enfin-un-interet-a-Twitter</link>
    <guid isPermaLink="false">urn:md5:c04d193bbd9cd2ce51425e59e12c2c8c</guid>
    <pubDate>Wed, 23 May 2007 17:14:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>détente</category><category>Twitter</category>    
    <description>    &lt;p&gt;J'ai enfin trouvé deux pages intéressantes sur &lt;a href=&quot;http://hanblog.info/blog/tag/Twitter&quot;&gt;Twitter&lt;/a&gt;&amp;nbsp;: la &lt;a href=&quot;http://twitter.com/404.html&quot; hreflang=&quot;en&quot;&gt;404&lt;/a&gt; et la &lt;a href=&quot;http://static.twitter.com/system/maintenance/index.html&quot; hreflang=&quot;en&quot;&gt;maintenance&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Énorme éclat de rire, ça fait du bien.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2007/05/23/Enfin-un-interet-a-Twitter#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2007/05/23/Enfin-un-interet-a-Twitter#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/49</wfw:commentRss>
      </item>
    
  <item>
    <title>Le wifi chez Free, c'est...</title>
    <link>http://hanblog.info/blog/post/2007/05/11/Le-wifi-chez-Free-cest</link>
    <guid isPermaLink="false">urn:md5:f02e48c46348f307e8877acae559ddba</guid>
    <pubDate>Fri, 11 May 2007 01:08:00 +0200</pubDate>
    <dc:creator>Anthony Ricaud</dc:creator>
        <category>Informatique</category>
        <category>colocation</category><category>free</category><category>wifi</category>    
    <description>    &lt;p&gt;génial.&lt;/p&gt;


&lt;p&gt;Ou pas.&lt;/p&gt;


&lt;p&gt;Depuis maintenant un mois, le wifi de notre Freebox V5 déconne. On aperçoit le réseau mais impossible de se connecter. Après cette première tentative, le réseau disparait. Du côté de la freebox TV, impossible de se connecter en wifi aussi...&lt;/p&gt;


&lt;p&gt;On pensait qu'un échange de la partie ADSL suffirait mais au vu des premiers tests de ce soir, c'est la même chose.&lt;/p&gt;


&lt;p&gt;Coup de fil de gueulante prévue demain matin&amp;nbsp;!&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2007/05/11/Le-wifi-chez-Free-cest#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2007/05/11/Le-wifi-chez-Free-cest#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/47</wfw:commentRss>
      </item>
    
  <item>
    <title>Passage au Mac</title>
    <link>http://hanblog.info/blog/post/2007/01/22/48-passage-au-mac</link>
    <guid isPermaLink="false">urn:md5:5b661bd217a57edabcc15d17727c9572</guid>
    <pubDate>Mon, 22 Jan 2007 00:47:15 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>&lt;p&gt;Pendant ma longue période de silence, je me suis acheté (avec le soutien des parents) un nouvel ordinateur. J'ai profité de l'offre BNP Paribas qui offre une réduction de 250€ sur l'achat du modèle à 1300€ (modèle Core Duo). Après 6 mois d'utilisation, je vais essayer de dresser un bilan au niveau matériel et logiciel.&lt;/p&gt;    &lt;h3&gt;Ce que j'aime&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Le design, évidemment. Pas d'autocollants partout, des courbes, un format compact qui ne fait pas mastodonte.&lt;/li&gt;
&lt;li&gt;Le trackpad, tout simplement génial. Très grand avec un système de défilement lorsque l'on pose plusieurs doigts dessus. Et dans toutes les directions.&lt;/li&gt;
&lt;li&gt;Le clavier. Très agréable à la frappe.&lt;/li&gt;
&lt;li&gt;Magsafe, le connecteur magnétique. Ainsi, pas de portable renversé par des pieds maladroits. C'est bête, suffisait d'y penser. Pour moi, c'est assez représentatif de la touche Apple.&lt;/li&gt;
&lt;li&gt;L'Apple Remote. Une télécommande livrée de base avec un portable moyenne gamme, c'est très pratique. Pour des présentations, ça évite de rester coller à l'ordinateur et en tant qu'étudiant, ça m'a pas mal servi (et à quelques autres aussi). En plus, avec le logiciel Remote Buddy, on peut s'en servir pour contrôler tous ces logiciels.&lt;/li&gt;
&lt;li&gt;Mac OS X. En général, ce système est beau, bien pensé et performant. Il a tous les avantages (ou presque, cf. les je n'aime pas) des systèmes Unix avec une interface digne de ce nom. Une homogénéité globale aussi. Toutes les applications utilisent le même correcteur d'orthographe, le même trousseau pour stocker les informations sensibles, etc. Et puis, il est bourré de petits détails qui simplifient la vie et qui deviennent indispensable.&lt;/li&gt;
&lt;li&gt;Keynote. Cet outil de présentation est le plus abouti que je connaisse. Powerpoint, OpenOffice.org, les présentations en HTML, il n'y a rien d'aussi bien pensé.
&lt;ul&gt;
&lt;li&gt;La création est réellement aisée. De jolis modèles, l'utilisation de styles mise en avant, des transitions originales, la possibilité de laisser des posts-it pour se laisser des notes.&lt;/li&gt;
&lt;li&gt;Mais c'est pendant une présentation qu'il marque sa différence. Là où les autres logiciels ne proposent que la recopie sur l'écran de l'ordinateur, lui l'assiste. Ainsi, on voit la plaquette actuelle, la suivante. On peut positionner une horloge et une minuterie. Mais aussi des notes en relation avec la plaquette visible. Fini les yeux rivés sur le téléphone pour regarder le temps écoulé avec petit calcul qui déconcentre si on n'a pas de fonction chronomètre. Fini aussi la fiche de note archaïque. Je suis étonné que les autres logiciels ne proposent pas ses fonctions.&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;Textmate. Un éditeur qu'il est tout bien. Il y aurait tellement de choses à en dire...&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Ce que je n'aime pas&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;L'homogénéité justement. Cela apporte généralement du confort mais on reste quelque fois un peu coincé quand on veut sortir des sentiers battus. Linux et autres Unix permettent de changer tous les éléments constituants le système. Ça en fait sa force puisqu'il est possible d'avoir un système unique, adapté à ses besoins.&lt;/li&gt;
&lt;li&gt;J'ai l'impression que les applications consomme énormément de mémoire vive. Avec les 512 Mo de base, je me retrouve souvent à attendre. Je trouvais d'ailleurs dommage qu'Apple vende les Macbook avec cette quantité mais depuis, ils ont rectifié le tir. Je vais donc bientôt acheter une barrette de 1 Go pour mon confort.&lt;/li&gt;
&lt;li&gt;Les formats fermés omniprésents. Même si il repose sur de nombreux formats ouverts, au niveau de mes données, les logiciels utilisent plutôt les formats fermés. Que ce soit iTunes, iWork,  Quicktime ou autre. J'essaye de m'en passer mais en général il n'y a pas d'équivalent sérieux.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Bilan&lt;/h3&gt;

&lt;p&gt;Globalement je suis satisfait de ce passage au Mac. Et puis, si certains aspects logiciels me gênent, je peux utiliser Linux (je devrais essayer OpenSuse prochainement). Et puis le Mac reste la seule plate-forme où je peux tester des sites Web sous n'importe quel environnement.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2007/01/22/48-passage-au-mac#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2007/01/22/48-passage-au-mac#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/41</wfw:commentRss>
      </item>
    
  <item>
    <title>Quelques astuces pour Gnome</title>
    <link>http://hanblog.info/blog/post/2006/07/22/46-quelques-astuces-pour-gnome</link>
    <guid isPermaLink="false">urn:md5:e722dc4bb7bf37fd53b99ba8a7e1ac05</guid>
    <pubDate>Sat, 22 Jul 2006 14:11:09 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>&lt;p&gt;Il va vraiment falloir que je trouve un rythme de croisière pour ce blog sinon, ça ne sert à rien. Aujourd'hui, je vais parler de deux petits trucs pour Gnome.&lt;/p&gt;    &lt;h3&gt;Le zoom pour Nautilus&lt;/h3&gt;

&lt;p&gt;L'explorateur de fichiers de Gnome possède une fonction bien utile, le zoom. De base, les fichiers sont affichés avec un zoom de 100% et sans informations autre que le nom. On peut régler le zoom avec le menu en haut à droite ou avec Ctrl++&lt;sup&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2006/07/22/#pnote-46-1&quot; id=&quot;rev-pnote-46-1&quot;&gt;1&lt;/a&gt;]&lt;/sup&gt; et Ctrl+- ou encore avec Ctrl+roulette (comme le zoom de Firefox).&lt;/p&gt;


&lt;p&gt;L'avantage, c'est qu'en zoomant, des informations complémentaires sur le fichier s'afficheront. Et le truc encore plus sympa, c'est que ses informations sont personnalisables&amp;nbsp;! Pour ce faire, dirigeons nous vers l'onglet Affichage du menu Édition &amp;gt; Préférences. Les trois boîtes de sélections représentent ce qui s'affichera à partir du zoom 100%, puis 150% et enfin 400%.
&lt;img src=&quot;http://hanblog.info/blog/images/autres/preferences.png&quot; alt=&quot;L&amp;#039;onglet Affichage du menu Édition &amp;gt; Préférences&quot; style=&quot;display:block; margin:0 auto;&quot; /&gt;
A noter, la taille d'un dossier est en fait le nombre d'éléments qui le composent.&lt;/p&gt;


&lt;p&gt;J'espère que ces petites astuces vous aideront. De mon côté, j'utilise ceci pour obtenir davantage d'infomations sans avoir à ouvrir les propriétés du fichier.
&lt;img src=&quot;http://hanblog.info/blog/images/autres/nautilus.png&quot; alt=&quot;Le résultat sur mon ordinateur&quot; style=&quot;display:block; margin:0 auto;&quot; /&gt;&lt;/p&gt;


&lt;h3&gt;La capture d'écran&lt;/h3&gt;

&lt;p&gt;En arrivant sous Ubuntu, j'avais été impressionné par la facilité avec laquelle on pouvait réaliser une capture d'écran. Il suffit d'appuyer sur la touche &quot;Impr écran&quot; et une fenêtre s'ouvre pour vous demander l'emplacement de sauvegarde. L'image est d'ailleurs sauvegardée au format &lt;a href=&quot;http://fr.wikipedia.org/wiki/Portable_Network_Graphics&quot; hreflang=&quot;fr&quot;&gt;&lt;acronym title=&quot;Portable Network Grahics&quot;&gt;PNG&lt;/acronym&gt;&lt;/a&gt;, bien plus léger que le &lt;a href=&quot;http://fr.wikipedia.org/wiki/BMP_%28format%29&quot; hreflang=&quot;fr&quot;&gt;&lt;acronym title=&quot;Bitmap&quot;&gt;BMP&lt;/acronym&gt;&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Et en réalisant ce billet, j'avais besoin de n'enregistrer qu'une fenêtre. Plutôt que d'enregistrer tout l'écran, puis de rogner l'image avec un éditeur, il suffit de faire Alt+&quot;Impr Ecran&quot; et seule l'application active sera capturer. Déconcertant de simplicité, non&amp;nbsp;?&lt;/p&gt;
&lt;div class=&quot;footnotes&quot;&gt;&lt;h4&gt;Notes&lt;/h4&gt;
&lt;p&gt;[&lt;a href=&quot;http://hanblog.info/blog/post/2006/07/22/#rev-pnote-46-1&quot; id=&quot;pnote-46-1&quot;&gt;1&lt;/a&gt;] Pas très pratique comme notation...&lt;/p&gt;&lt;/div&gt;
</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2006/07/22/46-quelques-astuces-pour-gnome#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2006/07/22/46-quelques-astuces-pour-gnome#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/39</wfw:commentRss>
      </item>
    
  <item>
    <title>Linux pour les parents</title>
    <link>http://hanblog.info/blog/post/2006/06/01/45-linux-pour-les-parents</link>
    <guid isPermaLink="false">urn:md5:cd7dc32de0367b2db5b68e9ee93580b2</guid>
    <pubDate>Thu, 01 Jun 2006 19:52:37 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>    &lt;p&gt;Comme à chaque fois (ou presque) que je rentre en vacances, mes parents me demandent de réinstaller Windows (&quot;c'est trop lent&quot;, &quot;ça marche plus&quot;, etc etc), j'ai décidé de les faire passer sous Linux.&lt;/p&gt;


&lt;p&gt;Comme j'utilise &lt;a href=&quot;http://www.ubuntu-fr.org&quot; hreflang=&quot;fr&quot;&gt;Ubuntu&lt;/a&gt; depuis plus d'un an et que j'en suis très satisfait, c'est cette distribution que j'ai décidé de leur installer. En plus, ça tombe bien, la version &quot;Dapper Drake&quot; est sortie aujourd'hui.&lt;/p&gt;


&lt;p&gt;Bon évidemment, j'ai laissé un Windows en état de fonctionnement au cas où ils se sentiraient perdus. Mais comme tout est fonctionnel sous Linux et ce de manière plus simple, je pense qu'ils vont l'adopter. D'ailleurs, la majorité des logiciels qu'ils utilisaient (&lt;a href=&quot;http://www.mozilla-europe.org/fr/products/firefox/&quot; hreflang=&quot;fr&quot;&gt;Firefox&lt;/a&gt;, &lt;a href=&quot;http://www.mozilla-europe.org/fr/products/thunderbird/&quot; hreflang=&quot;fr&quot;&gt;Thunderbird&lt;/a&gt; ou &lt;a href=&quot;http://fr.openoffice.org/&quot; hreflang=&quot;fr&quot;&gt;OpenOffice.org&lt;/a&gt; entre autres) sont disponibles sous Ubuntu.&lt;/p&gt;


&lt;p&gt;Il reste des problèmes d'écran (dû à notre matériel qui est défectueux) et des problèmes de Wifi. Pour le deuxième point, je ne sais pas si cela vient de notre configuration ou de la Freebox.&lt;/p&gt;


&lt;p&gt;Enfin, je vous conseille la lecture du texte &lt;a href=&quot;http://ploum.frimouvy.org/?2006/06/01/111-la-voiture-volante-long-time-support&quot; hreflang=&quot;fr&quot;&gt;La voiture volante &quot;Long Term Support&quot;&lt;/a&gt; de &lt;a href=&quot;http://ploum.frimouvy.org&quot; hreflang=&quot;fr&quot;&gt;Ploum&lt;/a&gt;. Une jolie métaphore filée qui, je l'espère, vous fera comprendre que désormais, Linux est accessible à tout le monde.&lt;/p&gt;


&lt;p&gt;Si vous lisez ce texte et que souhaitez plus d'informations, de l'aide ou quoi que ce soit, je suis prêt à vous aider (dans les limites de mes modestes compétences). Contactez-moi par courriel&amp;nbsp;: a.ricaud AT laposte.net.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2006/06/01/45-linux-pour-les-parents#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2006/06/01/45-linux-pour-les-parents#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/38</wfw:commentRss>
      </item>
    
  <item>
    <title>La liberté en informatique expliquée simplement</title>
    <link>http://hanblog.info/blog/post/2005/07/22/34-la-liberte-en-informatique-expliquee-simplement</link>
    <guid isPermaLink="false">urn:md5:b57d85eb163a0c5ff14b00de8e4f836d</guid>
    <pubDate>Fri, 22 Jul 2005 12:25:47 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>    &lt;p&gt;Au fur et à mesure de ma découverte des &lt;strong&gt;logiciels libres&lt;/strong&gt;, j'essaie de trouver de bonnes vulgarisations pour expliquer ce phénomène à mes contacts. Et bien, je crois avoir trouvé un article tout à fait dans le ton que je recherchais.&lt;br /&gt;
C'est suffisament complet, tout en restant simple et intéressant à lire.&lt;/p&gt;


&lt;p&gt;Je vous laisse savourer. &lt;a href=&quot;http://ploum.frimouvy.org/?2005/07/14/62-de-la-liberte-la-face-meconnue-de-l-informatique&quot; hreflang=&quot;fr&quot;&gt;De la liberté, la face méconnue de l'informatique&lt;/a&gt;&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2005/07/22/34-la-liberte-en-informatique-expliquee-simplement#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2005/07/22/34-la-liberte-en-informatique-expliquee-simplement#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/31</wfw:commentRss>
      </item>
    
  <item>
    <title>Pas facile d'être aveugle</title>
    <link>http://hanblog.info/blog/post/2005/04/04/32-pas-facile-detre-aveugle</link>
    <guid isPermaLink="false">urn:md5:de8f67bb2e09d84523cd2f01eedfc4a5</guid>
    <pubDate>Mon, 04 Apr 2005 00:07:17 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>    &lt;p&gt;Oui bon, c'est pas nouveau ce que j'ai écrit dans le titre de ce billet. D'ailleurs, la &lt;a href=&quot;http://www.edf.com/html/pubtv_2005/diversites/edf.html&quot; hreflang=&quot;fr&quot;&gt;publicité actuelle&lt;/a&gt; d'&lt;a href=&quot;http://www.edf.fr&quot; hreflang=&quot;fr&quot;&gt;&lt;acronym title=&quot;Électricité de France&quot;&gt;EDF&lt;/acronym&gt;&lt;/a&gt; le rappelle bien.&lt;/p&gt;


&lt;p&gt;On pourrait penser que devant un ordinateur, les calvaires d'un mal-voyant ou non-voyant diminuent. Pas du tout comme le montre cette &lt;a href=&quot;http://www.unice.fr/dnte/nte/dotclear/index.php/2005/02/28/66-film-lordinateur-des-aveugles&quot; hreflang=&quot;fr&quot;&gt;vidéo&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Une preuve de plus pour convaincre tous les sites de respecter les normes d'accessibilité.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2005/04/04/32-pas-facile-detre-aveugle#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2005/04/04/32-pas-facile-detre-aveugle#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/29</wfw:commentRss>
      </item>
    
  <item>
    <title>Le podcast c'est bon, mangez-en</title>
    <link>http://hanblog.info/blog/post/2005/03/30/31-le-podcast-cest-bon-mangez-en</link>
    <guid isPermaLink="false">urn:md5:d101a20e08f431926790a16734f2d088</guid>
    <pubDate>Wed, 30 Mar 2005 18:41:48 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>    &lt;p&gt;Vous en avez peut-être déjà entendu parler ou peut-être pas, mais il arrive en force. Après les blogues qui ne sont que des textes et des images, les moblogues qui ne sont qu'un dérivé (peu intéressant à mon avis) des blogues, la grosse évolution actuelle sont les podcasts. Il suffit de rajouter du son.&lt;/p&gt;


&lt;p&gt;Et ça apporte énormément. C'est un très bon complément aux radios qui ne diffuse ses programmes qu'à heures précises. Avec un podcast, vous téléchargez le &quot;billet&quot;, vous l'écoutez à l'heure que vous souhaitez chez vous ou encore mieux, sur votre baladeur numérique (comme par exemple l'iPod qui a donné son nom à ce type de blogues). On attend bien sûr que les radios s'y mettent. Pour l'instant, elles ne diffusent leurs émissions qu'en direct sur Internet mais le jour où elles proposeront des fichiers, ce sera une évolution de plus dans notre relation à l'information.&lt;/p&gt;


&lt;p&gt;Un des premiers podcasts francophone est le &lt;a href=&quot;http://www.podcasteur.com&quot; hreflang=&quot;fr&quot;&gt;podcasteur&lt;/a&gt; qui vient de publier son 21ème podcast.&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2005/03/30/31-le-podcast-cest-bon-mangez-en#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2005/03/30/31-le-podcast-cest-bon-mangez-en#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/28</wfw:commentRss>
      </item>
    
  <item>
    <title>Navigateur obsolète deviendra moderne ?</title>
    <link>http://hanblog.info/blog/post/2005/02/17/26-navigateur-obsolete-deviendra-moderne</link>
    <guid isPermaLink="false">urn:md5:d64bd8a6062936bdb717b1d3bd8a6e17</guid>
    <pubDate>Thu, 17 Feb 2005 00:11:32 +0000</pubDate>
    <dc:creator>rik24d</dc:creator>
        <category>Informatique</category>
            
    <description>    &lt;p&gt;Ca y est, Billou vient enfin de l'annoncer&amp;nbsp;: son &lt;a href=&quot;http://www.microsoft.com/windows/ie/default.mspx&quot; hreflang=&quot;en&quot;&gt;navigateur obsolète&lt;/a&gt; va être mis à jour avant la sortie de Longhorn.&lt;/p&gt;


&lt;p&gt;D'après l'annonce, cette nouvelle version se concentrera surtout sur la sécurité. Peut-être pourrait-il améliorer la prise en charge de standards définis par le &lt;a href=&quot;http://w3.org&quot; hreflang=&quot;en&quot;&gt;&lt;acronym title=&quot;World Wide Web Consortium&quot;&gt;W3C&lt;/acronym&gt;&lt;/a&gt;&amp;nbsp;? Ca n'a pas l'air d'être à l'ordre du jour. Dommage, cela aurait bien collé avec la &lt;a href=&quot;http://standblog.org/blog/2005/02/07/93113991-microsoft-declare-sa-volonte-dinteroperabilite&quot; hreflang=&quot;fr&quot;&gt;volonté d'interopérabilité&lt;/a&gt;, énoncée il y a quelques jours.&lt;br /&gt;
Autre déception, ce nouveau navigateur ne devrait être disponible que sous Windows XP SP2. Et les autres versions de Windows, elles n'ont pas le droit à plus de sécurité&amp;nbsp;?&lt;/p&gt;


&lt;p&gt;Bref, cette annonce montre tout de même que l'arrivée de Firefox, et surtout sa progression importante (&lt;a href=&quot;http://spreadfirefox.com&quot; hreflang=&quot;en&quot;&gt;Spread Firefox&lt;/a&gt; fêtait le cap des 25 millions de téléchargements hier) ont permis une réaction de la part de Microsoft. C'est un point très important dans la volonté de la fondation Mozilla&amp;nbsp;: offrir du choix aux utilisateurs pour que le Web devienne meilleur (oui, bon ça fait un peu bisounours...)&lt;/p&gt;


&lt;p&gt;&lt;a href=&quot;http://www.microsoft.com/presspass/press/2005/feb05/02-15RSA05KeynotePR.asp&quot; hreflang=&quot;en&quot;&gt;Le communiqué de presse.&lt;/a&gt;&lt;/p&gt;</description>
    
    
    
          <comments>http://hanblog.info/blog/post/2005/02/17/26-navigateur-obsolete-deviendra-moderne#comment-form</comments>
      <wfw:comment>http://hanblog.info/blog/post/2005/02/17/26-navigateur-obsolete-deviendra-moderne#comment-form</wfw:comment>
      <wfw:commentRss>http://hanblog.info/blog/feed/rss2/comments/23</wfw:commentRss>
      </item>
    
</channel>
</rss>