<?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>Sunfox &#187; images</title>
	<atom:link href="http://sunfox.org/blog/tags/images/feed/" rel="self" type="application/rss+xml" />
	<link>http://sunfox.org</link>
	<description>Le blogue de Sunny Ripert</description>
	<lastBuildDate>Thu, 05 May 2011 13:09:51 +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>Quelques caractères Unicode</title>
		<link>http://sunfox.org/blog/2010/06/19/quelques-caracteres-unicode/</link>
		<comments>http://sunfox.org/blog/2010/06/19/quelques-caracteres-unicode/#comments</comments>
		<pubDate>Sat, 19 Jun 2010 06:42:27 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[unicode]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sunfox.org/?p=1692</guid>
		<description><![CDATA[☀ ☼ ☽ ☾ ☂ ☔ ☁ ☃ ☄ ☎ ☏ ✉ ⌨ ✍ ✌ ☯ ☺ ☻ ☹ ☠ ☢ ☣ ✆ ✇ ♨ ✎ ✏ ✐ ✂ ✄ ✈ ♻ ♜ ♞ ♝ ♛ ♚ ♟ ♖ ♘ ♗ ♕ ♔ ♙ ☬ ☭ ❤ ❥ ❀ ➳ ☜ ☝ ☞ ☟ ★ [...]]]></description>
			<content:encoded><![CDATA[<p style="font-size:3em;font-family:monospace">☀ ☼ ☽ ☾ ☂ ☔ ☁ ☃ ☄ ☎ ☏ ✉ ⌨ ✍ ✌ ☯ ☺ ☻ ☹ ☠ ☢ ☣ ✆ ✇ ♨ ✎ ✏ ✐ ✂ ✄ ✈ ♻ ♜ ♞ ♝ ♛ ♚ ♟ ♖ ♘ ♗ ♕ ♔ ♙ ☬ ☭ ❤ ❥ ❀ ➳ ☜ ☝ ☞ ☟ ★ ✪ ✰ ♬ ♀ ♂ ⚤ ⚣ ⚢ ⚥ ⚦ ⚧</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2010/06/19/quelques-caracteres-unicode/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Utiliser font-face pour des images ?</title>
		<link>http://sunfox.org/blog/2010/06/18/font-face-et-image/</link>
		<comments>http://sunfox.org/blog/2010/06/18/font-face-et-image/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 19:29:24 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[performances]]></category>
		<category><![CDATA[sprites]]></category>
		<category><![CDATA[unicode]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sunfox.org/?p=1644</guid>
		<description><![CDATA[Depuis que @font-face est utilisable partout, on a envie de pousser les limites de son utilisation. Utiliser des générateurs automatiques, créée des police d&#8217;écritures qui ne transforment que le caractère &#38;, etc. Dans l&#8217;article ever- thought about using font face for icons? ils expliquent comment faire une page où toutes les images seraient contenues dans [...]]]></description>
			<content:encoded><![CDATA[<p>Depuis que @font-face est utilisable partout, on a envie de pousser les limites de son utilisation. Utiliser des générateurs automatiques, créée des police d&#8217;écritures qui ne transforment que le caractère <code>&amp;</code>, etc.</p>
<p>Dans l&#8217;article <a lang="en" href="http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-ever-thought-about-using-font-face-for-icons/" hreflang="en">ever- thought about using font face for icons?</a> ils expliquent comment faire <a href="http://s3.amazonaws.com/nettuts/651_iconFont/iconpack/index.html">une page</a> où toutes les images seraient contenues dans un fichier de police. En appliquant chaque icône à une lettre, on a des images dans la police d&#8217;écriture </p>
<figure style="display:block;text-align:center"><img src="//sunfox.org/blog/wp-content/uploads/2010/06/glyphs.png" alt="Représentation de l'association de lettres de A-Z et a-z à des icônes" /></figure>
<p>Cela donne des images&nbsp;:</p>
<ul>
<li>qui s&#8217;agrandissent  sans perte de qualité&nbsp;;</li>
<li>très faciles à colorer, agrandir, souligner en <abbr>CSS</abbr>&nbsp;;</li>
<li>rapides à charger car cela ne fait qu&#8217;une requête HTTP pour tout le paquet d&#8217;icônes.</li>
</ul>
<p>Mais cette technique souffre de serieux points faibles. En plus d&#8217;être plus difficile à maintenir, il faut choisir entre un HTML qui n&#8217;a aucun sens comme <code>&lt;span class="phone-icon"&gt;a&lt;/span&gt;</code> ou une feuille de style CSS imbitable qui ne fonctionne pas sous <abbr>IE</abbr>&nbsp;:</p>
<pre><code>.phone-number:before {
  content: &#x27;a&#x27;;
  font-family: &quot;Mes Ic&ocirc;nes&quot;
}</code></pre>
<p>La solution serait de ne remplacer que les quelques caractères Unicode qui représentent déjà des icônes. Ainsi on garde du sens à l&#8217;HTML et on peut profiter de la cascade des polices d&#8217;écriture disponibles.</p>
<pre style="overflow:hidden"><code style="font-size:5em">&lt;li&gt;<mark style="font-size:1.1em;color:red">&#x260E;</mark> +33-666-42-42-50&lt;/li&gt;</code></pre>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2010/06/18/font-face-et-image/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Flickr en construction</title>
		<link>http://sunfox.org/blog/2007/12/15/flickr-en-construction/</link>
		<comments>http://sunfox.org/blog/2007/12/15/flickr-en-construction/#comments</comments>
		<pubDate>Sat, 15 Dec 2007 15:50:59 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[delirium tremens]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2007/12/15/flickr-en-construction/</guid>
		<description><![CDATA[Trouvé dans les images internes de Flickr, très web 0.1 :)]]></description>
			<content:encoded><![CDATA[<p>Trouvé dans les images internes de Flickr, très web 0.1 :)</p>
<p><img src="http://l.yimg.com/www.flickr.com/images/stats/construction3.gif" alt="" /><br />
<img src="http://l.yimg.com/www.flickr.com/images/stats/construction4.gif" alt="" /><img src="http://l.yimg.com/www.flickr.com/images/stats/construction2.gif" alt="" /><img src="http://l.yimg.com/www.flickr.com/images/stats/construction5.gif" alt="" /><img src="http://l.yimg.com/www.flickr.com/images/stats/construction1.gif" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2007/12/15/flickr-en-construction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ubuntu Hello Cthulhu</title>
		<link>http://sunfox.org/blog/2006/09/26/ubuntu-hello-cthulhu/</link>
		<comments>http://sunfox.org/blog/2006/09/26/ubuntu-hello-cthulhu/#comments</comments>
		<pubDate>Tue, 26 Sep 2006 21:52:06 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[chat]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[animaux]]></category>
		<category><![CDATA[geekerie]]></category>
		<category><![CDATA[hello kitty]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[svg]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2006/09/26/ubuntu-hello-cthulhu/</guid>
		<description><![CDATA[Hello Cthulhu ! Parce que que Hello Cthulhu c&#8217;est rigolo et qu&#8217;areku avait une machine &#171;&#160;Poulpe&#160;&#187; sous Ubuntu à habiller, à partir de Ubuntu Hello Kitty j&#8217;ai fait ce fond d&#8217;écran Ubuntu Hello Cthulhu. Disponible aux formats PNG et SVG. Encore plus tromeugnon !]]></description>
			<content:encoded><![CDATA[<p class="polaroid"><img src="http://sunfox.org/blog/wp-content/uploads/2006/09/ubuntu-hello-cthulhu-mini.png" alt="Fond d'écran" /><br />
Hello Cthulhu !</p>
<p>Parce que que <a href="http://www.hello-cthulhu.com/">Hello Cthulhu</a> c&#8217;est rigolo et qu&#8217;<a href="http://areku.bearnaise.net/">areku</a> avait une machine &laquo;&nbsp;<a href="http://fr.wikipedia.org/wiki/Cthulhu" title="Le Cthulhu sur wikipedia">Poulpe</a>&nbsp;&raquo; sous <a href="http://ubuntu-fr.org/" title="La très chouette distribution GNU/Linux">Ubuntu</a> à habiller, à partir de <a title="Article sur Sunfox sur le fond d'écran Hello Kitty" href="http://sunfox.org/blog/2006/09/24/ubuntu-hello-kitty/">Ubuntu Hello Kitty</a> j&#8217;ai fait ce fond d&#8217;écran Ubuntu Hello Cthulhu. Disponible aux formats <a href="http://sunfox.org/blog/wp-content/uploads/2006/09/ubuntu-hello-cthulhu.png"><acronym title="Portable Networks Graphics" lang="en">PNG</acronym></a> et <a href="http://sunfox.org/blog/wp-content/uploads/2006/09/ubuntu-hello-cthulhu.svg"><acronym title="Scalable Vector Graphics">SVG</acronym></a>.</p>
<p>Encore plus tromeugnon !</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2006/09/26/ubuntu-hello-cthulhu/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

