<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-514307625988032145</id><updated>2011-07-28T23:37:38.185-07:00</updated><category term='Null'/><title type='text'>Le Blog Hystrique</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>8</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-4178492802579484573</id><published>2009-10-19T11:57:00.000-07:00</published><updated>2009-10-19T12:10:58.108-07:00</updated><title type='text'>Red Bull Soapbox Racer</title><content type='html'>Red Bull est bien connu pour investir des sommes immenses en promotion de tout genre.  Le site &lt;a href="http://www.redbullsoapboxracer.com/"&gt;Red Bull Soapbox Racer&lt;/a&gt; est définitivement un de leurs bons coups. Ce jeu réalisé en Flash avec l'aide de librairies 3D (Papervision3D) est définitivement un chef d'oeuvre du divertissement gratuit en ligne.&lt;br /&gt;&lt;br /&gt;L'interface est vraiment superbe et intuitive. J'aime bien le fait qu'on puisse modifier l'interface de création de voiture comme on veut. De plus, le site est hyper optimisé pour permettre à tout le monde d'y avoir accès.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-4178492802579484573?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/4178492802579484573/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/red-bull-soapbox-racer.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/4178492802579484573'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/4178492802579484573'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/red-bull-soapbox-racer.html' title='Red Bull Soapbox Racer'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-8471694828787503636</id><published>2009-10-13T06:20:00.000-07:00</published><updated>2009-10-13T06:22:23.743-07:00</updated><title type='text'>Processus de production</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oPq40mfnCr0/StR-y1VHD_I/AAAAAAAAAAU/k9i4UnZi0xI/s1600-h/FillionDeKiewit_ian_processus.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 212px; height: 320px;" src="http://1.bp.blogspot.com/_oPq40mfnCr0/StR-y1VHD_I/AAAAAAAAAAU/k9i4UnZi0xI/s320/FillionDeKiewit_ian_processus.gif" alt="" id="BLOGGER_PHOTO_ID_5392074065643507698" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Je vous présente ce qui semble être un processus de production logique pour le développement d'un site web.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-8471694828787503636?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/8471694828787503636/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/processus-de-production.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/8471694828787503636'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/8471694828787503636'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/processus-de-production.html' title='Processus de production'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_oPq40mfnCr0/StR-y1VHD_I/AAAAAAAAAAU/k9i4UnZi0xI/s72-c/FillionDeKiewit_ian_processus.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-1361198882635582022</id><published>2009-10-13T06:01:00.000-07:00</published><updated>2009-10-13T06:09:17.206-07:00</updated><title type='text'>Interface d'horreur</title><content type='html'>&lt;cite&gt;Je suis tombé sur le site du &lt;a href="http://www.halloween2-movie.com/"&gt;film Halloween2&lt;/a&gt; et...&lt;br /&gt;Wow! ceux qui ont fait ce site ont vraiment bien fait leur travail. L'interface est très intuitive et nous met dans l'ambiance macabre du film. Ça vaut le coup d'oeil&lt;br /&gt;&lt;/cite&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-1361198882635582022?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/1361198882635582022/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/interface-dhorreur.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/1361198882635582022'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/1361198882635582022'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/interface-dhorreur.html' title='Interface d&apos;horreur'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-6112942490345428003</id><published>2009-10-07T06:37:00.000-07:00</published><updated>2009-10-07T07:01:33.450-07:00</updated><title type='text'>La magie de jquery</title><content type='html'>Si vous n'avez jamais entendu parler de &lt;a href="http://jquery.com/"&gt;jquery&lt;/a&gt; à ce jour, vous ne programmez probablement pas de sites web dans la vie. En effet, cette librairie de code JavaScript simplifiant l'animation d'une page HTML est de plus en plus utilisée par les développeurs. Cet outil est très pratique puisqu'il permet de créer des interfaces hautement dynamiques avec du code simple et léger. Je n'ai personnellement jamais utilisé cette librairie mais je compte l'ajouter à ma trousse à outils lorsque j'aurai un peu de temps.&lt;br /&gt;&lt;br /&gt;Bref, je vous laisse avec un exemple de blog dont j'admire le design et qui utilise jquery:&lt;br /&gt;&lt;a href="http://blog.hellohikimori.com/"&gt;http://blog.hellohikimori.com/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-6112942490345428003?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/6112942490345428003/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/la-magie-de-jquery.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/6112942490345428003'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/6112942490345428003'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/la-magie-de-jquery.html' title='La magie de jquery'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-7155769811317946894</id><published>2009-10-02T19:11:00.000-07:00</published><updated>2009-10-02T19:50:03.804-07:00</updated><title type='text'>Sites web "in the box"?</title><content type='html'>Après le dernier cours de design d'interface portant sur les méthodes pour designer un site web "out of the box", je me suis posé une question très simple. Cette question est: existe-t-il des sites web entièrement "in the box". En effet, les 25 points qui rendent un site "out of the box" couvrent pratiquement tout ce qu'il est possible de faire pour embellir un site web.&lt;br /&gt;&lt;br /&gt;J'ai commencé ma recherche sur les sites connus et très axés sur l'information tel facebook, google ou encore yahoo pour me rendre compte qu'il allait être difficile de trouver quelque chose de totalement out-of the box.&lt;br /&gt;&lt;br /&gt;Je me suis donc enfoui un peu plus profondément dans les entrailles du web à la recherche des sites web les plus laids. Évidemment, plusieurs de ces sites web utilisaient tout de même (très mal) au moins quelques-unes des méthodes pour rendre un site "out of the box". C'est alors que j'ai apperçu la perle râre. Mesdammes et Monsieurs, je vous présente &lt;a href="http://www.dinghyinsurance.com/"&gt;dinghyinsurance.com&lt;/a&gt;. C'est en voyant ce site que j'ai compri à quel point incompétent il faut être pour produire un design entièrement "in the box".&lt;br /&gt;&lt;br /&gt;Voici donc la méthode infaillible que j'ai imaginé pour produire un site web "in the box":&lt;br /&gt;1- Créer une disposition de page en code HTML seulement&lt;br /&gt;2- Mettre en ligne&lt;br /&gt;&lt;br /&gt;C'étais facile non?&lt;br /&gt;&lt;br /&gt;Finalement, pour votre plaisir, voici un autre site presque autant "in the box" que celui des assurances dinghy mais qui a au moins la qualité (si on peut dire ça comme ça) de surprendre:&lt;br /&gt;&lt;a href="http://upperweather.com/ugly.html"&gt;upperweather.com&lt;/a&gt;. (Notez que ce site a été produit pour un concours de production de sites web moches.)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-7155769811317946894?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/7155769811317946894/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/sites-web-in-box.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/7155769811317946894'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/7155769811317946894'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/10/sites-web-in-box.html' title='Sites web &quot;in the box&quot;?'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-405839742658904698</id><published>2009-09-15T07:59:00.000-07:00</published><updated>2009-09-15T08:24:23.375-07:00</updated><title type='text'>Bon, bon ,bon</title><content type='html'>Voici le design "final" du blog. Final est entre guillemets puisque je ne me gênerai pas pour apporter quelques modifications si j'en ressent l'envie. Alors tel que promis, je vous donne l'occasion de me donner votre impression sur le design de mon blog (FAITES-LE!!! &gt;:).&lt;br /&gt;&lt;br /&gt;Et euh...pour votre distraction: voici de quoi avait l'air le template sur lequel je me suis basé.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i460.photobucket.com/albums/qq327/hysteriadeki/blogOldTemplate.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 271px; height: 297px;" src="http://i460.photobucket.com/albums/qq327/hysteriadeki/blogOldTemplate.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oPq40mfnCr0/Sq-xFdzUUjI/AAAAAAAAAAM/7czDaNUFZKQ/s1600-h/blogOldTemplate.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-405839742658904698?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/405839742658904698/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/bon-bon-bon.html#comment-form' title='0 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/405839742658904698'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/405839742658904698'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/bon-bon-bon.html' title='Bon, bon ,bon'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-3620841802023569930</id><published>2009-09-09T08:04:00.000-07:00</published><updated>2009-09-09T09:35:25.321-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Null'/><title type='text'>Post à non-lire</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i93.photobucket.com/albums/l45/hysteria2006/walikngmeanie.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 322px; height: 300px;" src="http://i93.photobucket.com/albums/l45/hysteria2006/walikngmeanie.gif" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Ce post n'est destiné qu'à m'aider dans la mise en page de ce blog.&lt;br /&gt;Je vous laisserai savoir quand le design sera fini afin que vous puissiez me donner votre opinion.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-3620841802023569930?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/3620841802023569930/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/post-non-lire.html#comment-form' title='1 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/3620841802023569930'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/3620841802023569930'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/post-non-lire.html' title='Post à non-lire'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-514307625988032145.post-7843507920807499335</id><published>2009-09-03T21:46:00.000-07:00</published><updated>2009-09-03T22:06:39.269-07:00</updated><title type='text'>La naissance du Blog Hystrique</title><content type='html'>Le Blog Hystrique est né vendredi le 4 septembre vers 00:45. Son auteur est Ian Fillion-de Kiewit, un étudiant en multimédia habitant dans les environs de Montréal. Le but du Blog Hystrique est de vénérer les belles interfaces, détruire les mauvaises et de discuter des nouvelles tendances dans les monde du design d'interfaces. N'hésitez pas, laissez votre opinion que vous soyez en accord ou non avec les propos du blog!&lt;br /&gt;&lt;br /&gt;Note: Hystrique ne veut rien dire, ce nom vien de la banque de noms que Blogger m'a proposé.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/514307625988032145-7843507920807499335?l=lebloghystrique.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lebloghystrique.blogspot.com/feeds/7843507920807499335/comments/default' title='Publier les commentaires'/><link rel='replies' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/la-naissance-du-blog-hystrique.html#comment-form' title='1 commentaires'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/7843507920807499335'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/514307625988032145/posts/default/7843507920807499335'/><link rel='alternate' type='text/html' href='http://lebloghystrique.blogspot.com/2009/09/la-naissance-du-blog-hystrique.html' title='La naissance du Blog Hystrique'/><author><name>HyStErIa</name><uri>http://www.blogger.com/profile/10346745533173323857</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry></feed>
