<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
         xmlns:err="http://jelix.org/ns/xmlerror/1.0">
 <channel>

    <title><![CDATA[Carambozilla - Chroniques numériques (Boîte à outils)]]></title>
    <link>http://www.carambozilla.com/categorie-10398103.html</link>
    <description>Les derniers articles publiés dans la catégorie &quot;Boîte à outils&quot; du blog &quot;Carambozilla - Chroniques numériques&quot;</description>

        <language>fr</language>
    
        <image>
        <url>http://fdata.over-blog.net/1/92/42/90/avatar-blog-1040805316-tmpphppY9qot.jpeg</url>
        <title><![CDATA[Carambozilla - Chroniques numériques (Boîte à outils)]]></title>
        <link>http://www.carambozilla.com/categorie-10398103.html</link>
                            </image>
    
    <pubDate>Mon, 26 Jul 2010 14:57:01 +0200</pubDate>    <lastBuildDate>Mon, 26 Jul 2010 14:57:01 +0200</lastBuildDate>    <generator>Over-blog.com RSS 2.0 Engine</generator>    <copyright>Copyright 2010 www.carambozilla.com</copyright>            <category>Boîte à outils</category>    <docs>http://www.rssboard.org/rss-specification/</docs>                        
      <item>
        <title><![CDATA[Traduction]]></title>
        <link>http://www.carambozilla.com/article-traduction-53193221.html</link>        <description><![CDATA[<p>
    Dans la série "Boîte à outils", je sais que vous allez me dire que vous, vous connaissiez ça depuis longtemps, mais il n'est jamais inutile de faire (re)découvrir quelques outils pratiques.
  </p>
  <p>
    Dans la série, traductions, je vous propose Babel Fish, le traducteur en ligne de Yahoo, alternative à <a href="http://translate.google.fr/#" target="_blank">Google Trad</a>, qui traduit les
    sites plus vite que son ombre.
  </p>
  <p>
    Essayez !
  </p>
  <p>
    &nbsp;
  </p>
  <center>
     <noscript><a href="http://fr.babelfish.yahoo.com">Yahoo! Babel Fish</a></noscript>
  </center>
  <p>
    &nbsp;
  </p>
  <p>
    &nbsp;
  </p>
  <p>
    Et si vous voulez placer ce petit module très pratique sur votre blog, <a href="http://fr.babelfish.yahoo.com/free_trans_service" target="_blank">c'est par ici</a> !
  </p>
  <p>
    Bon, évidemment, comme tous les traducteurs en ligne, il n'est bluffant que dans les autres langues. De l'anglais au français, vous avez parfois plus vite fait de comprendre la version anglaise
    que d'essayer de découvrir le sens de la traduction ;). Néanmoins, ce petit outil peut rendre des services.
  </p>
  <p>
    &nbsp;
  </p>
  <p>
    <strong>A propos du Babel Fish.</strong>
  </p>
  <p>
    <img src="http://images2.wikia.nocookie.net/__cb20070228140703/desencyclopedie/images/5/51/Babelfish.jpg" class="noAlign" alt=
    "http://images2.wikia.nocookie.net/__cb20070228140703/desencyclopedie/images/5/51/Babelfish.jpg" width="283" height="188">
  </p>
  <p>
    &nbsp;
  </p>
  <p>
    On trouve l'histoire du "Babelfish" sur <a href="http://fr.wikipedia.org/wiki/Babel_fish" target="_blank">Wikipédia</a> :
  </p>
  <p>
    Le Babel Fish (ou Poisson Babel) est une espèce imaginaire de poisson&nbsp; dans "<a href="http://fr.wikipedia.org/wiki/H2G2" target="_blank">Le Guide du voyageur galactique</a>" de <a href=
    "http://fr.wikipedia.org/wiki/Douglas_Adams" target="_blank">Douglas Adams</a>. Il permet, après se l'être enfoncé dans l'oreille, de comprendre n'importe quelle langue.
  </p>
  <p>
    &nbsp;
  </p>
  <p>
    <strong>Pour aller plus loin :</strong>
  </p>
  <p>
    <a href="http://www.voyageurgalactique.com/" target="_blank">http://www.voyageurgalactique.com/</a>
  </p>
  <p>
    &nbsp;
  </p>]]></description>
        <pubDate>Wed, 30 Jun 2010 11:18:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-traduction-53193221.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-traduction-53193221-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Copy Tester]]></title>
        <link>http://www.carambozilla.com/article-copy-tester-52835286.html</link>        <description><![CDATA[<h2>
    Copy Tester
  </h2>
  <p>
    Je vous avais présenté dans un autre article <a title="Tin Eye, le moteur de recherche des images, sur Carambozilla.com" href=
    "http://www.carambozilla.com/article-moteurs-de-recherche-alternatifs-tin-eye-44475308.html" target="_blank">Tin Eye</a>, le moteur de recherche qui vous permettait de savoir si une de vos images
    était piratée.
  </p>
  <p>
    Voici aujourd'hui Copy Tester, qui vous permet de voir si quelqu'un a copié-collé un de vos textes. Essayez, c'est saisissant...
  </p>
  <p>
    <a href="http://www.copytester.com" target="_blank"><img src="http://www.copytester.com/App_Themes/images/Copy_02.gif" class="CtreTexte" width="300" height="71" alt=
    "http://www.copytester.com/App_Themes/images/Copy_02.gif"></a>
  </p>
  <p>
    Le principe est simple : vous copiez-collez le contenu de votre article ou vous entrez simplement son URL, et Copy Tester surligne en jaune le contenu dupliqué. Passez la souris sur les phrases
    surlignées et vous pouvez voir l'adresse du site qui utilise votre texte. Cliquez dessus et vous aurez démasqué le copieur...ou l'admirateur !
  </p>
  <p>
    Très utile aussi pour identifier le "Duplicate Content" qui comme chacun sait, doit être banni de nos contenus.
  </p>
  <p>
    <a href="http://mjuniverse.over-blog.com/article-29263848.html" target="_blank"><img src="http://img.over-blog.com/550x344/0/41/79/41/divers7/copieur.jpg" class="CtreTexte" width="300" height=
    "187" alt="http://img.over-blog.com/550x344/0/41/79/41/divers7/copieur.jpg"></a>
  </p>]]></description>
        <pubDate>Wed, 23 Jun 2010 17:43:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-copy-tester-52835286.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-copy-tester-52835286-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Balises html - L'espace insécable]]></title>
        <link>http://www.carambozilla.com/article-balises-html-l-espace-insecable-46603801.html</link>        <description><![CDATA[<p class="hitperso2">
    Que ce soit en Print ou en Web, savoir utiliser l'espace insécable est primordial pour pouvoir, à la fois respecter les règles typographiques, et éviter que le point d'interrogation ne chasse à
    la ligne inférieure, ce qui fait toujours désordre vous en conviendrez, surtout sur un titre&nbsp;! <img src="http://fdata.over-blog.com/pics/smiles/icon_wink.gif" border="0"><br>
    Par contre, insérer une* espace insécable dans un texte est toujours un casse tête. En web, à moins d'entrer dans le code pour l'insérer, difficile de l'ajouter.<br>
    Heureusement, une solution existe. Petit pense (pas) bête...
  </p>
  <p>
    &nbsp; <img src="http://idata.over-blog.com/1/92/42/90/Espace_Insecable.jpg" class="CtreTexte" alt="Espace_Insecable.jpg" height="217" width="400">
  </p>
  <h2>
    L'espace insécable pour le web
  </h2>En html, la balise idoine est : <b>&amp;nbsp;</b> ("<em>non breaking space</em>"). Evidemment, cela suppose de rentrer dans le code, sauf si vous êtes sur une interface qui accepte que vous
  mélangiez les balises et le texte (type Facebook ou Deviant Art)<br>
  <br>
  Malheureusement, la plupart du temps, les combinaisons de touche ne fonctionnent pas en direct sur votre texte si vous le tapez, par exemple, dans une interface de blog. Si vous ne vous sentez pas
  d'entrer dans le code, allez dans "Text Edit" (Mac) au format texte et tapez l'espace avec la bonne combinaison de touches pour obtenir l'espace insécable et faire un copier-coller. La balise
  suivra...<br>
  <h2>
    L'espace insécable pour l'édition
  </h2>D'une manière générale, la commande est : <b>Ctrl +Maj + Espace</b> pour l'environnement <b>Windows</b> (ex. <em>Word</em>),<br>
  et <b>Alt + Espace</b> sur <b>Mac</b> (Ex. <em>XPress</em>)<br>
  <h2>
    Dans quels cas utiliser l'espace insécable
  </h2>Une espace insécable** devrait être insérée en présence de la ponctuation suivante&nbsp;:<br>
  Point (&nbsp;.&nbsp;) · Points de suspension (&nbsp;…&nbsp;)<br>
  Point-virgule (&nbsp;;&nbsp;) · Deux-points (&nbsp;:&nbsp;)<br>
  Point d’exclamation (&nbsp;!&nbsp;), d’interrogation (&nbsp;?&nbsp;)<br>
  Trait d’union (&nbsp;-&nbsp;) · Tiret (&nbsp;–&nbsp;)<br>
  Le pourcentage (&nbsp;%&nbsp;)<br>
  <br>
  <p>
    <span style="font-size: 8pt;"><span style="font-family: andale mono,times;">Point (&amp;nbsp;.&amp;nbsp;) &amp;middot; Points de suspension (&amp;nbsp;&amp;hellip;&amp;nbsp;)&lt;br
    /&gt;Point-virgule (&amp;nbsp;;&amp;nbsp;) &amp;middot; Deux-points (&amp;nbsp;:&amp;nbsp;)&lt;br /&gt;Point d&amp;rsquo;exclamation (&amp;nbsp;!&amp;nbsp;), d&amp;rsquo;interrogation
    (&amp;nbsp;?&amp;nbsp;)&lt;br /&gt;Trait d&amp;rsquo;union (&amp;nbsp;-&amp;nbsp;) &amp;middot; Tiret (&amp;nbsp;&amp;ndash;&amp;nbsp;)&lt;br /&gt;Le pourcentage
    (&amp;nbsp;%&amp;nbsp;)</span></span>
  </p><br>
  <address>
    <span style="font-size: 8pt;"><span class="hitperso1">*Ainsi que je le soulignais dans un précédent article sur <a title="Les subtilités de la typographie, par Carambozilla" href=
    "http://www.carambozilla.com/article-27702682.html" target="_blank">les règles typographiques</a>, en typographie, "espace" est un nom féminin.<br>
    ** Pour simplifier la chose, je ne parle ici que des espaces insécable en général et ne rentre pas dans le détail de la fine et du cadratin... (pour les puristes)</span><br></span>
  </address><br>
  <b>Pour aller plus loin :</b><br>
  <a href="http://www.druide.com/points_de_langue_13.html" target="_blank">Points de langue</a> sur l'utilisation de l'espace insécable<br>
  <a href="http://fr.wikipedia.org/wiki/Espace_ins%C3%A9cable" target="_blank">Wikipédia - L'espace insécable</a><br>
  <br>
  <br>]]></description>
        <pubDate>Sat, 13 Mar 2010 11:12:00 +0100</pubDate>        <guid >http://www.carambozilla.com/article-balises-html-l-espace-insecable-46603801.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-balises-html-l-espace-insecable-46603801-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Moteurs de recherche alternatifs : Tin Eye]]></title>
        <link>http://www.carambozilla.com/article-moteurs-de-recherche-alternatifs-tin-eye-44475308.html</link>        <description><![CDATA[<h2>
    &nbsp; - Tin Eye, le renifleur d'images piratées
  </h2><img src="http://www.tineye.com/images/tineye_logo_big.png" alt="http://www.tineye.com/images/tineye_logo_big.png" class="GcheTexte" style=" border: 0px solid #000; margin: 5px 15px;" height=
  "46" width="300"> - Je vous avais déjà parlé dans le <a title="Carambozapping - Google Image Swirl" href="http://www.carambozilla.com/article-le-carambozapping-de-la-semaine-41043099.html" target=
  "_blank">Carambozapping du 12 décembre dernier</a>, du moteur de recherche Google Image Swirl qui proposait de trouver des images relatives à une image donnée.<br>
  aujourd'hui je vous propose de découvrir <b>Tin Eye</b>, qui, à partir d'une image donnée, vous permet de trouver tous les endroits du web où cette image est également visible, même si celle-ci a
  été recadrée, ou si ses couleurs ont été changées.<br>
  <img src="http://img.over-blog.com/400x317/1/92/42/90/TinEye.png" class="CtreTexte" alt="TinEye.png" height="317" width="400"><br>
  <h3>
    Comment ça marche ?
  </h3>Grâce à un algorithme qui se base sur l'analyse des pixels pour identifier les caractéristiques d'une image et la rechercher parmi une base d'images de<br>
  "<em>searched over 1.2769 billion images in 6.965 seconds</em> "<br>
  <br>
  Leila Boujnane, PDG et co-fondatrice française de l’entreprise canadienne Idée Inc. qui édite TinEye explique :<br>
  "<em>Pour résumer, Idée (Tin Eye) est aux images et vidéos, ce que Google est pour le texte. Avec Google, vous entrez un texte et le moteur de recherche se charge de trouver tous les documents
  correspondants. Eh bien nous faisons la même chose avec les images et bientôt avec les vidéos: vous soumettez une image ou une vidéo et notre moteur trouvera tous les documents où ils se trouvent,
  qu'ils soient sur le Web ou dans des documents papiers comme des journaux ou des magazines. La beauté de notre technologie est qu'elle fonctionne même si l'image ou la vidéo a été modifiée:
  redimensionnée, coupée, éditée, etc... Un autre des avantages par rapport au texte est que notre moteur multimédia fonctionne quelle que soit la langue.<br>
  Notre algorithme crée une empreinte digitale unique pour chaque image ou vidéo, que nous comparons ensuite à notre index.</em>"<br>
  <br>
  TinEye vous propose un nouvel usage d’un moteur de recherche d’images. Au lieu de mots, vous uploadez une image ou soumettez son URL. Le moteur va comparer l'empreinte digitale de votre image avec
  celles d'une base de données de plus de 500 millions d’images, pour retourner la liste des sites où vous pourrez trouver l’image sous toutes ses formes.<br>
  <br>
  <h3>
    Pour quel usage ?
  </h3>A la différence de Google Image Swirl, l'intérête reste limité pour le particulier, sinon pour le créateur d'images qui veut savoir si son image a été utilisée à son insu, ou pour qui veur
  trouver une image de meilleure qualité ou en plus haute définition.<br>
  L'intérêt est églement évident pour les photothèques.<br>
  C'est d'ailleurs l'objectif affiché de la société :<br>
  "<em>les entreprises comme l'AFP, l'Associated Press ou Getty Images nous fournissent leur collection de millions d'images que nous comparons quotidiennement avec ce qui existe sur Internet et sur
  les publications papiers. Le but, pour ces entreprises, est de savoir où vont leurs images, si elles ont bien été payées pour leur utilisation, quelles sont les plus populaires, etc.</em>"<br>
  <br>
  (...) "<em>Vous téléchargez votre image sur TinEye et le moteur se charge de trouver toutes les copies qui existent sur Internet. Aujourd'hui notre index compte presque 500 millions de photos. Un
  chiffre qui devrait dépasser le milliard dans quelques semaines. Côté modèle économique, on pense bien sûr à la publicité. Mais nous songeons aussi à proposer des options "premium" par abonnement,
  comme un service d'alertes: TinEye vous enverra une alerte à chaque fois que l'on identifie votre logo, votre produit ou n'importe quelle autre image sur le Web. Nous avons déjà reçu beaucoup de
  marques d'intérêt pour ce service de la part de photographes et d'entreprises soucieuses de protéger leur marque ou leur droit d'auteur</em>."<br>
  <br>
  Pour ceux que ça intéresse, <a href="https://addons.mozilla.org/fr/firefox/addon/8922" target="_blank">Tin Eye propose un plug-in Firefox</a> qui permet de rechercher une image d'un clic droit sur
  une page web. Bientôt est prévu un Tin Eye pour la vidéo.<br>
  <br>
  <span class="hitcitation">Sources : <a href="http://www.1ere-position.fr/blog/tineye-moteur-de-recherche-image" target="_blank">1<sup>ère</sup> position</a> - <a href=
  "http://www.lexpansion.com/economie/actualite-high-tech/idee-est-aux-images-et-aux-videos-ce-que-google-est-pour-le-texte_153300.html" target="_blank">L'Expansion</a> -</span>]]></description>
        <pubDate>Wed, 10 Feb 2010 19:27:00 +0100</pubDate>        <guid >http://www.carambozilla.com/article-moteurs-de-recherche-alternatifs-tin-eye-44475308.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-moteurs-de-recherche-alternatifs-tin-eye-44475308-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Flock, le navigateur des réseaux sociaux]]></title>
        <link>http://www.carambozilla.com/article-flock-le-navigateur-des-reseaux-sociaux-43099392.html</link>        <description><![CDATA[<img src="http://idata.over-blog.com/1/92/42/90/Flock02.png" alt="Flock02.png" class="GcheTexte" style="border: 0px solid #000; margin: 5px 15px;" height="522" width="200"><img src=
  "http://idata.over-blog.com/1/92/42/90/flock-logo.png" alt="flock-logo.png" class="GcheTexte" style="border: 0px solid #000; margin: 0px 15px;" height="73" width="150"><span style=
  "color: #a18972;"><b>On ne minimise plus l'importance des réseaux sociaux dans notre vie quotidienne.</b></span> <span style="color: #a18972;"><b>Mais difficile de suivre en temps réel l'activité
  de son réseau tout en continuant à travailler et à naviguer sur la toile.<br>
  Avec Flock, le navigateur des réseaux sociaux, vous disposez aujourd'hui d'une solution intégrée. Flock vous permet de savoir ce qui se passe sur votre réseau tout en continuant à surfer et à
  poursuivre votre activité habituelle sur internet.</b></span><br>
  <br>
  <img src="http://idata.over-blog.com/1/92/42/90/Flock03.png" class="noAlign" alt="Flock03.png" height="31" width="74"> <img src="http://idata.over-blog.com/1/92/42/90/Flock01.png" alt="Flock01.png"
  class="noAlign" style=" border: 0px solid #000; margin: 0px 0px;" height="27" width="260"><br>
  <br>
  Basé sur Firefox, dont il emprunte le moteur Mozilla, Flock se présente comme un véritable logiciel qui met à votre disposition des outils intégrés pour vous permettre de :<br>
  - accéder directement aux services de partage de photo (FlickR et PhotoBucket) et vidéo (YouTube)<br>
  - bloguer directement à partir du navigateur via une fenêtre intégrée d'éditeur de blog basée sur Gecko et qui s'interface avec les services Blogger, TypePad, WordPress, LiveJournal, Blogsome,
  Xanga ou votre propre CMS de blog<br>
  - accéder directement à vos favoris YouTube via la "mediabar" intégrée<br>
  - accéder dès le démarrage à votre espace personnaisé "My world" qui regroupe en une seule vue vos réseaux, news et autres flux RSS.<br>
  - Collectionner les images, textes et liens qui ont retenu votre attention très simplement grâce au glisser-déposer.<br>
  <br>
  <img src="http://idata.over-blog.com/1/92/42/90/Flock04.png" class="noAlign" alt="Flock04" height="263" width="341"><br>
  <br>
  Ainsi que Firefox, Flock dispose d'une panoplie de "Adds-on" pour en faire un outil plus universel.<br>
  Par exemple, "Screenshot" (basé sur le plug-in "Screengrab de Firefox) qui permet de sauvegarder tout ou partie d'une page Web en image, ou KeyScrambler, qui encode les codes et mots de passe, pour
  se prémunir contre les logiciels espions.<br>
  <br>
  Flock est maintenant à la version 2.5.6 (US). <a href="http://www.flock.com/versions" target="_blank">Il est téléchargeable ici</a>. Et si vous avez besoin d'aide pour commencer, vous pouvez
  consulter le <a href="http://www.flock.com/user-guide/1.0/advblog.html" target="_blank">manuel des premiers pas</a>.<br>
  <br>
  Ah, j'oubliais, un détail et non des moindres... Flock est disponible pour Windows, Mac et Linux.]]></description>
        <pubDate>Wed, 27 Jan 2010 12:40:00 +0100</pubDate>        <guid >http://www.carambozilla.com/article-flock-le-navigateur-des-reseaux-sociaux-43099392.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-flock-le-navigateur-des-reseaux-sociaux-43099392-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Online Identity]]></title>
        <link>http://www.carambozilla.com/article-online-identity-37339574.html</link>        <description><![CDATA[<h1>
    - Mesure your personal branding -
  </h1>
  <p>
    <img src="http://www.onlineidcalculator.com/img/online-id-calc.gif" class="GcheTexte" height="300" width="176"><br>
    <b><span style="color: #a18972;">Did you ever calculate your Online ID?<br>
    I did ! See results below.</span></b>
  </p>
  <p>
    &nbsp;
  </p>
  <h2>
    Digitally Distinct
  </h2>
  <p>
    <span style="color: #a18972;"><b>This is the nirvana of online identity.</b></span>
  </p>
  <p>
    A search of your name yields lots of results about you, and most, if not all, reinforce your unique personal brand. Keep up the good work !<br>
    <br>
    <a href="http://www.onlineidcalculator.com/"><img class="CtreTexte" src="http://www.onlineidcalculator.com/img/digitally-distinct_badge120px.gif" alt=
    "I am digitally distinct! Visit onlineIDCalculator.com" height="120" width="120"></a>
  </p>
  <p>
    &nbsp;
  </p>]]></description>
        <pubDate>Sun, 11 Oct 2009 14:04:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-online-identity-37339574.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-online-identity-37339574-comments.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Carambozilla]]></title>
        <link>http://www.carambozilla.com/article-30896015.html</link>        <description><![CDATA[<h1>
    - nom de domaine
  </h1><a onclick="window.open(this, '', ''); return false;" href="http://www.carambozilla.com"><img src="http://idata.over-blog.com/1/92/42/90//Carambozilla.png" class="CtreTexte" width="500"
  height="138"></a><br>
  <span style="color: #a18972;"><b>Bonjour à tous,<br>
  Carambozilla s'offre un nom de domaine. Vous pouvez désormais visiter ce blog à l'adresse <a href="http://www.carambozilla.com">www.carambozilla.com</a>. C'est plus simple et plus facile à
  mémoriser...</b></span><br>
  <br>
  <h2>
    <img src="http://fdata.over-blog.com/99/00/00/01/img/new/admin/body/mobile_view_iPhone.jpg" class="GcheTexte" style=" border: 0px solid #000; margin: 0px 15px;" width="107" height=
    "200">Nouveautés :
  </h2>
  <ul>
    <li>Les articles apparaissent désormais dans leur intégralité dans les flux RSS
    </li>
    <li>Vous pouvez consulter ce blog en version mobile à l'adresse <a onclick="window.open(this, 'Carambozilla mobile', 'width=436,height=723'); return false;" href=
    "http://www.carambozilla.com/mobile/">www.carambozilla.com/mobile/</a>
    </li>
    <li>et en version iPhone : <a onclick="window.open(this, 'Carambozilla iPhone', 'width=436,height=723'); return false;" href="http://www.carambozilla.com/iphone/">www.carambozilla.com/iphone/</a>
    </li>
  </ul>Non pas que je sois mégalomane au point d'imaginer que vous trouvez mon blog tellement passionnant que vous vouliez le lire absolument partout, mais tout de même... C'est beau la technique
  !<br>
  Bon, c'est décidé, j'achète un iPhone ! <img src="http://fdata.over-blog.com/pics/smiles/icon_lol.gif" border="0"><br>
  <br>
  Bon 1<sup>er</sup> mai à tous les geek !<br>]]></description>
        <pubDate>Fri, 01 May 2009 12:27:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-30896015.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-30896015-6.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Tags of the day]]></title>
        <link>http://www.carambozilla.com/article-30686589.html</link>        <description><![CDATA[<h1>
    Wordle
  </h1><span style="color: #a18972;"><b>Toujours à la recherche de nouveautés sur la toile (du moins des choses que je ne connais pas encore), je tombe parfois sur de petites perles. En voici une. En
  soi, ça ne sert pas à grand chose puisqu'il n'y a pas de liens qui mènent aux articles, mais j'ai trouvé que la représentation graphique était intéressante.</b></span><br>
  <br>
  <img src="http://idata.over-blog.com/1/92/42/90//090426-CarambozillaTags.jpg" class="CtreTexte" width="500" height="267"><br>
  <br>
  <a title="Wordle: 090426 - Tags of the day" href="http://www.wordle.net/gallery/wrdl/782257/090426_-_Tags_of_the_day" target="_blank"><img src=
  "http://www.wordle.net/thumb/wrdl/782257/090426_-_Tags_of_the_day" alt="Wordle: 090426 - Tags of the day" class="GcheTexte" style=" padding: 4px; border: 1px solid #b17833; margin: 5px 15px;"
  width="160" height="120"></a>C'est <span style="color: #a18972;"><b>WORDLE</b></span>, un générateur de mots clés. Vous pouvez <a href="http://www.wordle.net/" target="_blank">le trouver sur
  internet ici</a>.<br>
  Si vous avez un blog, vous pouvez rentrer directement l'URL de votre flux RSS, vous pouvez choisir votre typo, vos couleurs et la façon dont vous voulez que les mots s'affichent.<br>
  <br>
  Voici donc les tags de mon blog au 26 avril 2009, juste pour le plaisir des yeux...<br>
  <br>
  Vous pouvez également <a href="http://www.wordle.net/gallery" target="_blank">publier vos tags dans la galerie</a> et consulter les images des autres internautes.<br>
  <br>
  On regrettera juste qu'aucun lien ne mène à votre blog en retour. Ce pourrait être le cas puisque vous avez rentré l'URL de ce dernier. Mais vous pouvez jouer avec à l'infini et même créer de
  belles compositions de mots sur des sujets qui vous plaisent, glanés au hasard d'internet. Pas très interactif mais sympa. A essayer pour le fun... <img src=
  "http://fdata.over-blog.com/pics/smiles/icon_biggrin.gif" border="0"><br>
  <br>
  <br>
  <span class="hitcitation">Images : <a href="http://www.wordle.net/" target="_blank">Wordle</a></span>]]></description>
        <pubDate>Sun, 26 Apr 2009 10:45:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-30686589.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-30686589-6.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[AJAX]]></title>
        <link>http://www.carambozilla.com/article-25920558.html</link>        <description><![CDATA[<h1 style="text-align: center;">
    - ou le triomphe de "l'usabilité"
  </h1><br>
  <img src="http://idata.over-blog.com/1/92/42/90//Ajax.png" class="GcheTexte" style="border: 0px solid #b000; margin: 0px 15px;" width="300" height="300"><span style="color: #a18972;"><b>Du nom d'un
  célèbre héros helléne, aujourd'hui plus connu comme langage de développement, AJAX permet aux développeurs de proposer, pour le plus grand bonheur de ceux qui, comme moi, connaissent la douloureuse
  tâche de voguer quotidiennement entre PC et MAC, des applications qui fonctionnent sur ces deux plateformes.</b></span><br>
  <br>
  Acronyme de "Asynchronous JavaScript and XML", Ajax est une (presque) nouvelle architecture client-serveur basée sur des technologies éprouvées et classiques du Web (DHTML,XHTML, CSS, DOM et
  Javascript), pour construire des applications aussi conviviales que celles qui s’exécutent directement sur votre ordinateur.<br>
  <br>
  Google a entamé le processus le premier avec GMail. Ensuite ont suivi d'excellentes applications également très utiles et dont, pour ma part, je suis très friande : <a href=
  "http://www.meebo.com/about/" target="_blank">Meebo.com</a> (messagerie instantanée)&nbsp; <a href="http://about.netvibes.com/" target="_blank">NetVibes</a> (bureau personnalisable et agrégateur de
  flux), <a href="http://www.google.com/google-d-s/intl/fr/tour1.html" target="_blank">Google docs</a> ainsi que toute la suite bureautique en ligne <a href="http://www.zoho.com/" target=
  "_blank">Zoho</a>. La liste semble inépuisable, et de fait, de nouvelles solutions voient le jour régulièrement, comme <a href="http://www.zimbra.com/buzz/index.fr.html" target="_blank">Zimbra</a>,
  nouvelle application webmail. Je la teste, et promis, je vous en parle dans un prochain post, ainsi que toutes mes applications favorites citées ci-dessus.<br>
  <br>
  L'avantage d'Ajax pour les applications Web est que le navigateur ne recharge qu'une partie de la page (la page est construite avec différents modules qui se chargent -ou peuvent se recharger-
  séparément) et non pas la page toute entière, d'où un gain notable en rapidité et en stabilité.<br>
  <br>
  Mais son véritable intérêt, c'est l'utilisation d'une fonctionnalité peu connue de Java Script, le XmlHttpRequest, qui permet de charger sur une page les données (ou fichiers XML) directement
  depuis une autre page. Vous pouvez donc utiliser l'application via votre navigateur même si celui-ci ne maîtrise pas toute la technologie utilisée en back office.<br>
  <br>
  Bien évidemment, pour faire fonctionner ces applications, il vous faudra avoir des navigateurs web de dernière génération et que la fonction de lecture du javascript ne soit pas désactivée.<br>
  <br>
  Une des nouvelles applications Ajax est Symbaloo, que personnellement j'ai inclus dans mon Netvibes, et dont je vous parlerai dans un prochain post.<br>
  Pfff... ça en fait du pain sur la planche!<br>
  <br>
  Quelques applications Ajax pour vos pages web : <a href="http://miniajax.com/" target="_blank">http://miniajax.com/</a><br>
  <br>
  <br>]]></description>
        <pubDate>Thu, 18 Dec 2008 13:53:00 +0100</pubDate>        <guid >http://www.carambozilla.com/article-25920558.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-25920558-6.html#anchorComment</comments>                    </item>
      <item>
        <title><![CDATA[Nuanciers on-line]]></title>
        <link>http://www.carambozilla.com/article-19928869.html</link>        <description><![CDATA[<h1 style="text-align: center;">
    <span class="hitperso1">Nuanciers on-line</span>
  </h1><span class="hitperso1"><br>
  Trouver une harmonie de couleurs pour une création de site, connaître rapidement les références RVB et hexadécimale d'une couleur qui vous plaît, bousculer vos habitudes et vos goûts pour proposer
  à votre client une palette colorimétrique en adéquation avec ses attentes, voir immédiatement comment telle ou telle couleur peut vivre avec d'autres. Pour faire tout cela rapidement, même les
  jours où votre inspiration est en panne, le web est votre ami.</span><br>
  <br>
  La toile regorge d'outils en tout genre pour vous aider à faire vos choix colorimétriques. Dans notre "Boîte à outils", je vous en propose quelques-uns plutôt bien faits et fort utiles...<br>
  <br>
  <h2 style="text-align: left;">
    Trouver des harmonies de couleur
  </h2>En premier lieu, incontournable, le nuancier d'Adobe : <a href="http://kuler.adobe.com/" target="_blank">http://kuler.adobe.com/</a> (mieux vaut avoir un plug-in flash à jour sur son
  navigateur). <a href="http://kuler.adobe.com/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//AdobeKuler.png" class="CtreTexte" width="300" height="224"></a>Vous choisissez une
  harmonie de couleur qui vous plaît parmi celles qui vous sont proposées et elles s'affichent en grand. Recliquez dessus et les couleurs s'allongent jusqu'à remplir tout votre écran.<br>
  Vous pouvez vous enregistrer et proposer vos propres thèmes. Les thèmes peuvent être trouvés selon différentes méthodes, par recherche d'une harmonie et d'une couleur, ou parmi une sélection de
  tags. Les différents thèmes peuvent être téléchargés. Pour les thèmes du jour, le site propose un flux RSS.<br>
  -----------------------<br>
  <br>
  <a href="http://beta.dailycolorscheme.com/" target="_blank">Daily Color Schemes</a><br>
  <a href="http://beta.dailycolorscheme.com/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//DailyColorScheme.png" class="CtreTexte" width="300" height="268"></a><br>
  Très pratique, rapide et très simple d'utilisation.Comme pour le précédent, vous pouvez choisir vos couleurs via le nuancier du jour ou parmi les archives. Un fois votre choix effectué, vous pouvez
  le télécharger sous différents formats (Illustrator, photoshop, html, CSS, Zip...).<a href="http://www.colourlovers.com/palettes" target="_blank"></a><br>
  <hr>
  <br>
  <h2 style="text-align: left;">
    Connaître les références d'une couleur
  </h2>Très pratique pour connaître rapidement les références hexadécimale et RVB d'une couleur :<br>
  <a href="http://chir.ag/phernalia/name-that-color/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//ColorRef.png" class="CtreTexte" style=
  "border: 0px solid #000000; margin: 0px auto;" width="300" height="80"></a>Choisissez votre couleur via la roue chromatique ou par un menu déroulant. Celle-ci s'affiche en grand et vous n'avez plus
  qu'à copier-coller sa référence hexadécimale. Vous avez également la possibilité de sélectionner les références RVB indiquées à côté.<br>
  -----------------------<br>
  <br>
  Dans la même veine : <a href="http://www.colorjack.com/sphere/" target="_blank">ColorJack</a><br>
  <a href="http://www.colorjack.com/sphere/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//ColorJack.png" class="CtreTexte" width="300" height="183"></a>Très complet, vous pouvez
  choisir votre mode de sélection : par analogie, couleurs complémentaires, neutre, 3 tons, cinq tons... Ici aussi vous pouvez télécharger le thème retenu sous la forme souhaitée.<br>
  <hr>
  <br>
  <h2 style="text-align: left;">
    Variations autour d'une couleur donnée
  </h2><a href="http://www.defencemechanism.com/color/" target="_blank">Flash Color Scheme Generator</a><br>
  <a href="http://www.defencemechanism.com/color/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//FlashColorGenerator.png" class="CtreTexte" width="300" height="88"></a><br>
  Ce nuancier, très simple d'utilisation, vous permet d'effectuer des recherches colorimétriques autour d'une couleur spécifique. Il vous propose des variations autour de couleurs en harmonie et
  complémentaires. Vous pouvez naviguer au milieu des couleurs en cliquant sur l'un ou l'autre des choix proposés. Comme son nom l'indique, c'est en flash.<br>
  -----------------------<br>
  <br>
  <a href="http://www.colorblender.com/" target="_blank">Color Blender</a><br>
  <a href="http://www.colorblender.com/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//ColorBlender.png" class="CtreTexte" width="300" height="169"></a><br>
  Vous pouvez utiliser le mode "AutoMatch" pour trouver votre palette de base, puis affiner en mode "Edit" pour modifier les couleurs séparément. Les couleurs se règlent via des curseurs RVB. Le
  thème retenu est également téléchargeable sous différents formats parmi les plus usités.<br>
  <hr>
  <h2 style="text-align: left;">
    Mon coup de coeur
  </h2>Pas vraiment forcément utile mais ludique et très sympa à utiliser, notamment si vous cherchez des idées de palette pour une illustration ou pour animer une page en particulier autour d'une
  photo ou d'une illustration : <a href="http://www.degraeve.com/color-palette/" target="_blank">Color Palette Generator</a><br>
  <a href="http://www.degraeve.com/color-palette/" target="_blank"><img src="http://idata.over-blog.com/1/92/42/90//ColorPaletteGenerator.png" class="CtreTexte" width="300" height="230"></a><br>
  Vous rentrez les coordonnées de votre image (il faut qu'elle soit sur internet), et l'outil vous génère une palette de couleurs avec deux choix, couleurs "éteintes" ou couleurs vibrantes. Après,
  c'est au choix...<br>
  <hr>
  <h2 style="text-align: left;">
    Bibliothèques de palettes
  </h2><a href="http://www.colorhunter.com/" target="_blank">Color Hunter</a><br>
  <a href="http://www.colorschemer.com/schemes/index.php" target="_blank">Color Schemer Gallery</a><br>
  <a href="http://www.colourlovers.com/palettes" target="_blank">Colour Lovers Palettes</a><br>
  <br>
  <hr>
  <br>
  <div style="text-align: left;">
    Voilà les outils que j'utilise le plus souvent. Si vous en avez d'autres, et bien n'hésitez pas à les proposer dans les commentaires.<br>
    <br>
    Pourquoi un billet sur ce thème? Très prosaïquement, ce n'est pas très facile de retrouver un outil spécifique au milieu d'une liste de favoris. Comme ça, ici, j'ai moi aussi le détail de tous
    ces bons outils et saurai ainsi à l'avenir, d'un seul coup d'oeil, quel est celui dont j'ai immédiatement besoin. Voilà. J'allie ainsi mon pratique à (j'espère) votre agréable...<br>
    <br>
    <br>
  </div>]]></description>
        <pubDate>Tue, 27 May 2008 11:07:00 +0200</pubDate>        <guid >http://www.carambozilla.com/article-19928869.html</guid>
                <category>Boîte à outils</category>        <comments>http://www.carambozilla.com/article-19928869-6.html#anchorComment</comments>                    </item>
  
 </channel>
</rss>