<?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>Menthe Fraîche &#187; CSS</title>
	<atom:link href="http://www.menthefraiche.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.menthefraiche.com</link>
	<description>Une bouffée d&#039;air frais...</description>
	<lastBuildDate>Sun, 05 Feb 2012 21:39:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Un clavier Apple en CSS&#8230;</title>
		<link>http://www.menthefraiche.com/2010/08/11/un-clavier-apple-en-css/</link>
		<comments>http://www.menthefraiche.com/2010/08/11/un-clavier-apple-en-css/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 17:00:10 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[De la pomme...]]></category>
		<category><![CDATA[Développement parlant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/?p=1777</guid>
		<description><![CDATA[Chris Michel propose un clavier aluminium Apple complètement réalisé en HTML5 et CSS3. Le rendu est impressionnant ! Fonctionne sous Safari et Chrome&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.chrismdesign.com" target="_blank">Chris Michel</a> propose un <a href="http://www.chrismdesign.com/css-keyboard/" target="_blank">clavier aluminium Apple</a> complètement réalisé en <a href="http://fr.wikipedia.org/wiki/HTML5" target="_blank">HTML5</a> et <a href="http://fr.wikipedia.org/wiki/CSS3#CSS3" target="_blank">CSS3</a>.</p>
<p>Le rendu est impressionnant !</p>
<p>Fonctionne sous <a href="http://fr.wikipedia.org/wiki/Safari_%28logiciel%29" target="_blank">Safari</a> et <a href="http://fr.wikipedia.org/wiki/Google_Chrome" target="_blank">Chrome</a>&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2010/08/11/un-clavier-apple-en-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JobsPHP.fr : coup d&#8217;œil vers Microsoft&#8230;</title>
		<link>http://www.menthefraiche.com/2010/04/12/jobsphp-fr-coup-doeil-vers-microsoft/</link>
		<comments>http://www.menthefraiche.com/2010/04/12/jobsphp-fr-coup-doeil-vers-microsoft/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 18:59:40 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[En programmant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JobsPHP.fr]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/?p=1603</guid>
		<description><![CDATA[Une fois n&#8217;est pas coutume, c&#8217;est vers Microsoft et ses navigateurs has been que se tournent les modifications de JobsPHP.fr poussées en production ce soir&#8230; Rien de plus extraordinaire que des modifications CSS, comme toujours&#8230; On se rassurera en observant qu&#8217;une largeur est passée de 70 à 75 pixels sur tous les navigateurs ; cette [...]]]></description>
			<content:encoded><![CDATA[<p>Une fois n&#8217;est pas coutume, c&#8217;est vers <a href="http://fr.wikipedia.org/wiki/Microsoft" target="_blank">Microsoft</a> et ses navigateurs <em>has been</em> que se tournent les modifications de <a href="http://www.jobsphp.fr" target="_blank">JobsPHP.fr</a> poussées en production ce soir&#8230;</p>
<p>Rien de plus extraordinaire que des modifications <a href="http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" target="_blank">CSS</a>, comme toujours&#8230;</p>
<p>On se rassurera en observant qu&#8217;une largeur est passée de 70 à 75 pixels sur tous les navigateurs ; cette mise à jour n&#8217;était donc pas complètement sans intérêt.</p>
<p>Et comme une bonne nouvelle ne vient jamais seule : <a href="http://www.jobsphp.fr" target="_blank">JobsPHP.fr</a> possède désormais son <a href="http://www.jobsphp.com" target="_blank">.com</a>&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2010/04/12/jobsphp-fr-coup-doeil-vers-microsoft/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>JobsPHP.fr : un peu de nouvelles&#8230;</title>
		<link>http://www.menthefraiche.com/2009/08/30/jobsphp-fr-un-peu-de-nouvelles/</link>
		<comments>http://www.menthefraiche.com/2009/08/30/jobsphp-fr-un-peu-de-nouvelles/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 20:13:44 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[Au travail !]]></category>
		<category><![CDATA[En programmant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JobsPHP.fr]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/?p=1213</guid>
		<description><![CDATA[Deux correctifs ont été poussés en production ce soir : il s&#8217;agissait de correctifs CSS mineurs&#8230; Le développement de la V2 est, par contre, en stand by ; la faute à des obligations professionnelles très prenantes&#8230;]]></description>
			<content:encoded><![CDATA[<p>Deux correctifs ont été poussés en production ce soir : il s&#8217;agissait de correctifs <a href="http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" target="_blank">CSS</a> mineurs&#8230;</p>
<p>Le développement de la V2 est, par contre, en stand by ; la faute à des obligations professionnelles très prenantes&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2009/08/30/jobsphp-fr-un-peu-de-nouvelles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery : un ami qui vous veut du bien&#8230;</title>
		<link>http://www.menthefraiche.com/2008/04/12/jquery-un-ami-qui-vous-veut-du-bien/</link>
		<comments>http://www.menthefraiche.com/2008/04/12/jquery-un-ami-qui-vous-veut-du-bien/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 13:00:16 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[En programmant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Projecteur sur...]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/?p=415</guid>
		<description><![CDATA[AJAX&#8230; Oui mais encore? Un produit ménager? Non, une technologie de développement! Il faudrait arrêter de la faire cette blague! Les lecteurs vont s&#8217;en lasser à force&#8230; Bref, s&#8217;il est un mot à la mode dans les open spaces des représentants phares du Web 2.0, c&#8217;est bien &#171;&#160;AJAX&#171;&#160;&#8230; Comme ça, pour les non aguerris, ça [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-416" title="jQuery" src="http://www.menthefraiche.com/wp-content/uploads/2008/04/jquery.gif" alt="" width="132" height="132" /><a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML" target="_blank">AJAX</a>&#8230; Oui mais encore? Un produit ménager? Non, une technologie de développement!<br />
Il faudrait arrêter de la faire cette blague! Les lecteurs vont s&#8217;en lasser à force&#8230;</p>
<p>Bref, s&#8217;il est un mot à la mode dans les open spaces des représentants phares du <a href="http://fr.wikipedia.org/wiki/Web_2.0" target="_blank">Web 2.0</a>, c&#8217;est bien &laquo;&nbsp;<a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML" target="_blank">AJAX</a>&laquo;&nbsp;&#8230; Comme ça, pour les non aguerris, ça ne veut rien dire. Mais avec un exemple, tout devient plus clair&#8230;<br />
Un exemple simple (et utile) peut-être trouvé <a href="http://ql.aonic.net/" target="_blank">ici</a>. Un exemple parmi d&#8217;autres bien entendu&#8230;</p>
<p><a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML" target="_blank">AJAX</a> côté utilisateur, c&#8217;est user friendly et c&#8217;est sexy. Mais c&#8217;est toujours ultra dépendant de l&#8217;activation de <a href="http://fr.wikipedia.org/wiki/Javascript" target="_blank">JavaScript</a> sur la machine cliente (99% des cas).<br />
<a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML" target="_blank"> AJAX</a> côté développeur, ça peut devenir un casse-tête. D&#8217;abord parce que ce n&#8217;est pas si simple que cela à mettre en place. Ensuite parce que les navigateurs n&#8217;interprètent pas les événements <a href="http://fr.wikipedia.org/wiki/Javascript" target="_blank">JavaScript</a> de la même façon.</p>
<p>Heureusement, la communauté de développeurs attachés à l&#8217;<a href="http://fr.wikipedia.org/wiki/Open_source" target="_blank">Open Source</a> se distingue toujours par la mise en ligne de librairies qui valent le détour.<br />
<a href="http://jquery.com/" target="_blank"> jQuery</a> en fait partie (oui, l&#8217;introduction du billet était longue!).</p>
<p><a href="http://jquery.com/" target="_blank">jQuery</a>, c&#8217;est un peu l&#8217;<a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML" target="_blank">AJAX</a> en un seul fichier. A l&#8217;aide de sélecteurs, on manipule aisément le contenu d&#8217;une page web. Gestion des événements, des requêtes, des attributs <a href="http://fr.wikipedia.org/wiki/Cascading_Style_Sheet" target="_blank">CSS</a>&#8230; Tout (ou presque) y est!<br />
Un exemple simple peut permettre de comprendre comment <a href="http://jquery.com/" target="_blank">jQuery</a> transforme quinze lignes de code en une seule.<br />
Admettons que l&#8217;on ait un div visible :</p>
<blockquote>
<pre><code>&lt;div id="layer"&gt;
     Ici le contenu.
&lt;/div&gt;</code></pre>
</blockquote>
<p>Avec les paramètres <a href="http://fr.wikipedia.org/wiki/Cascading_Style_Sheet" target="_blank">CSS</a> suivants :</p>
<blockquote>
<pre><code>#layer {
     color : #000;
     cursor: pointer;
}</code></pre>
</blockquote>
<p>Avec <a href="http://jquery.com/" target="_blank">jQuery</a>, on peut faire disparaître ce div (en une ligne) :</p>
<blockquote>
<pre><code>$('#layer').click(function() {
     $('#layer').hide();
});</code></pre>
</blockquote>
<p>Ici, c&#8217;est un événement clic sur le div qui le fait disparaître. Mais on peut très bien gérer d&#8217;autres événements ou encore modifier des divs (ou toute autre balise) voisins, parents, etc.<br />
On peut également modifier les attributs <a href="http://fr.wikipedia.org/wiki/Cascading_Style_Sheet" target="_blank">CSS</a> du div :</p>
<blockquote>
<pre><code>$('#layer').click(function() {
     $('#layer').css('color', '#fff');
});</code></pre>
</blockquote>
<p>Ici, on change la couleur du texte du div suite à un événement clic.</p>
<p>Bien entendu, il ne s&#8217;agit là que d&#8217;exemples minimalistes de ce que permet <a href="http://jquery.com/" target="_blank">jQuery</a>. La <a href="http://docs.jquery.com/" target="_blank">documentation officielle</a> détaille un peu plus les possibilités offertes par cette librairie. Pour les anglophobes, il existe également une très bonne <a href="http://jquery.developpeur-web2.com" target="_blank">documentation en français</a>.<br />
Notez que <a href="http://jquery.com/" target="_blank">jQuery</a>, comme le veut la tradition du monde <a href="http://fr.wikipedia.org/wiki/Open_source" target="_blank">Open Source</a> est ouvert aux plugins en tous genres&#8230;</p>
<p>Inutile de perdre du temps à écrire et réécrire vos fonctions, adoptez <a href="http://jquery.com/" target="_blank">jQuery</a>, cette librairie fait tout pour vous!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2008/04/12/jquery-un-ami-qui-vous-veut-du-bien/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Naked Day&#8230;</title>
		<link>http://www.menthefraiche.com/2008/04/09/css-naked-day/</link>
		<comments>http://www.menthefraiche.com/2008/04/09/css-naked-day/#comments</comments>
		<pubDate>Tue, 08 Apr 2008 22:05:37 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[La vie d'un blog...]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Menthe Fraîche]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/?p=413</guid>
		<description><![CDATA[Aujourd&#8217;hui c&#8217;est le CSS Naked Day 2008&#8230; Le jour où les logs serveurs vont s&#8217;aérer&#8230; Le but du jeu? Supprimer la feuille de style des blogs, sites et/ou API web&#8230; Pour 24 heures, Menthe Fraîche se présente aux internautes en tenue légère&#8230; Ne vous inquiétez pas, dès demain, tout redeviendra vert. Le but de l&#8217;opération [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-414" title="Naked-Day-08" src="http://www.menthefraiche.com/wp-content/uploads/2008/04/naked-day-08.jpg" alt="" width="150" height="58" />Aujourd&#8217;hui c&#8217;est le <a href="http://naked.dustindiaz.com/" target="_blank">CSS Naked Day 2008</a>&#8230; Le jour où les logs serveurs vont s&#8217;aérer&#8230;<br />
Le but du jeu? Supprimer la feuille de style des blogs, sites et/ou <a href="http://fr.wikipedia.org/wiki/Application_programming_interface" target="_blank">API</a> web&#8230;</p>
<p>Pour 24 heures, <a href="http://www.menthefraiche.com" target="_self">Menthe Fraîche</a> se présente aux internautes en tenue légère&#8230; Ne vous inquiétez pas, dès demain, tout redeviendra vert.</p>
<p>Le but de l&#8217;opération est de promouvoir les recommandations du <a href="http://fr.wikipedia.org/wiki/W3c" target="_blank">W3C</a>.</p>
<p>Aujourd&#8217;hui, rien de superfétatoire, <a href="http://fr.wikipedia.org/wiki/Internet" target="_blank">Internet</a> dévoile tous (ou presque) ses secrets&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2008/04/09/css-naked-day/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Jah Mac on Earth&#8230;</title>
		<link>http://www.menthefraiche.com/2007/11/30/jah-mac-on-earth/</link>
		<comments>http://www.menthefraiche.com/2007/11/30/jah-mac-on-earth/#comments</comments>
		<pubDate>Fri, 30 Nov 2007 09:00:10 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[En programmant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freedom Fighters]]></category>
		<category><![CDATA[Jah Mac]]></category>
		<category><![CDATA[Mogyle]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/2007/11/30/jah-mac-on-earth/</guid>
		<description><![CDATA[La création des gabarits du site de Jah Mac devrait débuter lundi prochain. Les derniers points concernant le design ont été vus mercredi avec le principal intéressé. WordPress a été choisi pour être l&#8217;outil support du site. Son évolution permanente et son grand nombre de plugins ont influencé le choix de ce CMS. L&#8217;aventure est [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.menthefraiche.com/wp-content/uploads/2007/11/jah-mac-layout.jpg" align="right" height="120" width="200" />La création des <a href="http://fr.wikipedia.org/wiki/Gabarit_%28typographie%29" target="_blank">gabarits</a> du site de <a href="http://www.freedomfighters.fr" target="_blank">Jah Mac</a> devrait débuter lundi prochain.<br />
Les derniers points concernant le design ont été vus mercredi avec le principal intéressé.</p>
<p><a href="http://fr.wikipedia.org/wiki/Wordpress" target="_blank">WordPress</a> a été choisi pour être l&#8217;outil support du site. Son évolution permanente et son grand nombre de plugins ont influencé le choix de ce <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu" target="_blank">CMS</a>.<br />
L&#8217;aventure est un peu particulière puisque pour la première fois le commanditaire est très perfectionniste. Il doit, heureusement, l&#8217;être un peu moins qu&#8217;en studio!</p>
<p>Du point de vue de la procédure, on ne change pas une équipe qui gagne. Il suffira de recomposer via du <a href="http://fr.wikipedia.org/wiki/Xhtml" target="_blank">XHTML</a> et du <a href="http://fr.wikipedia.org/wiki/Cascading_Style_Sheet" target="_blank">CSS</a> ce que <a href="http://mogyle.free.fr" target="_blank">Mogyle</a> aura dessiné et découpé.<br />
La quantité de boucles fournies par <a href="http://fr.wikipedia.org/wiki/Wordpress" target="_blank">WordPress</a> devrait permettre une intégration des plus aisées.</p>
<p>Affaire à suivre&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2007/11/30/jah-mac-on-earth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gravatar est intégré&#8230; Sur IE aussi&#8230;</title>
		<link>http://www.menthefraiche.com/2007/11/06/gravatar-est-integre-sur-ie-aussi/</link>
		<comments>http://www.menthefraiche.com/2007/11/06/gravatar-est-integre-sur-ie-aussi/#comments</comments>
		<pubDate>Tue, 06 Nov 2007 12:21:14 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[La vie d'un blog...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[Automattic]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Gravatar]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Maxthon]]></category>
		<category><![CDATA[Menthe Fraîche]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/2007/11/06/gravatar-est-integre-sur-ie-aussi/</guid>
		<description><![CDATA[L&#8217;affichage des commentaires vient d&#8217;être uniformisé entre Firefox et IE&#8230; Celui-ci n&#8217;était pas correct sur le navigateur de Microsoft. En effet, ce dernier requiert la présence de tous les attributs d&#8217;une classe CSS ; dans le cas où l&#8217;un d&#8217;entre eux manque, IE lui attribue une valeur spécifique. Laquelle? Bonne question! De son côté, Firefox [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;affichage des commentaires vient d&#8217;être uniformisé entre <a href="http://fr.wikipedia.org/wiki/Firefox" target="_blank">Firefox</a> et <a href="http://fr.wikipedia.org/wiki/Internet_Explorer" target="_blank">IE</a>&#8230; Celui-ci n&#8217;était pas correct sur le navigateur de <a href="http://fr.wikipedia.org/wiki/Microsoft" target="_blank">Microsoft</a>.<br />
En effet, ce dernier requiert la présence de tous les attributs d&#8217;une classe <a href="http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" target="_blank">CSS</a> ; dans le cas où l&#8217;un d&#8217;entre eux manque, <a href="http://fr.wikipedia.org/wiki/Internet_Explorer" target="_blank">IE</a> lui attribue une valeur spécifique. Laquelle? Bonne question!<br />
De son côté, <a href="http://fr.wikipedia.org/wiki/Firefox" target="_blank">Firefox</a> considère qu&#8217;un attribut non-renseigné a pour valeur celle qu&#8217;on lui donne par défaut.</p>
<p>C&#8217;est une différence assez intéressante d&#8217;un point de vue social ; elle permet aux pauvres développeurs/webdesigners d&#8217;avoir un travail. Ce qui est de bonne fortune dans ce monde de détresse quotidienne&#8230;<br />
Mais n&#8217;ayez crainte, le jour viendra où les <a href="http://fr.wikipedia.org/wiki/Jedi" target="_blank">Jedis</a> libéreront la galaxie&#8230;</p>
<p>Bref, ça passe (presque) aussi bien sous <a href="http://fr.wikipedia.org/wiki/Internet_Explorer" target="_blank">IE</a> (ou <a href="http://fr.wikipedia.org/wiki/Maxthon" target="_blank">Maxthon</a>) que sous <a href="http://fr.wikipedia.org/wiki/Firefox" target="_blank">Firefox</a> (et <a href="http://fr.wikipedia.org/wiki/Opera" target="_blank">Opera</a>, <a href="http://fr.wikipedia.org/wiki/Safari_%28logiciel%29" target="_blank">Safari</a>&#8230;).</p>
<p>Les avatars sont toujours gérés par <a href="http://gravatar.com/" target="_blank">Gravatar</a> mais bizarrement, il faut accéder à la <a href="http://site.gravatar.com/login" target="_blank">gestion de son compte</a> pour réaffecter son adresse mail à l&#8217;image. Sans quoi votre <a href="http://gravatar.com/" target="_blank">Gravatar</a> sera remplacé par <a href="http://images.menthefraiche.com/avatarblank.jpg" target="_blank">la jolie petite feuille verte qui sent bon la menthe</a>.<br />
La vraie nouveauté, c&#8217;est qu&#8217;il n&#8217;est plus nécessaire d&#8217;utiliser un plugin spécial pour <a href="http://gravatar.com/" target="_blank">Gravatar</a>. Il peut être <a href="http://www.wordpress-fr.net/blog/wordpress/integrer-gravatar-sans-plugin" target="_blank">intégré directement</a> aux thèmes de <a href="http://fr.wikipedia.org/wiki/Wordpress" target="_blank">WordPress</a>.<br />
Le rachat de <a href="http://gravatar.com/" target="_blank">Gravatar</a> par <a href="http://automattic.com/" target="_blank">Automattic</a> permettra certainement l&#8217;intégration prochaine du service en natif.</p>
<p>Pas d&#8217;autre modification prévue pour le moment&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2007/11/06/gravatar-est-integre-sur-ie-aussi/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Et puis mince&#8230;</title>
		<link>http://www.menthefraiche.com/2007/09/25/et-puis-mince/</link>
		<comments>http://www.menthefraiche.com/2007/09/25/et-puis-mince/#comments</comments>
		<pubDate>Tue, 25 Sep 2007 11:28:23 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[En programmant...]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[La vie d'un blog...]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Open Standards]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/2007/09/25/et-puis-mince/</guid>
		<description><![CDATA[Que les choses soient claires, les recommandations du W3C ne devraient pas être prises à la légère. La raison la plus évidente est la compatibilité des sites avec tous les navigateurs. Celle-ci permet de ne pas résumer Internet au seul butineur de Microsoft&#8230; Les standards permettent également une lecture optimisée par les logiciels d&#8217;accessibilité. Cependant, [...]]]></description>
			<content:encoded><![CDATA[<p>Que les choses soient claires, les recommandations du <a href="http://fr.wikipedia.org/wiki/W3c" target="_blank">W3C</a> ne devraient pas être prises à la légère. La raison la plus évidente est la compatibilité des sites avec tous les navigateurs. Celle-ci permet de ne pas résumer <a href="http://fr.wikipedia.org/wiki/Internet" target="_blank">Internet</a> au seul butineur de <a href="http://fr.wikipedia.org/wiki/Microsoft" target="_blank">Microsoft</a>&#8230;<br />
Les standards permettent également une lecture optimisée par les logiciels d&#8217;accessibilité.</p>
<p>Cependant, il faut avouer que l&#8217;<a href="http://validator.w3.org/" target="_blank">outil de validation</a> du <a href="http://fr.wikipedia.org/wiki/W3c" target="_blank">W3C</a> est un peu trop strict (même pour du transitional!)&#8230;<br />
La page d&#8217;accueil de ce blog renvoie (actuellement) une erreur à la validation. Une simple erreur due à l&#8217;absence de l&#8217;attribut <em>alt</em> de la balise <em>img</em> qui affiche l&#8217;image de la <a href="http://fr.wikipedia.org/wiki/Neuf_box" target="_blank">Neuf Box</a> (tout en bas)&#8230;<br />
Cet attribut n&#8217;est pas renseigné car en cas d&#8217;absence de l&#8217;image, <a href="http://fr.wikipedia.org/wiki/Firefox" target="_blank">Firefox</a> n&#8217;affiche rien. Ce qui est donc transparent pour le lecteur qui utilise ce navigateur. L&#8217;utilisateur d&#8217;<a href="http://fr.wikipedia.org/wiki/Internet_Explorer" target="_blank">Internet Explorer</a> aura, de son côté,  droit à la célébrissime petite croix rouge&#8230;</p>
<p>Hormis les images qui ornent les billets, toutes celles qui composent le <a href="http://fr.wikipedia.org/wiki/Layout" target="_blank">layout</a> de ce blog possèdent l&#8217;attribut <em>alt</em> dans leur balise <em>img</em>.<br />
Alors que faire? Reprendre toutes les images une par une? Juste afin d&#8217;éviter l&#8217;apparition de la petite croix rouge des utilisateurs d&#8217;<a href="http://fr.wikipedia.org/wiki/Internet_Explorer" target="_blank">Internet Explorer</a> en cas d&#8217;absence de l&#8217;image? Non merci&#8230;</p>
<p>Ce blog est d&#8217;ailleurs optimisé pour un affichage sous <a href="http://fr.wikipedia.org/wiki/Firefox" target="_blank">Firefox</a>. Pourquoi? Parce qu&#8217;il utilise des propriétés <a href="http://fr.wikipedia.org/wiki/Css" target="_blank">CSS</a> qui ne sont toujours pas prises en compte par le leader <a href="http://fr.wikipedia.org/wiki/Microsoft" target="_blank">Microsoft</a>.</p>
<p>Concernant l&#8217;unique erreur de validation ; un billet de plus sans image rendra le code aussi pur que de l&#8217;eau de roche&#8230;<br />
Mais sera-t-il possible de rédiger un article de plus sans image? Pas si sûr&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2007/09/25/et-puis-mince/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>AVS31 : un projet en plus&#8230;</title>
		<link>http://www.menthefraiche.com/2007/09/11/avs31-un-projet-en-plus/</link>
		<comments>http://www.menthefraiche.com/2007/09/11/avs31-un-projet-en-plus/#comments</comments>
		<pubDate>Tue, 11 Sep 2007 11:32:16 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[Au travail !]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[AVS31]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IA31]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/2007/09/11/avs31-un-projet-en-plus/</guid>
		<description><![CDATA[Héritière de la base LV31, la base AVS31 est passée en production le 24 août dernier. Cette application web aura su apprendre des erreurs de sa grande sœur pour grandir plus vite. Avec pour principal atout sa capacité d&#8217;évolution, elle permet d&#8217;immenses modifications sans pour autant devenir instable ou illogique&#8230; Graphiquement, c&#8217;est de la même [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.menthefraiche.com/wp-content/uploads/2007/09/avs31.jpg" align="left" height="141" width="260" />Héritière de la <a href="http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/">base LV31</a>, la base AVS31 est passée en production le 24 août dernier.<br />
Cette application web aura su apprendre des erreurs de sa grande sœur pour grandir plus vite.</p>
<p>Avec pour principal atout sa capacité d&#8217;évolution, elle permet d&#8217;immenses modifications sans pour autant devenir instable ou illogique&#8230;</p>
<p>Graphiquement, c&#8217;est de la même trempe que la <a href="http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/">base LV31</a> ; simple, net et épuré. On navigue par onglets d&#8217;un univers à un autre sans problème en gardant à l&#8217;esprit que l&#8217;élève reste le point central de l&#8217;application.<br />
Sous le capot, rien de bien compliqué si ce n&#8217;est l&#8217;ajout d&#8217;une multitude de contrôles qui assurent l&#8217;intégrité des données.</p>
<p>Prévue pour un public plus restreint (10 personnes maximum), la base AVS31 s&#8217;adresse plus à des professionnels de la bureautique qu&#8217;à des utilisateurs occasionnels.<br />
Conforme aux normes, ce n&#8217;est pas elle qui a du s&#8217;adapter à ses usagers mais bien l&#8217;inverse&#8230;</p>
<p>Avec l&#8217;actualité de cette rentrée, il est probable qu&#8217;elle soit d&#8217;une grande utilité&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2007/09/11/avs31-un-projet-en-plus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La base LV31 passe la seconde&#8230;</title>
		<link>http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/</link>
		<comments>http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 15:26:38 +0000</pubDate>
		<dc:creator>Aurélien</dc:creator>
				<category><![CDATA[Au travail !]]></category>
		<category><![CDATA[La boîte à menthol...]]></category>
		<category><![CDATA[Surfez léger...]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IA31]]></category>
		<category><![CDATA[LV31]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/</guid>
		<description><![CDATA[En production depuis le 27 août dernier, la Base Langues Vivantes 31 aura su profiter des vacances pour se parer de ses plus beaux atours. Relookée, liftée, dégraissée, optimisée, cette application statistique aura vu son interface prendre un sérieux coup de jeune. Mais le lifting ne s&#8217;arrête pas là! Sans quoi, on ne pourrait pas [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.menthefraiche.com/wp-content/uploads/2007/09/lv31-v2.jpg" align="right" height="141" width="260" />En production depuis le 27 août dernier, la Base Langues Vivantes 31 aura su profiter des vacances pour se parer de ses plus beaux atours.</p>
<p>Relookée, liftée, dégraissée, optimisée, cette application statistique aura vu son interface prendre un sérieux coup de jeune.<br />
Mais le lifting ne s&#8217;arrête pas là! Sans quoi, on ne pourrait pas parler de version 2.0&#8230; Le <a href="http://fr.wikipedia.org/wiki/Mod%C3%A8le_conceptuel_de_donn%C3%A9es" target="_blank">MCD</a> a été intégralement revu. La base de données est neuve.</p>
<p>Des erreurs de conception, grâce à un cahier des charges complet, ont pu être évitées. Par exemple, un enseignant pourra être affecté dans deux établissements à la fois sans être créé deux fois dans la table. Ceci par le biais d&#8217;un système de recherche évolutif&#8230;</p>
<p>La grosse nouveauté de cette année est l&#8217;optimisation de l&#8217;ergonomie. On sait que la population sondée (directeurs d&#8217;établissements élémentaires) n&#8217;a pas tout son temps à consacrer à une usine à gaz.<br />
On navigue donc à l&#8217;aide d&#8217;onglets. La saisie se fait dans un ordre logique (structure pédagogique, groupes de langues) et amène à l&#8217;édition d&#8217;un document récapitulatif.</p>
<p>Côté inspecteurs, l&#8217;interface est toujours aussi soignée et les fonctionnalités sont multiples. On passe aisément de la validation des saisies aux extractions <a href="http://fr.wikipedia.org/wiki/Excel" target="_blank">Excel</a> modulables.</p>
<p>Tendance et épurée, cette application démarre la nouvelle année scolaire sur des bases relativement solides.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.menthefraiche.com/2007/09/05/la-base-lv31-passe-la-seconde/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

