<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bloody Marie &#187; Web design</title>
	<atom:link href="http://blog.marieguillaumet.com/categorie/creations/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.marieguillaumet.com</link>
	<description>Blog de Marie Guillaumet (alias kReEsTaL), web designer et geek, mais aussi grande-fille-pas-toute-simple, tendance rêveuse &#224; temps complet.</description>
	<lastBuildDate>Wed, 01 Feb 2012 22:30:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Cacher son identité Whois sur OVH</title>
		<link>http://blog.marieguillaumet.com/cacher-son-identite-whois-sur-ovh/</link>
		<comments>http://blog.marieguillaumet.com/cacher-son-identite-whois-sur-ovh/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 12:26:25 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[informatique]]></category>
		<category><![CDATA[OVH]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[whois]]></category>

		<guid isPermaLink="false">http://blog.marieguillaumet.com/?p=3694</guid>
		<description><![CDATA[Tout locataire d&#8217;un nom de domaine enregistré chez OVH doit fournir à son hébergeur ses coordonnées exactes et mises à jour (source PDF). Ces informations personnelles sont utilisées notamment dans le whois du nom de domaine. Si je reprends la définition de Wikipedia, Whois (contraction de l&#8217;anglais who is?, signifiant « qui est ? ») [...]]]></description>
			<content:encoded><![CDATA[<p>Tout locataire d&#8217;un nom de domaine enregistré chez OVH doit fournir à son hébergeur ses coordonnées exactes et mises à jour (<a href="http://www.ovh.com/fr/support/documents_legaux/conditions%20generales%20de%20service.pdf" rel="pdf">source PDF</a>). Ces informations personnelles sont utilisées notamment dans le <em>whois</em> du nom de domaine.</p>
<p>Si je reprends la définition de <cite><a href="http://fr.wikipedia.org/wiki/Whois" rel="external">Wikipedia</a></cite>, <q>Whois (contraction de l&#8217;anglais who is?, signifiant « qui est ? ») est un service de recherche fourni par les registres Internet (&#8230;) Ces informations ont des usages très variés (&#8230;) (par exemple) la recherche du titulaire d&#8217;un nom de domaine par une société qui souhaiterait l&#8217;obtenir.</q></p>
<p>Ainsi, en théorie, <strong>quiconque souhaite obtenir les informations personnelles du détenteur d&#8217;un nom de domaine peut le faire grâce à <em>whois</em></strong>. Reformulons : si vous louez un nom de domaine, quiconque peut obtenir vos informations personnelles (adresse postale, numéro de téléphone, email) en lançant une simple recherche <em>whois</em>.</p>
<p><abbr lang="lat" title="Note bene">NB</abbr> : Les noms de domaine en .fr sont automatiquement protégés par l&#8217;AFNIC. Par contre, le whois des noms de domaine en .com, .net, .org, .biz, .mobi, .tv, .cc, et .me ne sont pas automatiquement protégés&nbsp;!</p>
<p>Premier réflexe : <a href="http://who.is/">consultez le whois de votre nom de domaine</a>, et vérifiez que vos informations personnelles n&#8217;y apparaissent pas.</p>
<p>Elles apparaissent ? Pas de panique : suivez le guide ! :)</p>
<h3>Masquer son adresse, son email et son téléphone dans le whois</h3>
<p><span class="stabilo"><strong>Cette méthode permet de cacher vos informations personnelles dans le Manager OVH.</strong> Je n&#8217;ai pas testé les méthodes proposées par les autres hébergeurs.</span></p>
<p>Voici la marche à suivre pour masquer vos informations personnelles dans le whois de votre domaine&nbsp;:</p>
<ol>
<li><strong>Connectez-vous à votre manager, et sélectionnez le domaine pour lequel vous voulez activer <abbr title="OVH whois Obfuscator" lang="en">OwO</abbr></strong> (c&#8217;est à dire: pour lequel vous souhaitez masquer vos informations personnelles).</li>
<li>Dans la rubrique &laquo;&nbsp;Mutualisé&nbsp;&raquo;, cliquez sur l&#8217;item &laquo;&nbsp;Domaine &amp; DNS&nbsp;&raquo;. Dans la page qui s&#8217;ouvre,<strong> cliquez sur l&#8217;icône &laquo;&nbsp;Masquer le whois&nbsp;&raquo;</strong> (entouré en vert sur l&#8217;image ci-dessous) :
<div class="image"><img src="http://blog.marieguillaumet.com/files/2011/04/20110409_ovh-owo.jpg" alt="Masquer le Whois sur OVH" title="Masquer le Whois sur OVH" width="420" height="373" class="alignnone size-full wp-image-3695" /></div>
</li>
<li><strong>Pour activer OwO, cliquez sur l&#8217;icône verte située sous le mot &laquo;&nbsp;Tous&nbsp;&raquo;</strong> situé dans le tableau entouré en vert dans la capture ci-dessous. Toutes les icônes passeront du rouge au vert, et les données personnelles associées à votre domaine seront donc masquées&nbsp;:
<div class="image"><a href="http://blog.marieguillaumet.com/files/2011/04/20110409_ovh-owo2.jpg" rel="shadowbox[sbpost-3694];player=img;" title="Cacher ses informations personnelles dans le whois"><img src="http://blog.marieguillaumet.com/files/2011/04/20110409_ovh-owo2-420x362.jpg" alt="Cacher ses informations personnelles dans le whois" title="Cacher ses informations personnelles dans le whois" width="420" height="362" class="alignnone size-medium wp-image-3696" /></a></div>
</li>
</ol>
<p>Vous pouvez voir un exemple de données obfusquées avec un <a href="http://who.is/whois/marieguillaumet.com/" rel="external">whois sur mon domaine</a> : mon adresse, mon numéro de téléphone et mon email ont été remplacés par des alias fournis par OVH. Si quelqu&#8217;un essaie de me contacter via ces données, OVH me transfèrera les éventuels courriers ou emails reçus sur ces adresses de substitution.</p>
<p>NB : si vous possédez plusieurs noms de domaine chez OVH, il faudra <strong>régler ces paramètres de confidentialité <em>domaine par domaine</em></strong>. La page qui vous propose de le faire pour tous les domaines à la fois ne fonctionne pas, cela m&#8217;a été confirmé par un téléconseiller&#8230;</p>
<h3>En savoir plus</h3>
<ul>
<li><a href="http://guides.ovh.com/OwO">Le guide OVH dédié à OwO</a></li>
<li><a href="http://who.is/">Consultez votre <em>whois</em></a></li>
<li><a href="http://fr.wikipedia.org/wiki/Whois">Définition du whois sur Wikipedia</a></li>
</ul>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/comment-je-suis-devenue-une-geekette-de-linformatique/" title="Comment je suis devenue une geekette"><img src="" alt="Comment je suis devenue une geekette" /></a></div><a href="http://blog.marieguillaumet.com/comment-je-suis-devenue-une-geekette-de-linformatique/" title="Comment je suis devenue une geekette">Comment je suis devenue une geekette</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/un-monde-doux-comme-de-la-dentelle/" title="Un monde doux comme de la dentelle"><img src="" alt="Un monde doux comme de la dentelle" /></a></div><a href="http://blog.marieguillaumet.com/un-monde-doux-comme-de-la-dentelle/" title="Un monde doux comme de la dentelle">Un monde doux comme de la dentelle</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/cacher-son-identite-whois-sur-ovh/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Métamorphose de mes sites en cours</title>
		<link>http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/</link>
		<comments>http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 20:48:25 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[kreestal.fr]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.marieguillaumet.com/?p=3079</guid>
		<description><![CDATA[Sonnez hautbois, résonnez musettes : j&#8217;ai décidé de reprendre un peu en mains mon blog. A savoir, publier davantage (no comment), et peut-être bosser sur un nouveau design &#8211; même si c&#8217;est tout en bas sur la liste de mes priorités. Mais surtout, j&#8217;ai mis à jour WordPress, tous mes plugins, migré le blog sur [...]]]></description>
			<content:encoded><![CDATA[<p><em>Sonnez hautbois, résonnez musettes :</em> j&#8217;ai décidé de reprendre un peu en mains mon blog. A savoir, publier davantage (<em lang="en">no comment</em>), et peut-être bosser sur un nouveau design &#8211; même si c&#8217;est tout en bas sur la liste de mes priorités. Mais surtout, j&#8217;ai mis à jour WordPress, tous mes plugins, migré le blog sur <a href="http://www.marieguillaumet.com/">mon nouveau domaine</a> (définitif celui-là), et mis en place la <strong>fonction &laquo;&nbsp;multisite&nbsp;&raquo; de WordPress</strong>. :?</p>
<p>Une à deux fois par an, ça me prend, comme ça : je mets un immense boxon sur mes différents sites. A la base, rien n&#8217;est réellement mis à jour mais rien ne fonctionne réellement non plus ; soudain, une lubie technique me titille &#8211; souvent l&#8217;envie de tester un bon gros plugin WordPress bien intrusif (genre, BuddyPress sur <a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, récemment), ou de mettre à jour WordPress et d&#8217;en assumer les conséquences.</p>
<p>Ainsi, j&#8217;ai passé pas mal de soirées ces derniers jours à tester la version 3 du fameux CMS, et surtout à configurer la <strong>fonctionnalité multisite de WordPress</strong>.</p>
<h3>Reprenons dans l&#8217;ordre</h3>
<p>A la réflexion et à l&#8217;usage, je me suis rendue compte que <strong>mes différents noms de domaine sont plus ou moins difficiles à prononcer et à retenir</strong>, en dépit de leur relative originalité et de la valeur que je leur accorde : aenemya.com (mix entre l&#8217;anémie dont j&#8217;ai longtemps souffert, et Aenima, l&#8217;album de <a href="http://blog.marieguillaumet.com/we-do-speak-music/">TOOL</a>), kreestal.fr, et quid de bloodymarie.fr, ou encore de aenemya.com/blog que j&#8217;utilisais à une époque ? Au début, cela allait à peu près car je n&#8217;avais qu&#8217;un seul nom de domaine, et puis au fil des ans, ma folie s&#8217;est étendu, et je me suis cru en mesure d&#8217;alimenter régulièrement pas moins de cinq sites différents&#8230; :!:</p>
<p>Déjà que mon pseudo pose problème (non, il ne se prononce pas [<em>créçetale</em>]), si je complique la chose avec des noms de domaine alambiqués, je ne pense pas vous rendre service, chers lecteurs. Et puis, on lit ici et là qu&#8217;<strong>il faut veiller à la cohésion de son identité virtuelle</strong>, qu&#8217;il vaut mieux garder les choses simples, tout ça tout ça. Tout un tas de raisons qui font que je vais &laquo;&nbsp;abandonner&nbsp;&raquo; kreestal.fr et aenemya.com au profit de marieguillaumet.com, plus facile à retenir, plus transparent, plus pro aussi, soit plus précisément : </p>
<ul>
<li><a href="http://blog.marieguillaumet.com/">blog.marieguillaumet.com</a> &#8211; la nouvelle adresse du blog ! (Rassurez-vous, kreestal.fr continuera à renvoyer sur le bon domaine pendant quelques mois, mais par sécurité, mettez à jours vos marque-pages !)</li>
<li><strong>portfolio.marieguillaumet.com</strong> &#8211; qui remplacera à terme mon portfolio actuel ;</li>
<li>et sans doute d&#8217;autres à venir.</li>
</ul>
<p>La fonctionnalité &laquo;&nbsp;multisite&nbsp;&raquo; de WordPress était ainsi une aubaine, car j&#8217;allais pouvoir tester la gestion de plusieurs sites sur un même domaine ! </p>
<p>J&#8217;y reviendrai dans mon prochain billet &#8211; mais avant tout, je tiens déjà à préciser que <strong>cette simplification de noms de domaine ne veut pas dire aseptisation ou normalisation des contenus</strong> : j&#8217;aurai tout loisir de &laquo;&nbsp;me lâcher&nbsp;&raquo; artistiquement et techniquement sur le design de ces &laquo;&nbsp;nouveaux anciens sites&nbsp;&raquo;. ;-)</p>
<p>Bon, comme je ne sais pas faire court, je me force à arrêter là pour ce soir, et publierai d&#8217;ici quelques jours un autre billet expliquant la mise en place d&#8217;un multisite sous WordPress, et des problèmes que j&#8217;ai rencontrés.</p>
<p>D&#8217;ici là, <strong>je vous invite à jeter un oeil à <a href="http://www.marieguillaumet.com/">ma nouvelle page d&#8217;accueil</a></strong>, et à me faire part de vos commentaires ! Pour info, elle synthétise mes premiers pas dans l&#8217;univers fascinant du HTML5 et de CSS3 :</p>
<div class="image"><a href="http://www.marieguillaumet.com/" title="Aperçu de ma nouvelle page d&#039;accueil"><img src="http://blog.marieguillaumet.com/files/2010/07/20100720_mgcom.jpg" alt="Aperçu de ma nouvelle page d&#039;accueil" title="Aperçu de ma nouvelle page d&#039;accueil" width="420" height="265" class="alignnone size-full wp-image-3099" /></a></div>
<p>Ces nouveaux outils sont très motivants pour mes projets web, notamment la refonte de La Lune Mauve&#8230; uh uh. Je n&#8217;en dis pas plus mais oui, c&#8217;est dans le tuyau !</p>
<p>A très vite :-)</p>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)"><img src="http://kreestal.free.fr/bloodymarie/20091122_thumb.jpg" alt="Refonte graphique du blog : process et inspiration (2)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)">Refonte graphique du blog : process et inspiration (2)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)"><img src="http://kreestal.free.fr/bloodymarie/20091115_v4-tn.jpg" alt="Refonte graphique du blog : process et inspiration (1)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)">Refonte graphique du blog : process et inspiration (1)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-tn.jpg" alt="Refonte du blog: besoin de votre avis!" /></a></div><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!">Refonte du blog: besoin de votre avis!</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver"><img src="http://kreestal.free.fr/bloodymarie/20090212_menage-tn.jpg" alt="Le grand ménage d&#039;hiver" /></a></div><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver">Le grand ménage d&#039;hiver</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/" title="Mon blog dans le magazine japonais Web Designing"><img src="http://kreestal.free.fr/bloodymarie/20081223_webdesigning-tn.jpg" alt="Mon blog dans le magazine japonais Web Designing" /></a></div><a href="http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/" title="Mon blog dans le magazine japonais Web Designing">Mon blog dans le magazine japonais Web Designing</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Refonte graphique du blog : process et inspiration (2)</title>
		<link>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/</link>
		<comments>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 08:00:12 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[dessin]]></category>
		<category><![CDATA[kreestal.fr]]></category>
		<category><![CDATA[making-of]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2816</guid>
		<description><![CDATA[La semaine dernière, je vous ai présenté la première étape de la refonte de mon blog, à savoir la création du dessin qui me servirait de header. Une fois le croquis en poche, il était temps de définir la charte graphique globale du blog, tant au niveau des couleurs que de la typographie, que de [...]]]></description>
			<content:encoded><![CDATA[<p>La semaine dernière, je vous ai présenté la première étape de la <a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/">refonte de mon blog</a>, à savoir la création du dessin qui me servirait de <em>header</em>.</p>
<p>Une fois le croquis en poche, il était temps de <strong>définir la charte graphique globale du blog</strong>, tant au niveau des couleurs que de la typographie, que de l&#8217;atmosphère générale que je souhaitais donner à cette <acronym title="version 4">v4</acronym>.</p>
<h3>Une prolongation de mes carnets personnels</h3>
<p>Comme je vous l&#8217;expliquais dans la <a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/">première partie de ce billet</a>, je visais un <strong>design type « scrapbooking » / « fait main »</strong>. A ce titre, j&#8217;ai attrapé mon Moleskine, histoire de laisser déambuler mes feutres et mon stylo (Pilot G-1 0.5 <em><span lang="en">only</span></em>!) sur le papier blanc cassé pendant que je regardais la télé. Oui, le détail est important : avec les années, j&#8217;ai appris à chercher des idées dans des conditions différentes, afin de stimuler mon imagination de façon un peu variée. (De toute façon, entre nous, ma Wacom prend trop de place sur mon bureau pour que je puisse y dessiner à ma guise ! Je m&#8217;installe donc en général ailleurs&#8230;)</p>
<div class="image"><a href="http://blog.marieguillaumet.com/files/2009/11/20091122_carnet1.jpg" rel="shadowbox[sbpost-2816];player=img;"><img src="http://blog.marieguillaumet.com/files/2009/11/20091122_carnet1-150x200.jpg" alt="20091122_carnet1" width="150" height="200" class="alignnone size-thumbnail wp-image-2820" /></a></div>
<p>Sur cette page, par exemple, j&#8217;ai défini les &laquo;&nbsp;couleurs autorisées&nbsp;&raquo; (oranges et orangés, mauves, noir, rose fluo) et les &laquo;&nbsp;couleurs interdites&nbsp;&raquo; (bleus et verts, rouges, roses pâles). Mais bon, comme j&#8217;aime bien me contredire, j&#8217;ai fini par utiliser le rose pâle comme couleur principale. :!: Sur cette page, je me suis aussi laissée aller à dessiner des avatars chibbi de ma pomme, que je pensais utiliser au départ comme icônes illustrant l&#8217;humeur du moment. Finalement, je suis tombée sur ces <a href="http://www.bonbonbisous.com/des-petits-smileys-manga-pour-votre-blog/">smileys kawaï</a> adorables, et je les ai adoptés, laissant du coup tomber mon idée.</p>
<p><strong>Pour rendre mon blog plus personnel et lui donner un look &laquo;&nbsp;fait main&nbsp;&raquo;,</strong> il me fallait piocher dans des éléments effectivement faits à la main : d&#8217;où le dessin, mais aussi les écritures manuscrites, le soulignage chancelant, et la texture d&#8217;arrière-plan qui rappelle le papier recyclé. Ajouté à cela un &laquo;&nbsp;bordel organisé&nbsp;&raquo; assez caractéristique de mon espace de travail personnel, représenté ici par la multiplication des boîtes de contenu, situées à droite de chaque article&#8230;</p>
<h3>Mon <em>mood board</em> web</h3>
<p><strong>Toute cette réflexion et recherche graphique a été nourrie par un certain nombre de sites web et de blogs au design génial</strong>, m&#8217;aidant à mieux définir ce que j&#8217;avais en tête. En voici un florilège :</p>
<h4><span>Hugs for Monsters</span></h4>
<div class="image"><a href="http://blog.hugsformonsters.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_hugsformonsters.jpg" alt="Hugs for Monsters" /></a></div>
<p><a href="http://blog.hugsformonsters.com/">Hugs for Monsters</a> m&#8217;a tapé dans l&#8217;œil pour les dessins et l&#8217;écriture parsemés sur le layout. L&#8217;ajout de peinture virtuelle et de gribouillis manuels renforcent encore la personnalité de ce design.</p>
<h4><span>Odosketch</span></h4>
<div class="image"><a href="http://sketch.odopod.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_odosketch.jpg" alt="Odosketch" /></a></div>
<p>Les tons doux et poudrés de <a href="http://sketch.odopod.com/">Odosketch</a>, auxquels s&#8217;ajoutent l&#8217;utilisation d&#8217;une texture dont on devine les fibres du papier et d&#8217;éléments soulignés ou encadrés à la main, embrassent idéalement la fonctionnalité proposée par le site : dessiner en ligne. On notera le choix de ne pas surcharger la page d&#8217;accueil (le header est à ce titre particulièrement épuré) pour bien mettre en valeur les dessins à la une.</p>
<h4><span>Red Velvet Art</span></h4>
<div class="image"><a href="https://www.redvelvetart.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_redvelvetart.jpg" alt="Red Velvet Art" /></a></div>
<p><a href="https://www.redvelvetart.com/">Red Velvet Art</a> et son design très <span lang="fr">girly</span> m&#8217;ont séduite au premier regard ! :smile: Gros coup de coeur pour le menu dessiné, ainsi que pour le Holga, forcément&#8230;</p>
<h4><span>Les Illustrations de Lapin</span></h4>
<div class="image"><a href="http://www.lesillustrationsdelapin.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_lapin.jpg" alt="Les Illustrations de Lapin" /></a></div>
<p><a href="http://www.lesillustrationsdelapin.com/">Lapin</a> est un illustrateur que j&#8217;affectionne beaucoup car il mixe encre de chine (ou stylo bille?) et aquarelle dans ses carnets de voyage.</p>
<h4><span>Boompa</span></h4>
<div class="image"><a href="http://boompa.ca/"><img src="http://kreestal.free.fr/bloodymarie/20091122_boompa.jpg" alt="Boompa" /></a></div>
<p>Comment passer à côté de <a href="http://boompa.ca/">Boompa</a>, dont le site a été sélectionné des centaines de fois dans des annuaires CSS ? Et comment rester insensible à son style naïf, frais et coloré ? Là encore, on note l&#8217;emploi de l&#8217;aquarelle &#8211; ou de peinture à l&#8217;eau &#8211; sur le coin droit du conteneur. J&#8217;aime ce genre de petit détail qui donne toute la personnalité à un design.</p>
<h4><span>Tylor J. Reimer</span></h4>
<div class="image"><a href="http://www.tylorjreimer.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_taylorjreimer.jpg" alt="Taylor J. Reimer" /></a></div>
<p>Les éclaboussures fluorescentes qu&#8217;a ajoutées le talentueux <a href="http://www.tylorjreimer.com/">Taylor J. Reimer</a> au <span lang="fr">header</span> de son blog ravive le jaune pâle dont celui-ci est recouvert. Et rien ne vaut une couleur complémentaire (ici, un joli mauve un peu passé) pour faire ressortir un élément important (ici, le nom de l&#8217;illustrateur). Un design &laquo;&nbsp;pop calme&nbsp;&raquo; minimaliste qui me plaît beaucoup.</p>
<h4><span>The Heartfelt Agency</span></h4>
<div class="image"><a href="http://www.theheartfeltagency.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_heartfelt.jpg" alt="The Heartfelt Agency" /></a></div>
<p>Le site de <a href="http://www.theheartfeltagency.com/">The Heartfelt Agency</a> s&#8217;appuie également sur des croquis charmants, tant dans son <span lang="fr">header</span> que dans son <span lang="fr">footer</span> (à ne pas manquer !). Ce qui semble être un papier épais couleur crème sert d&#8217;image d&#8217;arrière-plan, tandis que l&#8217;on retrouve des éléments collés et de l&#8217;aquarelle à gogo &#8211; y compris à l&#8217;intérieur du titre principal. Une bonne idée qui renforce le message créatif véhiculé par le design général.</p>
<h4><span>The Bright Agency</span></h4>
<div class="image"><a href="http://www.thebrightagency.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_brightagency.jpg" alt="The Bright Agency" /></a></div>
<p>Entre nous, j&#8217;ai cru que ma mâchoire allait se déboîter quand j&#8217;ai vu le <span lang="fr">footer</span> de <a href="http://www.thebrightagency.com/">The Bright Agency</a> ! Je vous laisse le découvrir par vous-mêmes. En attendant, cela m&#8217;a rappelé que je ne pouvais pas ne pas inclure un petit clin d&#8217;œil à <a href="http://www.lalunemauve.fr/">mon astre fétiche</a> sur la nouvelle version de Bloody Marie ! :cool:</p>
<h4><span>Ecoki</span></h4>
<div class="image"><a href="http://www.ecoki.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_ecoki.jpg" alt="Ecoki" /></a></div>
<p><a href="http://www.ecoki.com/">Ecoki</a> s&#8217;inscrit un peu dans la même veine que Odosketch, grâce à un design épuré fondé sur du collage, une texture d&#8217;arrière-plan qui rappelle le papier recyclé d&#8217;un bloc-notes ou d&#8217;un herbier, et la simplicité des formes utilisées. Ici, pas de typos alambiquées, pas d&#8217;excentricité ; avec un peu d&#8217;imagination, on pourrait presque respirer l&#8217;odeur de l&#8217;herbe fraîche à portée. Ok, j&#8217;ai dit &laquo;&nbsp;presque&nbsp;&raquo;.</p>
<h4><span>Cole &amp; Weber United</span></h4>
<div class="image"><a href="http://coleweber.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_coleandweber.jpg" alt="Cole &amp; Weber United" /></a></div>
<p>Le portfolio de <a href="http://coleweber.com/">Cole &amp; Weber United</a> prouve une fois encore que l&#8217;addition papier + aquarelle colorée sont des valeurs sûres pour réussir un design de site web en cette fin 2009 !</p>
<h4><span>Yellow Bird Project</span></h4>
<div class="image"><a href="http://www.yellowbirdproject.com/"><img src="http://kreestal.free.fr/bloodymarie/20091122_yellowbird.jpg" alt="Yellow Bird" /></a></div>
<p>Enfin, sur <a href="http://www.yellowbirdproject.com/">Yellow Bird</a>, on a affaire à un beau et grand logo qui semble avoir été dessiné à la main, avec une typo irrégulière mais très différenciante. Les bulles jaunes qui énoncent la <span lang="fr">baseline</span> du site sont également très réussies ; d&#8217;ailleurs, cette couleur est utilisée par touches ailleurs sur la page pour attirer l&#8217;attention sur les éléments importants.</p>
<p>J&#8217;ai aussi pioché des idées dans l&#8217;article &laquo;&nbsp;<a href="http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-the-hand-drawn-style-in-web-designs/">30 Creative Examples of the Hand Drawn Style in Web Designs</a>&nbsp;&raquo; publié sur Six Revisions, qui dresse un panorama intéressant du style &laquo;&nbsp;dessiné&nbsp;&raquo; dans le web design.</p>
<h3>Derniers ingrédients</h3>
<p>Face à ces sites plus beaux les uns que les autres, <strong>il m&#8217;a fallu deux/trois mois pour digérer ces inspirations et aboutir à un résultat le plus personnel possible</strong>. Jusqu&#8217;à présent, je n&#8217;avais jamais vraiment réussi à mettre en couleur un de mes croquis. Mais je crois que la présence du papier en arrière-plan m&#8217;a facilité la tâche, et j&#8217;ai pu sans trop de peine encrer &#8211; numériquement &#8211; <a href="http://blog.marieguillaumet.com/files/2009/11/20091115_v4-dessin.jpg" rel="shadowbox[sbpost-2816];player=img;">mon esquisse originale</a>.</p>
<h4><span>Des tâches presque naturelles</span></h4>
<p>J&#8217;ai aussi ajouté ce qui ressemble à de l&#8217;aquarelle, grâces aux brosses Photoshop &laquo;&nbsp;<a href="http://www.bittbox.com/freebies/free-hi-res-splatter-photoshop-brushes"><span lang="en">splatter</span></a>&nbsp;&raquo; et &laquo;&nbsp;<a href="http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii"><span lang="en">watercolor</span></a>&nbsp;&raquo; conseillés par <a href="http://www.webdesignerwall.com/tutorials/design-watercolor-effect-menu/">Webdesigner Wall</a> (un de mes blogs cultes s&#8217;il en fut). <strong>Rien n&#8217;est plus difficile que d&#8217;imiter le hasard</strong>, et simuler le tombé aléatoire d&#8217;une encre numérique sur du papier qui l&#8217;est tout autant demande plus de travail qu&#8217;on ne pourrait imaginer :? Découper la texture &laquo;&nbsp;papier&nbsp;&raquo; d&#8217;arrière-plan n&#8217;a pas non plus été la partie la plus facile, car il faut que le motif se répète sans donner l&#8217;impression de se chevaucher.</p>
<p><strong>L&#8217;intérêt d&#8217;être web designer <em>et</em> intégrateur web est que l&#8217;on a conscience, au fur et à mesure, de la façon dont on va découper chaque élément</strong> de la maquette initiale. Certains choix se font alors automatiquement, par exemple celui de privilégier une couleur de fond, une bordure de droite et une bordure inférieure pour chaque boîte de contenu, plutôt que de s&#8217;embêter à découper une grande image d&#8217;arrière-plan. Dans la mesure où chaque boîte peut, potentiellement, s&#8217;allonger à l&#8217;infini, il aurait fallu prévoir une immense image de fond, et donc alourdir le poids des éléments que doit télécharger l&#8217;internaute pour afficher le blog convenablement.</p>
<h4><span>Utiliser sa propre écriture comme police de caractères</span></h4>
<div class="image"><img src="http://blog.marieguillaumet.com/wp-content/themes/hardaslove/i/single/sidebar-titles.png" alt="Les principaux sous-titres du design" /></div>
<p>Grâce à cette solution, j&#8217;ai pu me concentrer sur le découpage et la qualité des titres et sous-titres manuscrits ; j&#8217;ai ainsi utilisé <a href="http://www.pompage.net/pompe/sprites/">la méthode des <span lang="fr">sprites</span></a> à chaque fois que cela était possible.</p>
<div class="image alignright" style="clear:left"><a href="http://blog.marieguillaumet.com/files/2009/11/20091122_carnet2.jpg" rel="shadowbox[sbpost-2816];player=img;"><img src="http://blog.marieguillaumet.com/files/2009/11/20091122_carnet2-147x200.jpg" alt="Page de carnet consacrée à l&#039;écriture manuscrite de mes titres" width="147" height="200" class="alignnone size-thumbnail wp-image-2821" /></a></div>
<p style="clear:left">A propos, je trouve qu&#8217;<strong>utiliser sa propre écriture pour certains titres de son blog rend un design vraiment personnel, même si c&#8217;est pénible à faire</strong>. En effet, il faut dans un premier temps écrire, pour de vrai, tous les titres en question, les scanner, puis les découper et les intégrer à la maquettes, puis les re-découper, et les otpimiser pour le web. Bien sûr, d&#8217;aucuns rétorqueraient que j&#8217;aurais pu les écrire directement avec ma Wacom. Pour avoir essayé, je trouve que le résultat n&#8217;est pas le même ; il y a toujours des problèmes de pixellisation, et mon écriture avec un stylet Wacom n&#8217;est pas aussi fluide qu&#8217;avec un stylo à plume.</p>
<p>Tout cela est donc très fastidieux, mais <strong>c&#8217;est un moindre mal quand on veut se différencier</strong> des dizaines de milliers de sites et blogs qui utilisent jusqu&#8217;à plus soif des polices vues et revues. Après, je ne suis pas en train de dire que tout le monde doit se fader d&#8217;écrire ses titres à la main non plus pour être un peu original ; dans mon cas, ça collait bien au style général de mon design et s&#8217;est imposé naturellement. D&#8217;ailleurs, pour le titre de mes billets, j&#8217;ai laissé la place à Arial, qui fait très bien son travail ! Je n&#8217;avais pas le courage de créer ma propre police d&#8217;écriture (mon ego va très bien, merci !), et d&#8217;essayer de l&#8217;utiliser dynamiquement pour générer des titres de billets réellement <span lang="fr"><em>custom</em></span>, de toute façon. :-(</p>
<h4><span>Une bordure personnalisée pour les images</span></h4>
<p>L&#8217;ultime élément qui m&#8217;en a fait baver a été d&#8217;<strong>ajouter une bordure personnalisée à toutes les images</strong> du blog, au moyen d&#8217;une image de tirets beiges, censée s&#8217;adapter, en arrière-plan, à la taille de chaque l&#8217;image. Pour cela, je n&#8217;avais d&#8217;autre solution que de découper <a href="http://blog.marieguillaumet.com/wp-content/themes/hardaslove/i/images-bg.png" rel="shadowbox[sbpost-2816];player=img;">l&#8217;image la plus grande possible</a> (en sachant cependant qu&#8217;aucune image contenue dans mes billets ne dépasserait 425 pixels de largeur, vu la largeur de la boîte conteneuse), en prévoyant une &gt;div&lt; qui est automatiquement associée à chaque image que l&#8217;on veut encadrer, et en jouant avec les <em><span lang="fr">padding</span></em> et les <em><span lang="fr">background-position</span></em>.</p>
<p>&#8230;Voilà, j&#8217;arrive enfin au terme de ce <em>making-of</em> ! Si vous avez des questions sur des points précis, ou des remarques à me faire, n&#8217;hésitez pas à laisser un commentaire :wink: Merci de m&#8217;avoir lue jusqu&#8217;ici !</p>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)"><img src="http://kreestal.free.fr/bloodymarie/20091115_v4-tn.jpg" alt="Refonte graphique du blog : process et inspiration (1)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)">Refonte graphique du blog : process et inspiration (1)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-tn.jpg" alt="Refonte du blog: besoin de votre avis!" /></a></div><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!">Refonte du blog: besoin de votre avis!</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver"><img src="http://kreestal.free.fr/bloodymarie/20090212_menage-tn.jpg" alt="Le grand ménage d&#039;hiver" /></a></div><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver">Le grand ménage d&#039;hiver</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1"><img src="http://kreestal.free.fr/bloodymarie/20080922_bloodymariev3-1-tn.jpg" alt="Amélioration du blog: Bloody Marie v3.1" /></a></div><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1">Amélioration du blog: Bloody Marie v3.1</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux"><img src="http://blog.marieguillaumet.com/files/2011/03/20110317_photocabine1-90x90.jpg" alt="Dans les tuyaux" /></a></div><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux">Dans les tuyaux</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Refonte graphique du blog : process et inspiration (1)</title>
		<link>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/</link>
		<comments>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 08:00:20 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[dessin]]></category>
		<category><![CDATA[kreestal.fr]]></category>
		<category><![CDATA[making-of]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2808</guid>
		<description><![CDATA[Julien pourrait en témoigner, depuis la création de Bloody Marie en 2006, j&#8217;ai toujours voulu créer un design type &#171;&#160;scrapbooking&#160;&#187; / &#171;&#160;carnet perso&#160;&#187; pour mon blog sans jamais y arriver. Certes, la v2 y était presque, mais quand on se remémore la v3, on peut voir à quel point je m&#8217;étais égarée dans cette quête [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.spleenarcana.com/">Julien</a> pourrait en témoigner, depuis la création de Bloody Marie en 2006, j&#8217;ai toujours voulu créer un design type &laquo;&nbsp;scrapbooking&nbsp;&raquo; / &laquo;&nbsp;carnet perso&nbsp;&raquo; pour mon blog sans jamais y arriver. Certes, <a href="http://blog.marieguillaumet.com/wp-content/themes/hardaslove/i/apropos/bloodymarie-v2.jpg" rel="shadowbox[sbpost-2808];player=img;">la <acronym title="version 2">v2</acronym></a> y était presque, mais quand on se remémore <a href="http://blog.marieguillaumet.com/wp-content/themes/hardaslove/i/apropos/bloodymarie-v3_1.jpg" rel="shadowbox[sbpost-2808];player=img;">la <acronym title="version 3">v3</acronym></a>, on peut voir à quel point je m&#8217;étais égarée dans cette quête incertaine, toute schizophrène que j&#8217;ai tendance à être en matière de choix graphiques.</p>
<p>Et puis, Bloody Marie n&#8217;a <a href="http://blog.marieguillaumet.com/kreestal-fr-sur-the-daily-slurp-et-most-inspired/">jamais</a> <a href="http://blog.marieguillaumet.com/bloody-marie-sur-css-mania/">autant</a> <a href="http://blog.marieguillaumet.com/nouvelles-selections-css-pour-bloody-marie/">retenu</a> <a href="http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/">l&#8217;attention</a> qu&#8217;avec son design précédent : noir et blanc, minimalisme et touche punk-rock. :?:</p>
<p>Autre paramètre : j&#8217;avais dit que j&#8217;arrêterais de bloguer. Bon, ça, à la limite, passons, souvent femme varie. Mais j&#8217;ai quand même eu besoin de quatre bons mois avant que les appels du pied de la fée du blogging fassent effet, et avant de me remettre sérieusement à la recherche d&#8217;idées pour cette nouvelle version (la <acronym title="version 4">v4</acronym>, donc).</p>
<div class="image" style="margin-left:47px;"><img src="http://blog.marieguillaumet.com/files/2009/11/20091115_v4-firstsketch.jpg" alt="" title="Premier croquis pour la version 4 du blog" width="334" height="950" class="alignnone size-full wp-image-2811" /></div>
<p style="clear:both;">Une petite idée plus tenace que les autres continuait néanmoins à vivre dans un coin de ma tête : <strong>l&#8217;idée d&#8217;une figuration plus ou moins caricaturale de ma trombine en train de bosser</strong>, ordinateur, Wacom et tasse de thé à portée. C&#8217;est ainsi que pendant un énième voyage en train, j&#8217;ai gribouillé ce qui &#8211; je l&#8217;ignorais &#8211; allait devenir le mantra principal de cette <acronym title="version 4">v4</acronym>.</p>
<p>A la base, je voulais vraiment développer la baseline actuelle du blog, &laquo;&nbsp;Mi-Rêves, Mi-Réalité&nbsp;&raquo; (qui était déjà la même en mars 2004, sur mon &laquo;&nbsp;<a href="http://kreestal.deviantart.com/art/Le-Journal-etrange-de-kReEsTaL-5684800">Journal étrange</a>&nbsp;&raquo; d&#8217;alors), en mettant d&#8217;un côté des éléments de ma vie &laquo;&nbsp;réelle&nbsp;&raquo; (livres, cadres, Converse, etc.) et de l&#8217;autre des éléments empruntés à mes rêves et à mes obsessions visuelles (planètes, roses bleues, <em>stripes</em>, etc.). Ma première idée fut de réaliser tout ça dans Illustrator, pour coller à la <a href="http://www.cssleak.com/Category/Character-Illustrations-in-Web-Design.html">tendance actuelle des personnages, avatars et mascottes vectoriels</a> dans les headers de blogs.</p>
<p>Or, plus je bossais sur ce design, plus je réalisais que je n&#8217;avais pas une once de talent en matière d&#8217;illustration vectorielle, et qu&#8217;un layout à la <a href="http://www.flickr.com/photos/giselej/3195033613/sizes/o/">Gisele</a> <a href="http://www.flickr.com/photos/giselej/3629335388/sizes/o/">Jaquenod</a> serait purement et simplement impossible. Non seulement je n&#8217;aurais pas pu réaliser un truc pareil (elle-même utilise des images stock pour les personnages, qu&#8217;elle intègre ensuite de façon très chouette avec d&#8217;autres éléments), mais surtout, ce type d&#8217;illustration ne colle à mon avis pas du tout avec mon univers et l&#8217;ambiance dégagée par ce que j&#8217;écris sur mon blog. Girly, ok &#8211; je suis une fille après tout ! :grin: &#8211; mais pas gnangnan. Et puis ça me poserait un gros problème de voir le personnage stock que j&#8217;aurais choisi sur d&#8217;autres sites&#8230;</p>
<p>J&#8217;en suis donc rapidement venue à me dire que j&#8217;allais dessiner moi-même mon header. Et comme je ne suis pas franchement très douée en dessin non plus, j&#8217;ai dû me prendre en photo dans la posture que je voulais dessiner afin d&#8217;avoir un modèle pour gribouiller. :roll: (D&#8217;ailleurs, j&#8217;ai fini par utiliser cette photo sur la page &laquo;&nbsp;<a href="/a-propos/">A propos</a>&nbsp;&raquo;.)</p>
<p>Après plusieurs essais proprement hideux et beaucoup de concentration, j&#8217;en suis arrivée à ça :</p>
<div class="image" style="margin-left:47px;"><a href="http://blog.marieguillaumet.com/files/2009/11/20091115_v4-dessin.jpg" rel="shadowbox[sbpost-2808];player=img;" title="Le dessin qui a servi au header de la v4"><img src="http://blog.marieguillaumet.com/files/2009/11/20091115_v4-dessin-300x240.jpg" alt="" title="Le dessin qui a servi au header de la v4" width="300" height="240" class="alignnone size-medium wp-image-2812" /></a></div>
<p style="clear:both;">De là, <strong>j&#8217;ai du réfléchir à la palette que j&#8217;allais utiliser, mais aussi à la colorisation de ce croquis</strong>. J&#8217;ai du pour cela faire &laquo;&nbsp;mon marché&nbsp;&raquo;, c&#8217;est à dire visiter une cinquantaine de sites et de blogs afin d&#8217;établir un <em>mood board</em> et, finalement, trouver le style de cette <acronym title="version 4">v4</acronym>. Mais tout ça, je vous l&#8217;expliquerai dans la seconde partie de cet article, la semaine prochaine !</p>
<p><strong>N&#8217;oubliez pas de <a href="http://feeds2.feedburner.com/BloodyMarie">vous abonner à mon flux RSS</a> si ce n&#8217;est déjà fait</strong>, ainsi vous n&#8217;en manquerez pas une miette :smile:</p>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)"><img src="http://kreestal.free.fr/bloodymarie/20091122_thumb.jpg" alt="Refonte graphique du blog : process et inspiration (2)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)">Refonte graphique du blog : process et inspiration (2)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-tn.jpg" alt="Refonte du blog: besoin de votre avis!" /></a></div><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!">Refonte du blog: besoin de votre avis!</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver"><img src="http://kreestal.free.fr/bloodymarie/20090212_menage-tn.jpg" alt="Le grand ménage d&#039;hiver" /></a></div><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver">Le grand ménage d&#039;hiver</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1"><img src="http://kreestal.free.fr/bloodymarie/20080922_bloodymariev3-1-tn.jpg" alt="Amélioration du blog: Bloody Marie v3.1" /></a></div><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1">Amélioration du blog: Bloody Marie v3.1</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux"><img src="http://blog.marieguillaumet.com/files/2011/03/20110317_photocabine1-90x90.jpg" alt="Dans les tuyaux" /></a></div><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux">Dans les tuyaux</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Bloody Marie, c’est reparti !</title>
		<link>http://blog.marieguillaumet.com/bloody-marie-cest-reparti/</link>
		<comments>http://blog.marieguillaumet.com/bloody-marie-cest-reparti/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 09:06:46 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[kreestal.fr]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2794</guid>
		<description><![CDATA[Je passe en coup de vent pour &#8211; oui, oui &#8211; confirmer que je vais tâcher de me remettre à mon écritoire de temps à autre. La plume me démange toujours en dépit du temps qui me manque, mais comme il est bien connu que je suis une fieffée hyperactive, je devrais à peu près [...]]]></description>
			<content:encoded><![CDATA[<p>Je passe en coup de vent pour &#8211; oui, oui &#8211; confirmer que je vais tâcher de me remettre à mon écritoire de temps à autre. <strong>La plume me démange toujours en dépit du temps qui me manque</strong>, mais comme il est bien connu que je suis une fieffée hyperactive, je devrais à peu près réussir à jongler entre mes deux cent projets. :???:</p>
<ul>
<li>Il y a déjà plusieurs articles dans ma manche (dont deux traiteront de beaux livres) -</li>
<li>J&#8217;ai quasiment terminé le nouveau design du blog (n&#8217;hésitez pas à me signaler des bugs) -</li>
<li>Il me tarde de me remettre à écrire pour de vrai (l&#8217;accès à certains articles pourra d&#8217;ailleurs être restreint) -</li>
</ul>
<p>Pour couronner le tout, ce matin je n&#8217;ai pas le temps d&#8217;en écrire plus ; toutefois, si vous avez du temps devant vous, n&#8217;hésitez pas à visiter les blogs top moumoutes que j&#8217;ai linkés dans mon tout nouveau <a href="http://blog.marieguillaumet.com/#blogroll">blogroll</a>, que je complèterai au fil du temps.</p>
<p>A très vite, donc ! :kiss:</p>
<div class="image"><a href="http://www.theunicorndiaries.com/2008/11/never-bird.html"><img src="http://kreestal.free.fr/bloodymarie/20091102_blackdove.jpg" alt="Black Dove" /></a></div>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux"><img src="http://blog.marieguillaumet.com/files/2011/03/20110317_photocabine1-90x90.jpg" alt="Dans les tuyaux" /></a></div><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux">Dans les tuyaux</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/celle-qui-navait-pas-de-niche/" title="Celle qui n&#039;avait pas de niche"><img src="http://kreestal.free.fr/bloodymarie/20091129_freedom-tn.jpg" alt="Celle qui n&#039;avait pas de niche" /></a></div><a href="http://blog.marieguillaumet.com/celle-qui-navait-pas-de-niche/" title="Celle qui n&#039;avait pas de niche">Celle qui n&#039;avait pas de niche</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)"><img src="http://kreestal.free.fr/bloodymarie/20091122_thumb.jpg" alt="Refonte graphique du blog : process et inspiration (2)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)">Refonte graphique du blog : process et inspiration (2)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)"><img src="http://kreestal.free.fr/bloodymarie/20091115_v4-tn.jpg" alt="Refonte graphique du blog : process et inspiration (1)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)">Refonte graphique du blog : process et inspiration (1)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-tn.jpg" alt="Refonte du blog: besoin de votre avis!" /></a></div><a href="http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/" title="Refonte du blog: besoin de votre avis!">Refonte du blog: besoin de votre avis!</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/bloody-marie-cest-reparti/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Refonte du blog: besoin de votre avis!</title>
		<link>http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/</link>
		<comments>http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 08:00:09 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[kreestal.fr]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2735</guid>
		<description><![CDATA[Ok, alors comme je l&#8217;annonçais il y a peu, j&#8217;ai pour projet de refondre le design de mon blog. Parce que le design actuel est en ligne depuis juillet 2008, et que j&#8217;ai envie de sang neuf ; parce que j&#8217;ai envie de revenir à quelque chose de plus personnel, d&#8217;un peu scrapbooking, dans la [...]]]></description>
			<content:encoded><![CDATA[<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4.jpg" alt="Bloody Marie V4" width="450" height="280" /></div>
<p>Ok, alors <a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/#quid">comme je l&#8217;annonçais il y a peu</a>, j&#8217;ai pour projet de refondre le design de mon blog. Parce que le design actuel est en ligne depuis <a href="http://blog.marieguillaumet.com/kreestal-fr-nouveau-design-et-nombreuses-ameliorations/">juillet 2008</a>, et que j&#8217;ai envie de sang neuf ; parce que j&#8217;ai envie de revenir à quelque chose de plus personnel, d&#8217;un peu scrapbooking, dans la veine de la <a href="http://kreestal.deviantart.com/art/BloodyMarie-fr-v2-polka-dots-51159448"><acronym title="version 2">v2</acronym></a> ; parce que je suis une fichue hyperactive, insatisfaite chronique de surcroît, et puis parce que cette refonte marquera la fin de la refonte globale de mes trois sites (<a href="http://www.lalunemauve.fr/">mon webzine</a>, <a href="http://www.aenemya.com/">mon portfolio</a> et mon blog), chose que je n&#8217;aurai probablement plus le temps de faire avant au moins un an &#8211; en faisant preuve d&#8217;un optimisme fou.</p>
<p>Actuellement je travaille sur la nouvelle version de mon portfolio. Or, comme je dois avoir terminé d&#8217;ici une semaine, l&#8217;heure du relooking de Bloody Marie ne va pas tarder à sonner. Et <strong>j&#8217;ai besoin de votre avis pour mettre au point une <acronym title="version 4">v4</acronym> qui poutre!</strong></p>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-url.jpg" alt="Changer de nom de domaine?" width="386" height="60" /></div>
<p>Fin 2006, à la naissance de Bloody Marie, l&#8217;URL du blog était bloodymarie.fr. URL que j&#8217;ai abandonnée un an plus tard, n&#8217;ayant pas envie de payer pour un blog qui à l&#8217;époque n&#8217;attirait que quatre lecteurs et demi, qu&#8217;un Russe racheta, que j&#8217;essayai de racheter sans succès, et que je ne pus récupérer qu&#8217;il y a quelques mois.</p>
<p>Désormais, bloodymarie.fr redirige sur kreestal.fr. Mais finalement, <strong>ne devrais-je pas reprendre bloodymarie.fr comme URL principale</strong>, vu que 1/ c&#8217;est le titre de mon blog, 2/ elle me semble plus facile à retenir que l&#8217;autre?</p>
<p>D&#8217;un autre côté, kreestal.fr est plus court, et plus pertinent puisqu&#8217;il se base sur mon omniprésent pseudo. En plus, cela symbolise peut-être davantage que mon blog est un peu &laquo;&nbsp;ma maison&nbsp;&raquo; sur le Web, là où <a href="http://www.lalunemauve.fr/">La Lune Mauve</a> est un site collectif, et où <a href="http://www.aenemya.com/">Aenemya</a> a une portée beaucoup moins personnelle.</p>
<p><strong>Qu&#8217;en pensez-vous?</strong></p>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-blogroll.jpg" alt="Ajouter un blogroll?" width="302" height="52" /></div>
<p>Si je vous dis que je ne suis pas une blogueuse au sens le plus noble du terme, ce n&#8217;est pas un scoop. Je n&#8217;ai pas de réelle ligne éditoriale, je ne suis pas une influenceuse, et je ne fais (presque) rien pour être &laquo;&nbsp;dans le move&nbsp;&raquo;. Même si j&#8217;ai déjà parlé de <a href="http://blog.marieguillaumet.com/mes-blogs-preferes/">mes blogs préférés</a>, c&#8217;était il y a six mois ; entre temps, j&#8217;en ai découvert pleins, on m&#8217;a linkée ici et là, bref, j&#8217;ai mis un pied dans l&#8217;implacable sphère bloguesque.</p>
<p>Moi qui avais abandonné les liens avec la <acronym title="version 2">v2</acronym>, je me demande s&#8217;il ne serait pas temps de <strong>remettre le blogroll au goût du jour.</strong> En tant que lectrice de blog, j&#8217;aime quand mes blogs préférés me donnent des pistes pour aller en lire d&#8217;autres dans la même veine. A contrario, Bloody Marie me fait parfois l&#8217;impression d&#8217;être un cul de sac de ce point de vue.</p>
<p><strong>Qu&#8217;en pensez-vous?</strong></p>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-articles.jpg" alt="Quel type d'articles préférez-vous?" width="454" height="46" /></div>
<p>Que vous soyez un lecteur régulier ou de passage de ce blog, il y a forcément un type (ou des types) d&#8217;articles que vous préférez par rapport aux autres. Comme je le disais, je n&#8217;ai pas de réelle ligne éditoriale, bloguant principalement sur <a href="http://blog.marieguillaumet.com/categorie/experiences/">mes expériences</a>, <a href="http://blog.marieguillaumet.com/categorie/passions/">mes passions</a> et <a href="http://blog.marieguillaumet.com/categorie/creations/">mes créations</a>.</p>
<p>Au regard des archives, j&#8217;ai blogué autant sur des sujets très terre-à-terre (requêtes Google édifiantes, études et mémoire, web design, sorties cinéma, artistes à suivre, &#8230;) que sur des sujets plus libres (photographie, making-of, dessins, prose, &#8230;).</p>
<p><strong>Quels sont vos types d&#8217;articles préférés?</strong> (plusieurs réponses possibles)</p>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-lovehate.jpg" alt="Ce que vous préférez / Ce que vous aimez moins" width="498" height="86" /></div>
<p>Au-delà du contenu des billets, j&#8217;aimerais savoir ce que vous aimez particulièrement sur mon blog, et ce que vous aimez moins. En comparaison avec les autres blogs de ce style que vous lisez, <strong>qu&#8217;est-ce qui, selon vous, différencie le plus Bloody Marie des autres?</strong></p>
<p><strong>Qu&#8217;est-ce qui vous fait revenir?</strong></p>
<p><strong>A contrario, quels aspects du blog vous plaisent moins?</strong> (design, ton, fonctionnalités, rythme de publication, vitesse de chargement du blog, &#8230;)</p>
<p><strong>Que pourrais-je encore améliorer selon vous?</strong></p>
<p>N&#8217;hésitez pas à me faire part de vos remarques, même négatives, cela m&#8217;aidera beaucoup pour améliorer le blog. N&#8217;hésitez pas non plus à évoquer tout aspect que je n&#8217;aurai pas abordé dans ce billet, et qui pourrait être pertinent au regard d&#8217;une refonte.</p>
<p>Sans vous, vos commentaires, vos idées et votre enthousiasme, je pense que j&#8217;aurai laissé tomber depuis un bout de temps. <strong>Merci infiniment pour votre fidélité.</strong> Je suis sincèrement honorée de savoir que vous me lisez, et réellement touchée que vous preniez le temps de me répondre.</p>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/llama.gif" alt="Lama" width="53" height="65" /></div>
<div class="image"><img src="http://kreestal.free.fr/bloodymarie/20090308_bmv4-sign.jpg" alt="D'avance merci!" width="406" height="218" /></div>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)"><img src="http://kreestal.free.fr/bloodymarie/20091122_thumb.jpg" alt="Refonte graphique du blog : process et inspiration (2)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)">Refonte graphique du blog : process et inspiration (2)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)"><img src="http://kreestal.free.fr/bloodymarie/20091115_v4-tn.jpg" alt="Refonte graphique du blog : process et inspiration (1)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-1/" title="Refonte graphique du blog : process et inspiration (1)">Refonte graphique du blog : process et inspiration (1)</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver"><img src="http://kreestal.free.fr/bloodymarie/20090212_menage-tn.jpg" alt="Le grand ménage d&#039;hiver" /></a></div><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver">Le grand ménage d&#039;hiver</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1"><img src="http://kreestal.free.fr/bloodymarie/20080922_bloodymariev3-1-tn.jpg" alt="Amélioration du blog: Bloody Marie v3.1" /></a></div><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1">Amélioration du blog: Bloody Marie v3.1</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux"><img src="http://blog.marieguillaumet.com/files/2011/03/20110317_photocabine1-90x90.jpg" alt="Dans les tuyaux" /></a></div><a href="http://blog.marieguillaumet.com/dans-les-tuyaux/" title="Dans les tuyaux">Dans les tuyaux</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/refonte-du-blog-besoin-de-votre-avis/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Réouverture de La Lune Mauve</title>
		<link>http://blog.marieguillaumet.com/reouverture-de-la-lune-mauve/</link>
		<comments>http://blog.marieguillaumet.com/reouverture-de-la-lune-mauve/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 08:00:04 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[infographie]]></category>
		<category><![CDATA[La Lune Mauve]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2723</guid>
		<description><![CDATA[Alors ça y est: ce bougre de site fermé pendant trois ans et demi, j'ai nommé <strong><a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, est en ligne depuis une semaine.</strong> Trois ans et demi de boulot disséminé dans un planning de ministre, où La Lune Mauve était toujours le truc à faire après tout le reste, même si c'était le truc qui avait plus de valeur que tout le reste. Tentative de bilan.]]></description>
			<content:encoded><![CDATA[<p>Alors ça y est: ce bougre de site fermé pendant trois ans et demi, j&#8217;ai nommé <strong><a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, est en ligne depuis une semaine.</strong> Je vous invite d&#8217;ailleurs à aller le visiter dès à présent en cliquant sur l&#8217;image ci-dessous:</p>
<div class="aligncenter">
<p><a href="http://www.lalunemauve.fr/"><img src="http://farm4.static.flickr.com/3324/3245588392_62c2a27e83.jpg" alt="La Lune Mauve v15" height="403" width="500" /></a></p>
</div>
<p><strong>Equation en sens inverse:</strong></p>
<ul>
<li>4 semaines de &laquo;&nbsp;<em>pissage de ligne</em>&laquo;&nbsp;, comme le dit si poétiquement mon père;</li>
<li>6 mois passés sur la réalisation des images et des maquettes;</li>
<li>1 an et demi de coordination éditoriale et de mise au point de l&#8217;architecture de l&#8217;information;</li>
<li>1 an de remise à plat totale du concept (<a href="http://www.lalunemauve.fr/planete/news-lunemauviennes/quoi-de-neuf/reouverture-de-la-lune-mauve/">plus d&#8217;explications sur <acronym title="La Lune Mauve">LLM</acronym></a>),</li>
</ul>
<p>&#8230;le tout disséminé dans un planning de ministre, où <strong>La Lune Mauve était toujours le truc à faire après tout le reste, même si c&#8217;était le truc qui avait plus de valeur que tout le reste</strong>. En fin de compte, je n&#8217;ai pas coupé aux deux mois de créa et de développement intensifs, quitte à abandonner un peu plus de terrain à la geek qui vit en moi.</p>
<p>On pourrait croire que ce billet fait office de conclusion, sur le mode <em>maintenant que j&#8217;ai remis la mécanique en marche, j&#8217;ai envie d&#8217;aller me fader un autre projet titanesque et improbable</em>. Même pas faux. Seulement, si c&#8217;est un aboutissement, c&#8217;est loin d&#8217;être une fin.</p>
<h3>Une espèce de bilan</h3>
<p>Néanmoins, je vais tenter de faire bilan, parce que c&#8217;est toujours intéressant de relire ce genre de listes écrites dans le feu de l&#8217;action plus tard, à tête reposée.</p>
<ul>
<li><strong>Je ne me réinvestirai jamais dans un tel projet</strong> tout en devant gérer deux mémoires, trois déménagements, plusieurs chaos émotionnels, des stages, des travaux de commande, des problèmes de santé, une métamorphose, un blog, une recherche d&#8217;emploi, une activité de geek et une activité de fille, tout ça en même temps. JAMAIS.</li>
<li><strong>Quand on croit vraiment à quelque chose, même si l&#8217;objectif est fou, on peut y arriver&#8230; si on sait s&#8217;entourer des personnes qui vont bien.</strong> A ce titre, je ne remercierai jamais assez mes proches, qui ont toujours eu foi dans ce projet et n&#8217;ont cessé de m&#8217;encourager, ainsi que les Super Lunemauviens qui étaient là pour fêter ça le 26 janvier, et aussi ceux qui n&#8217;ont pas pu venir mais qui auraient dû.</li>
<li>N&#8217;empêche que <strong>c&#8217;est délicat de gérer une communauté pendant trois ans</strong> sans pouvoir lui montrer des preuves concrètes que, oui, ça avance et que, non, il ne faut pas partir maintenant. C&#8217;est délicat de gérer tout court et les sensibilités, et les personnalités, et les moyens du bord, et sa propre motivation. Dans ces moments-là, on est vraiment seul, du coup, cette motivation a vraiment intérêt à être extrême au risque de tout voir capoter.</li>
<li><strong>C&#8217;est délicat aussi de dire qu&#8217;on travaille avec acharnement</strong> sur un projet à ses collègues, sur son blog, à ses parents, à n&#8217;importe qui en fait, <strong>sans rien pouvoir montrer</strong> non plus. A cause de l&#8217;effet de surprise, et puis parce que tant que ce n&#8217;est pas fini, ce n&#8217;est pas montrable. Du coup, on flippe de décevoir, à force de tout garder pour soi. Et on passe pour une dilettante, une grande gueule, voire pire, une flemmarde. Alors qu&#8217;on ne fait que bosser, jour et nuit, même pendant les fêtes, même pendant tout. On sait pertinemment qu&#8217;on récoltera les fruits plus tard, mais quand même, il y a des nuits où on n&#8217;aurait pas craché sur un peu de reconnaissance par anticipation.</li>
<li><em>Qui veut aller loin, ménage sa monture.</em> Leçon à moi-même&#8230;</li>
<li>Dans un autre domaine: <strong>je n&#8217;ai jamais fait autant de PHP de toute ma vie</strong>. Moi qui partais de très, très bas, j&#8217;ai enfin ressenti les bénéfices des cours de PHP et même d&#8217;algo dont j&#8217;ai bénéficié à Lyon. En n&#8217;étant franchement pas technicienne à la base, j&#8217;ai réussi à monter mon propre script de switch CSS PHP jour/nuit mais aussi par rubrique. Je ne dis pas que le code est propre: mais au moins il fonctionne &#8211; sans l&#8217;aide de personne. J&#8217;ai aussi customisé voire corrigé pas mal de plugins, soit parce qu&#8217;ils ne respectaient pas les standards, soit parce qu&#8217;ils ne donnaient pas exactement le résultat escompté (cf. <a href="http://blog.marieguillaumet.com/show-top-commentators-with-gravatar-a-plugin-for-wordpress/">le plugin Show Top Commentators avec Gravatars</a>, que j&#8217;ai remanié). Bref, de ce point de vue-là je me suis surpassée :°D</li>
<li><strong>Niveau direction artistique, la barre était également placée très haut.</strong> Parce que, avouons-le, cela faisait des années que je n&#8217;avais plus été autant habitée. Alors, oui, j&#8217;ai eu de la chance de pouvoir bosser sur La Lune Mauve comme une déglingo pendant deux mois sans m&#8217;arrêter; mais cela faisait aussi <em>trois ans</em> que j&#8217;avais sacrifié tous mes projets personnels pour des projets &laquo;&nbsp;officiels&nbsp;&raquo; (études, boulot). Du coup, ça m&#8217;a fait du bien de bloquer mon planning de commandes en 2008 et de garder mon peu de temps libre pour mon projet à moi, pour une fois. Le résultat n&#8217;est pas parfait, loin de là (d&#8217;aucuns ont déjà commencé à chipoter, les gros gâtés!) &#8211; d&#8217;ailleurs <a href="http://blog.marieguillaumet.com/la-vulnerabilite-n-exclut-pas-la-force/">je l&#8217;avais annoncé</a> -, mais je peux dire sans rougir que La Lune Mauve v15 est le projet web le plus abouti que j&#8217;aie réalisé jusqu&#8217;à présent: et se dire ça, en être convaincue, c&#8217;est vraiment agréable comme façon de commencer l&#8217;année.</li>
</ul>
<p>Il y aurait évidemment des tas d&#8217;autres choses à dire, de révélations à faire, d&#8217;images à montrer &#8211; mais je n&#8217;ai ni le temps ni l&#8217;envie de le faire ici et maintenant. Les plus curieux trouveront bientôt d&#8217;autres indices, <em>disséminés</em>, comme toujours.</p>
<p><strong>La Lune Mauve en ligne, j&#8217;ai deux autres projets.</strong> Le moins important, c&#8217;est la refonte de mon blog. Parce que j&#8217;en ai pris tellement dans les yeux ces derniers mois que cette interface (et, du reste, ma ligne éditoriale actuelle) ne me paraît plus si en phase avec ce que j&#8217;ai envie de communiquer. Le trip <em>je suis une blogueuse moi aussi regardez mes digg-like</em>, bon, ça va bien cinq minutes, quoi. Donc, j&#8217;ai déjà quelques idées; le problème c&#8217;est &#8211; comme toujours &#8211; LE TEMPS.</p>
<p>Mais surtout, je dois m&#8217;attaquer à un autre gros, très gros projet: trouver mon premier emploi. Un vrai. Dans la vraie vie. Ce qui va forcément impliquer la refonte de <a href="http://www.aenemya.com/">mon portfolio</a> à un moment ou à un autre.</p>
<p>Bref, j&#8217;imagine que l&#8217;année sabbatique, c&#8217;est pas encore pour cette fois&#8230;</p>
<p>Edit: pour ceux que ça intéresse, j&#8217;ai expliqué plus en détails <a href="http://www.lalunemauve.fr/planete/news-lunemauviennes/quoi-de-neuf/reouverture-de-la-lune-mauve/">pourquoi trois ans et demi ont été nécessaires</a> pour remettre La Lune Mauve sur pieds.</p>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/un-monde-doux-comme-de-la-dentelle/" title="Un monde doux comme de la dentelle"><img src="" alt="Un monde doux comme de la dentelle" /></a></div><a href="http://blog.marieguillaumet.com/un-monde-doux-comme-de-la-dentelle/" title="Un monde doux comme de la dentelle">Un monde doux comme de la dentelle</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver"><img src="http://kreestal.free.fr/bloodymarie/20090212_menage-tn.jpg" alt="Le grand ménage d&#039;hiver" /></a></div><a href="http://blog.marieguillaumet.com/le-grand-menage-d-hiver/" title="Le grand ménage d&#039;hiver">Le grand ménage d&#039;hiver</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/j-7/" title="J-7"><img src="http://kreestal.free.fr/bloodymarie/20090118_j-7-tn.jpg" alt="J-7" /></a></div><a href="http://blog.marieguillaumet.com/j-7/" title="J-7">J-7</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1"><img src="http://kreestal.free.fr/bloodymarie/20080922_bloodymariev3-1-tn.jpg" alt="Amélioration du blog: Bloody Marie v3.1" /></a></div><a href="http://blog.marieguillaumet.com/amelioration-du-blog-bloody-marie-v3-1/" title="Amélioration du blog: Bloody Marie v3.1">Amélioration du blog: Bloody Marie v3.1</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/nouveau-logo-pour-la-lune-mauve/" title="Nouveau logo pour La Lune Mauve"><img src="http://kreestal.free.fr/bloodymarie/20080908_logoLaLuneMauve-tn.jpg" alt="Nouveau logo pour La Lune Mauve" /></a></div><a href="http://blog.marieguillaumet.com/nouveau-logo-pour-la-lune-mauve/" title="Nouveau logo pour La Lune Mauve">Nouveau logo pour La Lune Mauve</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/reouverture-de-la-lune-mauve/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Show Top Commentators with Gravatar, a plugin for WordPress</title>
		<link>http://blog.marieguillaumet.com/show-top-commentators-with-gravatar-a-plugin-for-wordpress/</link>
		<comments>http://blog.marieguillaumet.com/show-top-commentators-with-gravatar-a-plugin-for-wordpress/#comments</comments>
		<pubDate>Thu, 08 Jan 2009 10:45:04 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2710</guid>
		<description><![CDATA[As I’m developping La Lune Mauve, a webzine which I use Wordpress as a CMS for, I needed a plugin which would display top commentators *and* their gravatars in my sidebar. Big surprise, it seems no plugin like this does actually exist. That’s why I modded the plugin originally written [...]]]></description>
			<content:encoded><![CDATA[<p><a href="#en">English post</a> &#8211; <a href="#fr">Article en français</a> &#8211; <a href="#change">Changelog</a></p>
<p><a id="en"></a>As I&#8217;m developping <a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, a webzine which I use WordPress as a CMS for, I needed a plugin which would display top commentators *and* their gravatars in my sidebar. Big surprise, it seems no plugin like this does actually exist.</p>
<h3>Description</h3>
<p>That&#8217;s why I modded the plugin originally written by <a href="http://www.pfadvice.com/wordpress-plugins/show-top-commentators/">Nate Sanden</a> in order to display the Gravatar of the top commentators next to their nickname.</p>
<h3>Download</h3>
<p><a href="http://blog.marieguillaumet.com/download/1">Download the Show Top Commentators with Gravatars plugin</a> (ZIP ~ 2,45kb)</p>
<p>Tested with WordPress 2.7.</p>
<h3>Installation</h3>
<p>Please refer to <a href="http://www.pfadvice.com/wordpress-plugins/show-top-commentators/#install">Nate&#8217;s website</a> for install instructions.</p>
<h3>Styling the gravatar with CSS</h3>
<p>Want to add some styling to the Gravatars of your top commentators? That&#8217;s easy. I inserted a <code>span class='gravatar'</code> tag in which the gravatar will be displayed.</p>
<p>In your CSS, simply define the appropriate class, such as:</p>
<p><code>span.gravatar {<br />
 float:left;<br />
 padding:2px 10px 2px 2px;<br />
}</code></p>
<p>And you&#8217;re done! 8)</p>
<p>I also added a <code>span class='nb-comments'</code> tag to the number of comments that show at the right of each nickname, so that you can easily style these as well, like in the below example:</p>
<p><img src="http://kreestal.free.fr/bloodymarie/20090108_topcommentators.jpg" alt="Preview of what the plugin looks like" width="241" height="122" /></p>
<h3>Support</h3>
<p>I&#8217;ll gladly give support, even though I&#8217;m not a professional developper. Let&#8217;s cross fingers Nate does include the gravatars in the next version of the plugin.</p>
<p><a id="fr"></a>Comme je suis en train de développer <a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, un webzine pour lequel j&#8217;utilise WordPress comme CMS, j&#8217;avais besoin d&#8217;un plugin qui afficherait les top commentateurs *et* leur gravatar dans ma sidebar. A ma grande surprise, il semble qu&#8217;il n&#8217;existe aucun plugin qui le permette.</p>
<h3>Description</h3>
<p>C&#8217;est pourquoi j&#8217;ai modifié le plugin écrit par <a href="http://www.pfadvice.com/wordpress-plugins/show-top-commentators/">Nate Sanden</a> pour afficher le gravatar des top commentateurs à côté de leur pseudo.</p>
<h3>Téléchargement</h3>
<p><a href="http://blog.marieguillaumet.com/download/1">Télécharger le plugin Show Top Commentators with Gravatars</a> (ZIP ~ 2,45kb)</p>
<p>Testé avec WordPress 2.7.</p>
<h3>Installation</h3>
<p>Veuillez vous référer au <a href="http://www.pfadvice.com/wordpress-plugins/show-top-commentators/#install">site de Nate</a> pour les instructions d&#8217;installations.</p>
<h3>Donner du style au gravatar avec CSS</h3>
<p>Vous voulez ajouter un peu de style aux gravatars de vos top commentateurs? Rien de plus facile. J&#8217;ai inséré une balise <code>span class='gravatar'</code> qui contient chaque gravatar.</p>
<p>Dans votre CSS, définissez simplement la class en question, comme ceci:</p>
<p><code>span.gravatar {<br />
 float:left;<br />
 padding:2px 10px 2px 2px;<br />
}</code></p>
<p>Et voilà! 8)</p>
<p>J&#8217;ai également ajouté une balise <code>span class='nb-comments'</code> au nombre des commentaires qui s&#8217;affiche à la droite de chaque pseudo, pour que vous puissiez facilement en modifier l&#8217;affichage, comme dans l&#8217;exemple ci-dessous:</p>
<p><img src="http://kreestal.free.fr/bloodymarie/20090108_topcommentators.jpg" alt="Preview of what the plugin looks like" width="241" height="122" /></p>
<h3>Support</h3>
<p>J&#8217;assure le support de cette version modifiée, même si je ne suis pas développeuse professionnelle. Espérons que Nate inclura les gravatars dans la prochaine version de son plugin.</p>
<h3><a id="change"></a>Changelog</h3>
<ul>
<li>2009/01/09: deleted the path to default Gravatar so that you can freely add yours (or not)</li>
<li>2009/01/08: initial release</li>
</ul>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/installation-de-wordpress-3-0-multisite-conseils-problemes-et-solutions/" title="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions"><img src="http://blog.marieguillaumet.com/files/2010/07/20100725_wp-multisite-90x90.jpg" alt="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions" /></a></div><a href="http://blog.marieguillaumet.com/installation-de-wordpress-3-0-multisite-conseils-problemes-et-solutions/" title="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions">Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/" title="Métamorphose de mes sites en cours"><img src="http://blog.marieguillaumet.com/files/2010/07/20100720_mgcom-90x90.jpg" alt="Métamorphose de mes sites en cours" /></a></div><a href="http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/" title="Métamorphose de mes sites en cours">Métamorphose de mes sites en cours</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/liste-des-26-plugins-wordpress-utilises-sur-mon-blog/" title="Liste des 26 plugins Wordpress utilisés sur mon blog"><img src="http://blog.marieguillaumet.com/files/2008/11/20081114_plugins-tn.jpg" alt="Liste des 26 plugins Wordpress utilisés sur mon blog" /></a></div><a href="http://blog.marieguillaumet.com/liste-des-26-plugins-wordpress-utilises-sur-mon-blog/" title="Liste des 26 plugins Wordpress utilisés sur mon blog">Liste des 26 plugins Wordpress utilisés sur mon blog</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/festival-de-lerebe-et-soucis-web/" title="Festival de l&#039;Er&#232;be et soucis web"><img src="" alt="Festival de l&#039;Er&#232;be et soucis web" /></a></div><a href="http://blog.marieguillaumet.com/festival-de-lerebe-et-soucis-web/" title="Festival de l&#039;Er&#232;be et soucis web">Festival de l&#039;Er&#232;be et soucis web</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/show-top-commentators-with-gravatar-a-plugin-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Mon blog dans le magazine japonais Web Designing</title>
		<link>http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/</link>
		<comments>http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 15:05:10 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[ego]]></category>
		<category><![CDATA[kreestal.fr]]></category>
		<category><![CDATA[publication]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=2697</guid>
		<description><![CDATA[Mon blog a été l&#8217;objet d&#8217;un article dans Web Designing, un luxueux magazine japonais consacré au web design. Pas moins de quatre pages sont dédiées au design de Bloody Marie, et cela passe par une analyse de mon code source jusqu&#8217;à celle de mes CSS. J&#8217;ai scanné les pages incriminées, pour ceux qui savent lire [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Mon blog a été l&#8217;objet d&#8217;un article dans <a href="http://book.mycom.co.jp/wd/backnumber/200812.html">Web Designing</a>, un luxueux magazine japonais consacré au web design.</strong> Pas moins de quatre pages sont dédiées au design de Bloody Marie, et cela passe par une analyse de mon code source jusqu&#8217;à celle de mes CSS.</p>
<p><img src="http://kreestal.free.fr/bloodymarie/20081223_webdesigning5.jpg" alt="Aperçu de l'article consacré à mon blog" width="450" height="384" /></p>
<p>J&#8217;ai scanné les pages incriminées, pour ceux qui savent lire le Japonais [vous me feriez une traduction - même sommaire -, du coup?]:</p>
<div class="img-post">
<p><a href="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning0.jpg" rel="shadowbox[sbpost-2697];player=img;"><img src="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning0-114x150.jpg" alt="Couverture du magazine Web Designing" width="114" height="150" class="alignnone size-medium wp-image-2698" /></a> <a href="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning1.jpg" rel="shadowbox[sbpost-2697];player=img;"><img src="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning1-105x150.jpg" alt="Page 1 de l&#039;article consacré à mon blog" width="105" height="150" class="alignnone size-medium wp-image-2699" /></a> <a href="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning2.jpg" rel="shadowbox[sbpost-2697];player=img;"><img src="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning2-106x150.jpg" alt="Page 2 de l&#039;article consacré à mon blog" width="106" height="150" class="alignnone size-medium wp-image-2700" /></a><br /><a href="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning3.jpg" rel="shadowbox[sbpost-2697];player=img;"><img src="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning3-105x150.jpg" alt="Page 3 de l&#039;article consacré à mon blog" width="105" height="150" class="alignnone size-medium wp-image-2701" /></a> <a href="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning4.jpg" rel="shadowbox[sbpost-2697];player=img;"><img src="http://blog.marieguillaumet.com/files/2008/12/20081223_webdesigning4-107x150.jpg" alt="Page 4 de l&#039;article consacré à mon blog" width="107" height="150" class="alignnone size-medium wp-image-2703" /></a></p>
</div>
<p>Ça me fait SUPER plaisir, surtout à la fin d&#8217;une année où je n&#8217;ai pas rendu beaucoup de mes créations publiques (ce qui ne veut pas dire que je n&#8217;ai rien fait: rendez-vous fin janvier pour <a href="http://www.lalunemauve.fr/">une preuve</a> éloquente en images). Je suis fière du design de Bloody Marie, et cela est évidemment un honneur que de le voir publié au pays du Soleil levant!</p>
<p>Pendant que j&#8217;y suis, j&#8217;en profite pour vous signaler que Bloody Marie a <em>aussi</em> été sélectionnée sur <a href="http://gooddesignweb.com/archives/619">Good Design Web</a>, une galerie CSS japonaise. Du coup je leur pardonne d&#8217;avoir écorché mon prénom.</p>
<p>Bref, merci Papa Noël pour tout ça! 8)</p>
<ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/nouvelles-selections-css-pour-bloody-marie/" title="Nouvelles sélections CSS pour Bloody Marie"><img src="http://kreestal.free.fr/bloodymarie/20081006_cssimpress-tn.jpg" alt="Nouvelles sélections CSS pour Bloody Marie" /></a></div><a href="http://blog.marieguillaumet.com/nouvelles-selections-css-pour-bloody-marie/" title="Nouvelles sélections CSS pour Bloody Marie">Nouvelles sélections CSS pour Bloody Marie</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/bloody-marie-sur-css-mania/" title="Bloody Marie sur CSS Mania"><img src="http://kreestal.free.fr/bloodymarie/20080926_cssmania-tn.jpg" alt="Bloody Marie sur CSS Mania" /></a></div><a href="http://blog.marieguillaumet.com/bloody-marie-sur-css-mania/" title="Bloody Marie sur CSS Mania">Bloody Marie sur CSS Mania</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/kreestal-fr-sur-the-daily-slurp-et-most-inspired/" title="Kreestal.fr sur The Daily Slurp et Most Inspired"><img src="http://kreestal.free.fr/bloodymarie/20080831_mostinspired-tn.jpg" alt="Kreestal.fr sur The Daily Slurp et Most Inspired" /></a></div><a href="http://blog.marieguillaumet.com/kreestal-fr-sur-the-daily-slurp-et-most-inspired/" title="Kreestal.fr sur The Daily Slurp et Most Inspired">Kreestal.fr sur The Daily Slurp et Most Inspired</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/" title="Métamorphose de mes sites en cours"><img src="http://blog.marieguillaumet.com/files/2010/07/20100720_mgcom-90x90.jpg" alt="Métamorphose de mes sites en cours" /></a></div><a href="http://blog.marieguillaumet.com/metamorphose-de-mes-sites-en-cours/" title="Métamorphose de mes sites en cours">Métamorphose de mes sites en cours</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)"><img src="http://kreestal.free.fr/bloodymarie/20091122_thumb.jpg" alt="Refonte graphique du blog : process et inspiration (2)" /></a></div><a href="http://blog.marieguillaumet.com/refonte-graphique-du-blog-process-et-inspiration-2/" title="Refonte graphique du blog : process et inspiration (2)">Refonte graphique du blog : process et inspiration (2)</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/mon-blog-dans-le-magazine-japonais-web-designing/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>La Lune Mauve en ligne fin janvier 2009</title>
		<link>http://blog.marieguillaumet.com/la-lune-mauve-en-ligne-fin-janvier-2009/</link>
		<comments>http://blog.marieguillaumet.com/la-lune-mauve-en-ligne-fin-janvier-2009/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 22:32:45 +0000</pubDate>
		<dc:creator>Marie</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.kreestal.fr/?p=179</guid>
		<description><![CDATA[La Lune Mauve, Planète des Cultures en Clair-Obscur, sera de retour en ligne fin janvier 2009, après trois ans et demi de reconstruction. Au programme: des articles consacrés à la Musique, à la Littérature, au Cinéma et à l&#8217;Art, le tout mis en scène dans une aventure graphique à double face. Abonnez-vous à la Newsletter [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://kreestal.free.fr/bloodymarie/20081215_preview.jpg" alt="Preview de la nouvelle version de La Lune Mauve" width="500" height="875" /></p>
<p><strong><a href="http://www.lalunemauve.fr/">La Lune Mauve</a>, Planète des Cultures en Clair-Obscur, sera de retour en ligne fin janvier 2009, après trois ans et demi de reconstruction.</strong> Au programme: des articles consacrés à la Musique, à la Littérature, au Cinéma et à l&#8217;Art, le tout mis en scène dans une aventure graphique à double face.</p>
<p><strong>Abonnez-vous à la <a href="http://www.lalunemauve.fr/">Newsletter lunemauvienne</a> pour être tenu(e) au courant de l&#8217;ouverture du site!</strong></p>
<p>En attendant, retrouvez La Lune Mauve sur:</p>
<ul>
<li><a href="https://twitter.com/LaLuneMauve">Twitter</a>;</li>
<li><a href="http://www.myspace.com/lalunemauve">Myspace</a>;</li>
<li><a href="http://www.new.facebook.com/group.php?gid=19962711775">Facebook</a>.</li>
</ul>
<p>Je meurs d&#8217;impatience de vous montrer le site entier!! 8)</p>
<p  class="related_post_title">Most Commented Posts</p><ul class="related_post"><li><div class="image"><a href="http://blog.marieguillaumet.com/installation-de-wordpress-3-0-multisite-conseils-problemes-et-solutions/" title="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions"><img src="http://blog.marieguillaumet.com/files/2010/07/20100725_wp-multisite-90x90.jpg" alt="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions" /></a></div><a href="http://blog.marieguillaumet.com/installation-de-wordpress-3-0-multisite-conseils-problemes-et-solutions/" title="Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions">Installation de WordPress 3.0 Multisite : conseils, problèmes et solutions</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/concert-de-tori-amos-au-palais-des-congres-2-juin-2007/" title="Concert de Tori Amos au Palais des Congr&#232;s, 2 juin 2007"><img src="http://kreestal.free.fr/bloodymarie/20070604_tori-tn.jpg" alt="Concert de Tori Amos au Palais des Congr&#232;s, 2 juin 2007" /></a></div><a href="http://blog.marieguillaumet.com/concert-de-tori-amos-au-palais-des-congres-2-juin-2007/" title="Concert de Tori Amos au Palais des Congr&#232;s, 2 juin 2007">Concert de Tori Amos au Palais des Congr&#232;s, 2 juin 2007</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/nouveau-layout-pour-bloody-marie-chasse-aux-bugs/" title="Bloody Marie v2: chasse aux bugs"><img src="" alt="Bloody Marie v2: chasse aux bugs" /></a></div><a href="http://blog.marieguillaumet.com/nouveau-layout-pour-bloody-marie-chasse-aux-bugs/" title="Bloody Marie v2: chasse aux bugs">Bloody Marie v2: chasse aux bugs</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/genesis-en-concert-a-lyon-harry-potter-et-l-ordre-du-phenix-le-labyrinthe-de-pan/" title="Genesis en concert &#224; Lyon, Harry Potter et l&#039;Ordre du Ph&#233;nix, Le Labyrinthe de Pan"><img src="http://kreestal.free.fr/bloodymarie/20070715_yeah-tn.jpg" alt="Genesis en concert &#224; Lyon, Harry Potter et l&#039;Ordre du Ph&#233;nix, Le Labyrinthe de Pan" /></a></div><a href="http://blog.marieguillaumet.com/genesis-en-concert-a-lyon-harry-potter-et-l-ordre-du-phenix-le-labyrinthe-de-pan/" title="Genesis en concert &#224; Lyon, Harry Potter et l&#039;Ordre du Ph&#233;nix, Le Labyrinthe de Pan">Genesis en concert &#224; Lyon, Harry Potter et l&#039;Ordre du Ph&#233;nix, Le Labyrinthe de Pan</a></li><li><div class="image"><a href="http://blog.marieguillaumet.com/kreestal-fr-nouveau-design-et-nombreuses-ameliorations/" title="Kreestal.fr: nouveau design et nombreuses améliorations"><img src="http://kreestal.free.fr/bloodymarie/20080728_bloodymariev3-tn.jpg" alt="Kreestal.fr: nouveau design et nombreuses améliorations" /></a></div><a href="http://blog.marieguillaumet.com/kreestal-fr-nouveau-design-et-nombreuses-ameliorations/" title="Kreestal.fr: nouveau design et nombreuses améliorations">Kreestal.fr: nouveau design et nombreuses améliorations</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.marieguillaumet.com/la-lune-mauve-en-ligne-fin-janvier-2009/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

