<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><description>Hi, I’m Christophe Tauziet, and I’m an UI Designer and a web &amp; software developer. When I create, I like to pay attention to the small details that make the difference. On this blog, I talk about design, web and I share my photos and thoughts. Enjoy ;)</description><title>Guess what?</title><generator>Tumblr (3.0; @tauziet)</generator><link>http://blog.tauziet.fr/</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cTauziet" /><feedburner:info uri="ctauziet" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://tumblr.superfeedr.com/" /><item><title>Courier : Timbré, c'est posté !</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_l82a6vIumI1qcakj2.jpg"/&gt;&lt;br/&gt;Ce que j&amp;#8217;aime particulièrement sur Mac OSX, c&amp;#8217;est que c&amp;#8217;est très souvent sur cette plateforme que l&amp;#8217;on trouve les logiciels les plus travaillés visuellement, et à l&amp;#8217;ergonomie la plus réfléchie et agréable. La dernière trouvaille en date est l&amp;#8217;application &lt;a href="http://www.realmacsoftware.com/courier/"&gt;Courier&lt;/a&gt;, sortie hier par les gars de chez R&lt;a href="http://www.realmacsoftware.com/"&gt;ealmac Software&lt;/a&gt;, déjà auteurs de quelques apps à succès. Et visuellement, Courier est tout simplement bluffant. De l&amp;#8217;icône à l&amp;#8217;UI, c&amp;#8217;est un plaisir d&amp;#8217;utiliser Courier. Et en plus, Courier est très pratique&amp;#160;! Imaginez cette application comme un iFacteur. Vous lancer Courier pour créer des enveloppes pré-timbrées. Sur chaque enveloppe, vous mettez les &amp;#8220;timbres&amp;#8221; que vous souhaitez&amp;#160;: Facebook, Vimeo, YouTube&amp;#8230; et paramètrez votre compte pour chacun de ces timbres à leur première utilisation. Dès lors, si vous souhaitez partager des fichiers photos, vidéos&amp;#8230;, il vous suffit de glisser déposer vos fichiers sur l&amp;#8217;enveloppe correspondante. Courier se charge du reste. Ou bien, si vous êtes encore plus fainéant et ne souhaitez pas avoir à lancer Courier, un petit clic-droit sur votre (ou vos fichier), et vous trouverez des menus contextuels pour envoyer directement avec telle ou telle enveloppe votre (ou vos) fichiers. Ingénieux&amp;#160;! Une application qui vous simplifie la vie, et vous fait une fois de plus aimer votre Mac. &lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/w0vc5ZVRH3U" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/w0vc5ZVRH3U/1047037910</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1047037910</guid><pubDate>Wed, 01 Sep 2010 11:26:00 +0200</pubDate><category>courier</category><category>Mac OSX</category><category>applications</category><feedburner:origLink>http://blog.tauziet.fr/post/1047037910</feedburner:origLink></item><item><title>Plugin jQuery Touchwipe </title><description>&lt;p&gt;Aujourd&amp;#8217;hui je suis tombé sur un plug-in jQuery très léger et très pratique. Développé par Andreas Waltl, &lt;a href="http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture"&gt;jQuery Touchwipe&lt;/a&gt; vous permet de gérer de manière ultra-simple le touché de l&amp;#8217;utilisateur sur son iPad, iPhone ou iPod touch sur votre site ou application web. J&amp;#8217;ai d&amp;#8217;ailleurs testé pour vous ce plug-in, sur &lt;a href="http://www.tauziet.fr"&gt;mon site perso&lt;/a&gt;, et je dois reconnaître que le résultat est vraiment à la hauteur de mes espérances. Vous pouvez désormais passer d&amp;#8217;une photo à l&amp;#8217;autre ou d&amp;#8217;une créa à l&amp;#8217;autre en faisant glisser votre doigt sur l&amp;#8217;écran de votre iBidule. Parfait&amp;#160;! Un plug-in jQuery comme on les aime.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/4ohbC-fTz7E" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/4ohbC-fTz7E/1047004750</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1047004750</guid><pubDate>Wed, 01 Sep 2010 11:13:35 +0200</pubDate><category>jquery</category><category>iOS</category><category>iPhone</category><category>iPad</category><category>developpement</category><feedburner:origLink>http://blog.tauziet.fr/post/1047004750</feedburner:origLink></item><item><title>Un petit mot sur Paul Rand</title><description>&lt;p&gt;&lt;img src="http://upload.wikimedia.org/wikipedia/en/3/3d/Paul-Rand.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Il fait partie des grands designers du XXe siècle, est une véritable icône outre-Atlantique, et pourtant peu de monde le connaît en France. Paul Rand est ce qu&amp;#8217;on appelle un artiste. Un véritable créatif, qui est sans doute le meilleur exemple du &amp;#8220;graphic designer&amp;#8221;. On lui doit notamment les logos et identités visuelles de petites entreprises telles que Ford, IBM, UPS, ABC, l&amp;#8217;université de Yale, Enron&amp;#8230; La liste est longue, et vous pouvez vous la procurez sur son &lt;a href="http://www.paul-rand.com/index.php/site/identity/"&gt;site officiel&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Je ne vais pas vous faire sa biographie, la page Wikipédia ou la &lt;a href="http://www.paul-rand.com/index.php/site/biography/"&gt;bio sur son site&lt;/a&gt; le feront pour moi. Je préfère pour parler un peu du bonhomme, de sa mentalité et de sa façon de travailler, que je trouve très inspirante. Une phrase de S.Jobs résume bien la mentalité de Rand. Alors que Paul Rand venait de designer le logo de Next Computers, l&amp;#8217;entreprise crée par Jobs suite à son évincement chez Apple, Steve Jobs répondait à une &lt;a href="http://gizmodo.com/5507353/my-way-or-the-highway"&gt;interview&lt;/a&gt; sur son ressenti vis à vis du travail avec Paul Rand. &lt;/p&gt;
&lt;p&gt;&lt;img src="http://cache.gawkerassets.com/assets/images/4/2010/04/500x_steve-on-rand.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Traduction&amp;#160;: &amp;#8220;Je lui ai demandé s&amp;#8217;il pouvait se présenter avec plusieurs options, et il a répondu&amp;#160;: &amp;#8216;Non, je vais résoudre votre problème, et vous allez me payer. Vous n&amp;#8217;être pas forcés de vous servir de la solution. Si vous voulez des options, allez voir ailleurs&amp;#8217;&amp;#8221;. &lt;/p&gt;
&lt;p&gt;Dans l&amp;#8217;interview, Jobs explique que ce qui était assez étonnant avec Paul Rand, c&amp;#8217;était à quel point il n&amp;#8217;y avait aucune ambiguité avec lui. Il savait ce qu&amp;#8217;il faisait, savait de quoi il était capable. Une confiance en lui innébranlable.&lt;/p&gt;
&lt;p&gt;Je vous laisse en découvrir un peu plus sur lui, car je trouve sa vie assez passionnante. Et si vous êtes sur Twitter et que vous aimez rire, un petit rigolo a crée un faux compte &amp;#8220;&lt;a href="http://twitter.com/AngryPaulRand"&gt;AngryPaulRand&lt;/a&gt;&amp;#8221; où un Paul Rand énervé s&amp;#8217;en prend aux designers d&amp;#8217;aujourd&amp;#8217;hui. C&amp;#8217;est très drôle.&lt;/p&gt;
&lt;p&gt;Quelques logos de Paul Rand&amp;#160;:&lt;br/&gt;&lt;img height="320" width="530" src="http://stylefiledesign.com/designblog/wp-content/uploads/2008/08/paul_rand_logos.jpg"/&gt; &lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/boGzBoJLBWw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/boGzBoJLBWw/1013374153</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1013374153</guid><pubDate>Thu, 26 Aug 2010 10:21:13 +0200</pubDate><category>design</category><category>logo</category><category>apple</category><category>steve jobs</category><feedburner:origLink>http://blog.tauziet.fr/post/1013374153</feedburner:origLink></item><item><title>LiveView, l'outil parfait du designer iOS</title><description>&lt;p&gt;&lt;img height="390" width="425" src="http://zambetti.com/projects/liveview/images/main.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Voilà donc une application qui devrait faciliter la vie des designers iPhone et iPad. &lt;a href="http://zambetti.com/projects/liveview/"&gt;LiveView&lt;/a&gt; est en fait un combiné de deux applications (une pour Mac OSX, une pour iOS) qu&amp;#8217;il vous faut installer sur les deux appareils, qui doivent être connectés au même wifi. Dès lors, un cadre d&amp;#8217;iPhone apparaît sur l&amp;#8217;écran de votre Mac, et tout ce qui est contenu dans cet écran apparaît sur l&amp;#8217;écran de votre iPhone ou iPad. Du coup, vous pouvez designer votre application et voir en live le rendu sur votre iDevice. LiveView supporte même depuis aujourd&amp;#8217;hui les écrans Retina Display de l&amp;#8217;iPhone 4. Terrible.&lt;/p&gt;
&lt;p&gt;Et cette application peut également servir lors de démos de votre application à vos clients. Demandez leur de tous se connecter sur le wifi de votre ordinateur, et de lancer LiveView. Et vous leur faites une démo de votre application qui se déroule en Live sur leur machine. &lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/7vxXb6kMmeA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/7vxXb6kMmeA/1008998049</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1008998049</guid><pubDate>Wed, 25 Aug 2010 16:17:24 +0200</pubDate><category>iOS</category><category>apple</category><category>design</category><feedburner:origLink>http://blog.tauziet.fr/post/1008998049</feedburner:origLink></item><item><title>Evom, le convertisseur vidéo ultime</title><description>&lt;p&gt;&lt;img align="left" height="150" width="150" src="http://thelittleappfactory.com/media/evom/logo_256.png"/&gt;Je viens de découvrir par hasard le logiciel &lt;a href="http://thelittleappfactory.com/evom/"&gt;Evom&lt;/a&gt;, de &lt;a href="http://thelittleappfactory.com/"&gt;The Little App Factory&lt;/a&gt;. Ce logiciel gratuit sans prétention est encore en phase bêta, mais c&amp;#8217;est sans doute à ce jour le logiciel de conversion vidéo le plus simple d&amp;#8217;utilisation que j&amp;#8217;ai eu l&amp;#8217;occasion de manipuler (et Dieu sait que j&amp;#8217;en ai essayé&amp;#8230;). Glissez-déposez votre (ou vos) vidéos dans Evom, choisissez la sortie. Et c&amp;#8217;est parti&amp;#160;! En plus, Evom est très rapide, et le rendu est parfait. Des apps comme on les aime. &lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/TZHIQQ5aQGs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/TZHIQQ5aQGs/1008276496</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1008276496</guid><pubDate>Wed, 25 Aug 2010 12:27:00 +0200</pubDate><category>mac</category><category>logiciel</category><feedburner:origLink>http://blog.tauziet.fr/post/1008276496</feedburner:origLink></item><item><title>Les formulaires avec HTML5</title><description>&lt;p&gt;Avec le nouveau standard du web, de nouveaux attributs sont apparus pour les champs &amp;lt;input&amp;gt; de vos formulaires. email, number, tel, required, autofocus, placeholder&amp;#8230; Et ces attributs vont vraiment vous simplifier la vie. Exemple&amp;#160;:&lt;/p&gt;
&lt;p&gt;Un champ de texte pour saisir l&amp;#8217;email de la personne qui remplit le formulaire. Ce champ est obligatoire, il est pré-remplit avec un texte &amp;#8220;Saisissez votre email&amp;#8221; qui disparaît lors du focus de l&amp;#8217;utilisateur sur le champ, &amp;lt;input id=email name=email type=email placeholder=&amp;#8221;Saisissez votre email&amp;#8221; required autofocus&amp;gt;.&lt;/p&gt;
&lt;p&gt;Pour en savoir plus, je vous laisse jeter un oeil aux &lt;a href="http://www.w3.org/TR/html5/forms.html#writing-a-form-s-user-interface"&gt;spécifications du W3C&lt;/a&gt; à ce sujet.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/jYiWU99NEL0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/jYiWU99NEL0/1008241632</link><guid isPermaLink="false">http://blog.tauziet.fr/post/1008241632</guid><pubDate>Wed, 25 Aug 2010 12:14:54 +0200</pubDate><category>html5</category><feedburner:origLink>http://blog.tauziet.fr/post/1008241632</feedburner:origLink></item><item><title>Cette vidéo ultra-cool a été réalisée pour la promotion de la...</title><description>&lt;iframe width="400" height="300" src="http://www.youtube.com/embed/Mt7zsortIXs?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Cette vidéo ultra-cool a été réalisée pour la promotion de la conférence&lt;a href="http://jz10.java.no/index.html"&gt; JavaZone 2010&lt;/a&gt;, à Oslo. Elle fait suite au super trailer &lt;a href="http://jz10.java.no/java-4-ever-trailer.html"&gt;Java 4-ever&lt;/a&gt; qui m’avait déjà fait mourir de rire.&lt;/p&gt;
&lt;p&gt;Merci &lt;a href="http://twitter.com/YuLZ__"&gt;@YuLZ__&lt;/a&gt; pour l’info.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/V3WLNuNV3vM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/V3WLNuNV3vM/967272945</link><guid isPermaLink="false">http://blog.tauziet.fr/post/967272945</guid><pubDate>Tue, 17 Aug 2010 17:36:00 +0200</pubDate><category>video</category><category>development</category><category>developpement</category><category>java</category><feedburner:origLink>http://blog.tauziet.fr/post/967272945</feedburner:origLink></item><item><title>Développer pour mobile n'a jamais été aussi simple.</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_l75attPrwo1qcakj2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Ceux qui me connaissent ou me suivent sur Twitter savent que je suis un grand adepte de HTML5. Je suis persuadé que tout ce qu&amp;#8217;apporte HTML5 et CSS3 va bouleverser le monde de l&amp;#8217;informatique, permettant de faire le grand pas vers le Cloud Computing qui arrive en force. &lt;/p&gt;
&lt;p&gt;Mais en attendant cette révolution de l&amp;#8217;informatique, l&amp;#8217;heure est au développement d&amp;#8217;applications pour mobile. Avec l&amp;#8217;arrivée de l&amp;#8217;iPhone en 2007, et de son App Store en 2008, le nombre de développeurs pour mobile a explosé, et le nombre d&amp;#8217;applications avec lui. Et l&amp;#8217;arrivée d&amp;#8217;Android et Symbian n&amp;#8217;ont fait qu&amp;#8217;accentuer ce mouvement. L&amp;#8217;heure est au développement pour mobile.&lt;!-- more --&gt;&lt;/p&gt;
&lt;p&gt;Le problème est que développer pour mobile n&amp;#8217;est pas si simple. D&amp;#8217;abord parce qu&amp;#8217;il faut apprendre de nouveaux langages propre à chaque plateforme. Ensuite parce qu&amp;#8217;il faut réapprendre à concevoir une interface utilisateur pour un petit écran, et pour une nouvelle façon de naviguer. Mais surtout le problème est que développer une application native pour iOS, par exemple, fera que votre application ne fonctionnera que sur iPhone. Inversement, une application pour Android ne fonctionnera que pour Android.&lt;/p&gt;
&lt;p&gt;La solution à tous ces problèmes existe. Les web-apps. Des applications online ou offline qui sont chargées par le navigateur du mobile, et qui vont donc pouvoir fonctionner sur de nombreuses plateformes. Ces applications pourront avoir le look-and-feel d&amp;#8217;une application native, avoir leur propre icône et se lancer en plein écran comme n&amp;#8217;importe quelle application, mais auront l&amp;#8217;avantage de fonctionner aussi bien sur iOS que sur Android, et vous garderez le contrôle de votre application, en ayant la possibilité de la mettre à jour quand bon vous semble.&lt;/p&gt;
&lt;p&gt;Et pour vous faciliter la chose, de nombreux frameworks javascript/HTML5 existent, et vous permettent de créer rapidement de solides applications pour mobiles. C&amp;#8217;est le cas par exemple de Sencha Touch, que j&amp;#8217;utilise depuis quelques jours, et qui m&amp;#8217;a déjà permis de mettre en place une application fonctionnant aussi bien sur iPhone que sur iPad (je n&amp;#8217;ai pas encore eu l&amp;#8217;occasion de la tester sur Android) pour mon site internet, permettant d&amp;#8217;accèder à ma galerie photos, à mes infos de contact&amp;#8230; avec une ergonomie adaptée au support. &lt;/p&gt;
&lt;p&gt;Et ce matin, c&amp;#8217;est jQuery, le plus célèbre framework javascript, qui a annoncé l&amp;#8217;arrivée prochaîne de jQuery Mobile, un framework pour mobile. Un signe, s&amp;#8217;il en fallait un, que la révolution mobile n&amp;#8217;est pas terminée.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/-8XAlpQ2-xU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/-8XAlpQ2-xU/952416592</link><guid isPermaLink="false">http://blog.tauziet.fr/post/952416592</guid><pubDate>Sat, 14 Aug 2010 15:58:00 +0200</pubDate><category>development</category><category>developpement</category><category>html5</category><category>iphone</category><category>Andoid</category><feedburner:origLink>http://blog.tauziet.fr/post/952416592</feedburner:origLink></item><item><title>Patson au Palais des Glaces</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_l7158uOlSM1qcakj2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;J&amp;#8217;ai testé pour vous le spectacle de Stand-up de Patson (Jamel Comedy Club), au Palais des Glaces à Paris hier soir. Déjà agréablement surpris par le prix des billets (10€), je le fus doublement lorsque je me suis retrouvé au deuxième rang, très proche donc de la scène. Et je n&amp;#8217;ai pas regretté, car le spectacle est vraiment très, très drôle, très rythmé, et on n&amp;#8217;a pas le temps de s&amp;#8217;ennuyer. Un spectacle que je conseille vraiment à toutes et tous. D&amp;#8217;autant que Patson est vraiment très sympa, et n&amp;#8217;a pas hésité quelques minutes après la fin du spectacle à rejoindre le public resté devant le Palais des Glaces pour des photos, discuter et rigoler. Courrez-y&amp;#160;! Ou bien, prenez vos billets pour son spectacle à l&amp;#8217;&lt;a href="http://www.rodrigue.fr/transact/venteenligne.asp?WCI=panier_listeseances&amp;amp;nocal=1&amp;amp;IDStructure=15&amp;amp;Langue=FR&amp;amp;IDManif=1241"&gt;Olympia&lt;/a&gt; en 2011, mais pour le coup, c&amp;#8217;est un peu plus cher.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/JxQn89dNgqc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/JxQn89dNgqc/941308651</link><guid isPermaLink="false">http://blog.tauziet.fr/post/941308651</guid><pubDate>Thu, 12 Aug 2010 10:07:00 +0200</pubDate><category>spectacle</category><category>review</category><feedburner:origLink>http://blog.tauziet.fr/post/941308651</feedburner:origLink></item><item><title>Ne manquez pas la nouvelle pub pour Heineken. Et au cas où vous...</title><description>&lt;iframe width="400" height="300" src="http://www.youtube.com/embed/75ftfH2PoMU?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Ne manquez pas la nouvelle pub pour Heineken. Et au cas où vous auriez loupé les précédentes, allez faire un tour &lt;a href="http://www.marketing-etudiant.fr/blog/saga-heineken-publicite.php"&gt;ici&lt;/a&gt;.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/LTz-dJ4SgXI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/LTz-dJ4SgXI/937332135</link><guid isPermaLink="false">http://blog.tauziet.fr/post/937332135</guid><pubDate>Wed, 11 Aug 2010 16:56:50 +0200</pubDate><category>publicité</category><feedburner:origLink>http://blog.tauziet.fr/post/937332135</feedburner:origLink></item><item><title>HTML5 Local Storage</title><description>&lt;p&gt;Je fais partie des convaincus. HTML5 va vraiment changer la donne dans le monde de l&amp;#8217;informatique. Ce nouveau standard aura mis du temps à arriver, mais l&amp;#8217;attente valait le coup. Je fais partie de ceux qui voient avec HTML5 le Cloud Computing arriver plus vite que prévu. Je pense que dans 3 à 5 ans, la plupart des applications que nous utiliserons seront disponibles en ligne. &lt;/p&gt;
&lt;p&gt;La preuve par l&amp;#8217;exemple avec un petit tuto sur l&amp;#8217;utilisation d&amp;#8217;une propriété fort intéressante d&amp;#8217;HTML5&amp;#160;: le Local Storage.&lt;/p&gt;
&lt;!-- more --&gt;
&lt;p&gt;Traduisez, le stockage des données non plus sur le serveur, mais sur la machine du visiteur. Finis les cookies, place aux gros gâteaux&amp;#160;! Petit exemple : &lt;/p&gt;
&lt;blockquote&gt;&lt;/blockquote&gt;
&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br/&gt;&amp;lt;html lang=&amp;#8217;fr&amp;#8217;&amp;gt;&lt;br/&gt;&amp;lt;head&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;title&amp;gt;Test de Local Storage HTML5&amp;lt;/title&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;script type=&amp;#8221;text/javascript&amp;#8221; src=&amp;#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&amp;#8221;&amp;gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;lt;style type=&amp;#8217;text/css&amp;#8217;&amp;gt;&lt;br/&gt;#edit {&lt;br/&gt;&lt;span&gt; &lt;/span&gt;margin: auto;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;margin-top: 30px;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;height: 200px;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;color: black;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;width: 200px;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;text-align: left;&lt;br/&gt;}&lt;br/&gt;&amp;lt;/style&amp;gt;&lt;br/&gt;&amp;lt;/head&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;lt;body&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;section&amp;gt; &lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;ul id=&amp;#8217;edit&amp;#8217; contenteditable=&amp;#8217;true&amp;#8217;&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;li&amp;gt;Premier item&amp;lt;/li&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;li&amp;gt;Deuxième item&amp;lt;/li&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;/ul&amp;gt;&lt;br/&gt;&lt;span&gt; &lt;/span&gt;&amp;lt;/section&amp;gt;&lt;br/&gt;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;lt;/html&amp;gt;&lt;/p&gt;
&lt;p&gt;&amp;lt;script type=&amp;#8217;text/javascript&amp;#8217;&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt; &lt;/span&gt;$(function(){&lt;br/&gt;&lt;span&gt; &lt;/span&gt;$(&amp;#8220;#edit&amp;#8221;).blur(function(){&lt;br/&gt;&lt;span&gt; &lt;/span&gt;localStorage.setItem(&amp;#8216;todoData&amp;#8217;, $(this).html());&lt;br/&gt;&lt;span&gt; &lt;/span&gt;});&lt;/p&gt;
&lt;p&gt;&lt;span&gt; &lt;/span&gt;if(localStorage.getItem(&amp;#8216;todoData&amp;#8217;)){&lt;br/&gt;&lt;span&gt; &lt;/span&gt;$(&amp;#8220;#edit&amp;#8221;).html(localStorage.getItem(&amp;#8216;todoData&amp;#8217;));&lt;br/&gt;&lt;span&gt; &lt;/span&gt;}&lt;br/&gt;});&lt;br/&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;

&lt;blockquote&gt;&lt;/blockquote&gt;
&lt;p&gt;Petite explication&amp;#160;: Nous affichons une liste classique &amp;lt;ul&amp;gt; avec deux items. Mais cette liste a une petite particularité&amp;#160;: l&amp;#8217;attribut contenteditable, qui va rendre son contenu modifiable par le visiteur. Ensuite, avec jQuery (mais on aurait aussi pu utiliser du javascript classique), on va récupérer les valeurs saisies par l&amp;#8217;utilisateur, et utiliser les fonctions localStorage.setItem() et localStorage.getItem() pour aller stocker et récupérer des données dans le navigateur du client. Essayez de recharger la page après avoir saisi du texte dans la liste. Vos données ont été instantanément sauvegardées. Vous pouvez quitter votre navigateur et revenir, il en sera de même. &lt;/p&gt;
&lt;p&gt;Ceci n&amp;#8217;est qu&amp;#8217;un aperçu de ce qu&amp;#8217;il peut être fait avec HTML5. Si vous souhaitez aller plus loin avec le local storage, sachez que vous pouvez même gérer une base de données SQL côté client, avec database.executeSql(). Et là ça devient vraiment intéressant.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/9KMr8XjWclA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/9KMr8XjWclA/931260933</link><guid isPermaLink="false">http://blog.tauziet.fr/post/931260933</guid><pubDate>Tue, 10 Aug 2010 11:33:00 +0200</pubDate><category>developpement</category><category>development</category><category>html5</category><category>html 5</category><feedburner:origLink>http://blog.tauziet.fr/post/931260933</feedburner:origLink></item><item><title>Derek Powazek - Thoughts on Designing for iPad</title><description>&lt;a href="http://powazek.com/posts/2583"&gt;Derek Powazek - Thoughts on Designing for iPad&lt;/a&gt;: &lt;p&gt;Great article. I really hope I’ll have to design an iPad app one day. It looks like a great experience.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/AZpz0aVz3dk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/AZpz0aVz3dk/912474158</link><guid isPermaLink="false">http://blog.tauziet.fr/post/912474158</guid><pubDate>Fri, 06 Aug 2010 14:25:39 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/912474158</feedburner:origLink></item><item><title>This video is just awesome.</title><description>&lt;iframe width="400" height="245" src="http://www.youtube.com/embed/kfEzHdWKOoQ?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;This video is just awesome.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/chskYxVs334" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/chskYxVs334/912195445</link><guid isPermaLink="false">http://blog.tauziet.fr/post/912195445</guid><pubDate>Fri, 06 Aug 2010 12:39:41 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/912195445</feedburner:origLink></item><item><title>L'actu en patates</title><description>&lt;p&gt;&lt;img height="630" width="520" src="http://vidberg.blog.lemonde.fr/files/2010/07/197_mib.1279022515.gif"/&gt;&lt;/p&gt;
&lt;p&gt;Il y a de cela quelques semaines, j&amp;#8217;ai découvert avec délice le blog de &lt;a href="http://www.martinvidberg.com/"&gt;Martin Vidberg&lt;/a&gt;, hébergé sur LeMonde.fr, le génialissime et excellent &lt;a href="http://vidberg.blog.lemonde.fr/"&gt;L&amp;#8217;actu en patates&lt;/a&gt;. Chaque jour, ces patates nous refont l&amp;#8217;actualité, et en plus d&amp;#8217;être très bien dessinées, les oeuvres de Vidberg sont très drôles. Courrez-y.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/zA3HbvyjPTY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/zA3HbvyjPTY/907919349</link><guid isPermaLink="false">http://blog.tauziet.fr/post/907919349</guid><pubDate>Thu, 05 Aug 2010 17:06:48 +0200</pubDate><category>web</category><category>blog</category><feedburner:origLink>http://blog.tauziet.fr/post/907919349</feedburner:origLink></item><item><title>RIP Google Wave</title><description>&lt;p&gt;&lt;img width="500" src="http://fc07.deviantart.net/fs47/f/2009/210/3/7/Google_Wave_Wallpaper_by_newSaint.png"/&gt;&lt;/p&gt;
&lt;p&gt;Le concept était pourtant intéressant. Le projet Google Wave, censé révolutionner le travail collaboratif sur internet, et remplacer à terme l&amp;#8217;e-mail et le chat a été officiellement abandonné par Google cette nuit. Via un communiqué, Google a déclaré arrêter ce projet qui n&amp;#8217;aura pas eu le succès escompté, et met à disposition le code source de son application.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/e2Yox6Bhc9o" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/e2Yox6Bhc9o/907775107</link><guid isPermaLink="false">http://blog.tauziet.fr/post/907775107</guid><pubDate>Thu, 05 Aug 2010 16:16:00 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/907775107</feedburner:origLink></item><item><title>JoliCloud - Le premier Cloud OS</title><description>&lt;p&gt;&lt;img src="http://www.jolicloud.com/blog/wp-content/uploads/2010/07/jolicloud-launcher.png" width="500" height="300"/&gt;&lt;/p&gt;
&lt;p&gt;Alors que Google Chrome OS est attendu pour la fin de l&amp;#8217;année, le premier Cloud OS (traduisez OS en ligne), baptisé JoliCloud, débarque. Disponible uniquement sur netbook, je n&amp;#8217;ai pas encore eu l&amp;#8217;occasion de tester ce nouvel OS entièrement développé en HTML5 (hurray!). Mais l&amp;#8217;avenir est en marche&amp;#8230;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/M8aUE6RY4WI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/M8aUE6RY4WI/907748530</link><guid isPermaLink="false">http://blog.tauziet.fr/post/907748530</guid><pubDate>Thu, 05 Aug 2010 16:06:00 +0200</pubDate><category>os</category><category>jolicloud</category><category>web</category><category>html5</category><feedburner:origLink>http://blog.tauziet.fr/post/907748530</feedburner:origLink></item><item><title>Une vidéo (assez impressionnante) qui retrace les 34 ans...</title><description>&lt;iframe src="http://player.vimeo.com/video/9820827" width="400" height="225" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Une vidéo (assez impressionnante) qui retrace les 34 ans d’existence d’Apple en 2 minutes et en 3D. On y retrouve quelques-unes des plus belles créations Apple, modélisées de fort belle manière !&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/3G3qnuSuWac" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/3G3qnuSuWac/903340580</link><guid isPermaLink="false">http://blog.tauziet.fr/post/903340580</guid><pubDate>Wed, 04 Aug 2010 17:58:06 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/903340580</feedburner:origLink></item><item><title>The Ultimate jQuery List</title><description>&lt;a href="http://jquerylist.com/"&gt;The Ultimate jQuery List&lt;/a&gt;: &lt;p&gt;Presque tous les plugins et tutoriaux jQuery en une seule et même page. Pratique.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/RdU5BiMdkyI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/RdU5BiMdkyI/903314817</link><guid isPermaLink="false">http://blog.tauziet.fr/post/903314817</guid><pubDate>Wed, 04 Aug 2010 17:49:47 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/903314817</feedburner:origLink></item><item><title>"Simplicity is not the goal. It is the by-product of a good idea and modest expectations."</title><description>“Simplicity is not the goal. It is the by-product of a good idea and modest expectations.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;Paul Rand &lt;/em&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/Bw0-4WYnTo4" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/Bw0-4WYnTo4/903280850</link><guid isPermaLink="false">http://blog.tauziet.fr/post/903280850</guid><pubDate>Wed, 04 Aug 2010 17:38:41 +0200</pubDate><feedburner:origLink>http://blog.tauziet.fr/post/903280850</feedburner:origLink></item><item><title>Où vaut-il mieux travailler?</title><description>&lt;a href="http://www.officesnapshots.com/"&gt;Où vaut-il mieux travailler?&lt;/a&gt;: &lt;p&gt;&lt;img height="300" width="500" src="http://media.tumblr.com/tumblr_l6n2d8HeYJ1qcakj2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Petit site bien sympa qui propose des photos des locaux de différentes grosses entreprises (américaines pour la plupart). Cela permet de se donner une idée de ce à quoi l’on peut s’attendre lorsque l’on rentre dans l’une de ces boîtes. Je vous suggère notamment d’aller voir les locaux d’&lt;a title="Apple" target="_blank" href="http://www.officesnapshots.com/2008/02/04/apple-hq-cupertino-campus/"&gt;Apple&lt;/a&gt;, &lt;a title="Google" target="_blank" href="http://www.officesnapshots.com/2008/02/19/google-mountainview-headquarters/"&gt;Google&lt;/a&gt;, &lt;a title="Facebook" target="_blank" href="http://www.officesnapshots.com/2009/08/13/the-new-facebook-office/"&gt;Facebook&lt;/a&gt; et &lt;a title="Twitter" target="_blank" href="http://www.officesnapshots.com/2009/11/17/twitters-latest-office-move-version-3/"&gt;Twitter&lt;/a&gt;. &lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/cTauziet/~4/rmhZQ4iE4lU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/cTauziet/~3/rmhZQ4iE4lU/903281765</link><guid isPermaLink="false">http://blog.tauziet.fr/post/903281765</guid><pubDate>Wed, 04 Aug 2010 17:38:00 +0200</pubDate><category>google</category><category>apple</category><category>facebook</category><category>twitter</category><category>locaux</category><feedburner:origLink>http://blog.tauziet.fr/post/903281765</feedburner:origLink></item></channel></rss>

