<?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>Too much Internet free time &#187; HTML and CSS</title>
	<atom:link href="http://www.roumazeilles.net/news/en/wordpress/category/software/html-and-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.roumazeilles.net/news/en/wordpress</link>
	<description>Technology news and opinions straight from Paris, France</description>
	<lastBuildDate>Fri, 20 Nov 2009 23:28:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Opera and IPv6</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/11/19/opera-and-ipv6/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/11/19/opera-and-ipv6/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 16:36:14 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[IPv6]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3790</guid>
		<description><![CDATA[
It&#8217;s worth noticing it if you are using Opera. I had a difficult-to-solve issue recently.
While playing with the idea of starting to use IPv6 on my main PC, I tested the waters by validating this option in the network configuration of my Windows XP. Unfortunately, Opera is already fully ready for IPv6 but my router [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/11/ipv6.gif"><img src="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/11/ipv6.gif" alt="ipv6" title="ipv6" width="239" height="311" class="alignleft size-full wp-image-3791" /></a></p>
<p>It&#8217;s worth noticing it if you are using Opera. I had a difficult-to-solve issue recently.</p>
<p>While playing with the idea of starting to use IPv6 on my main PC, I tested the waters by validating this option in the network configuration of my Windows XP. Unfortunately, Opera is already fully ready for IPv6 but my router box is not. So, the first effect it had is that Opera decided to enforce the use of IPv6 for all web sites that mentioned IPv6 capacity in their DNS (not many of them, but Google and Free.fr my ISP are already in the list). The immediate effect was that Opera tried to connect to them in IPv6 but failed (because the rest of my home configuration is not 100% IPv6). For 99% of all web sites, there was no difference&#8230;</p>
<p>It took me several days (and some Googling &#8211; using Safari and Chrome) to understand that this is a known issue and to remove the (still) useless IPv6 Windows configuration.</p>
<p>I&#8217;ll have to upgrade my router and try again.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/11/19/opera-and-ipv6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Really impressive list of free icons</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/09/05/really-impressive-list-of-free-icons/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/09/05/really-impressive-list-of-free-icons/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 18:50:27 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Legal downloads]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[icons]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3430</guid>
		<description><![CDATA[OK, you&#8217;ve already seen all the icon collections on the Internet. Nothing can surprise you anymore. Stop! Icons Etc is really something else. You will find hundreds of high-resolution quality icons all of them being free and of the highest quality.
I just took one part of the simplest category: Rain drops.
I&#8217;m sure that you will [...]]]></description>
			<content:encoded><![CDATA[<p>OK, you&#8217;ve already seen all the icon collections on the Internet. Nothing can surprise you anymore. Stop! <a href="http://icons.mysitemyway.com/">Icons Etc</a> is really something else. You will find hundreds of high-resolution quality icons all of them being free and of the highest quality.</p>
<p>I just took one part of the simplest category: Rain drops.</p>
<div id="attachment_3431" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/07/icons_etc.png"><img src="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/07/icons_etc.png" alt="Rain drops (on Icons Etc.)" title="icons_etc" width="600" height="926" class="size-full wp-image-3431" /></a><p class="wp-caption-text">Rain drops (on Icons Etc.)</p></div>
<p>I&#8217;m sure that you will find whatever you need for your web site, for your Windows desktop or any other icon-based application.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/09/05/really-impressive-list-of-free-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox: more than Internet Explorer</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/08/04/firefox-more-than-internet-explorer/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/08/04/firefox-more-than-internet-explorer/#comments</comments>
		<pubDate>Tue, 04 Aug 2009 13:11:17 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Legal downloads]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3489</guid>
		<description><![CDATA[I am not sure that this is exact all over the Internet, but I just noticed that this is true for YLovePhoto, one of my web sites: There are more visitors using Firefox than Internet Explorer.
Then, I checked for Roumazeilles.net itself, and I noticed the same situation:
It appears that Firefox is moving very fast. Who [...]]]></description>
			<content:encoded><![CDATA[<p>I am not sure that this is exact all over the Internet, but I just noticed that this is true for YLovePhoto, one of my web sites: There are more visitors using Firefox than Internet Explorer.</p>
<div id="attachment_3817" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2009/07/firefox_browser_war.png"><img src="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2009/07/firefox_browser_war-300x93.png" alt="YLovePhoto.com" title="firefox_browser_war" width="300" height="93" class="size-medium wp-image-3817" /></a><p class="wp-caption-text">YLovePhoto.com</p></div>
<p>Then, I checked for Roumazeilles.net itself, and I noticed the same situation:</p>
<div id="attachment_3818" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2009/07/r_net_browser_war.png"><img src="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2009/07/r_net_browser_war-300x94.png" alt="Roumazeilles.net" title="r_net_browser_war" width="300" height="94" class="size-medium wp-image-3818" /></a><p class="wp-caption-text">Roumazeilles.net</p></div>
<p>It appears that Firefox is moving very fast. Who would have thought -a few years ago- that Microsoft&#8217;s world domination would be toppled like that?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/08/04/firefox-more-than-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari 4, fast new browser</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/06/15/safari-4-fast-new-browser/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/06/15/safari-4-fast-new-browser/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 18:15:50 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Legal downloads]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[free download]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3352</guid>
		<description><![CDATA[Apple is not only delivering sleek computer designs and nice little mobile phones. They are also producing a good web browser: Safari.
It&#8217;s new version, Safari 4, is just out. Faster, still as good and powerful, but Apple is now claiming the crown for the &#8220;fastest&#8221; web browser. It could well be possible when Snow Leopard [...]]]></description>
			<content:encoded><![CDATA[<p>Apple is not only delivering sleek computer designs and nice little mobile phones. They are also producing a good web browser: Safari.</p>
<p>It&#8217;s new version, Safari 4, is just out. Faster, still as good and powerful, but Apple is now claiming the crown for the &#8220;fastest&#8221; web browser. It could well be possible when Snow Leopard OS-X becomes available later this year. Running natively as a 64-bit Mac application, it could gain 50% from today&#8217;s already powerful base of Safari 4.</p>
<div id="attachment_3353" class="wp-caption aligncenter" style="width: 305px"><a href="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/06/safari4.png"><img src="http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2009/06/safari4-295x300.png" alt="Safari version 4" title="safari4" width="295" height="300" class="size-medium wp-image-3353" /></a><p class="wp-caption-text">Safari version 4</p></div>
<p><a href="http://www.apple.com/safari/download/">Safari 4 is available</a> for Windows XP, Vista, or mac OS X 10.4.11 or newer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/06/15/safari-4-fast-new-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Opera 10: beta-test browser</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/06/08/opera-10-beta-test-browser/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/06/08/opera-10-beta-test-browser/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 22:00:20 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Legal downloads]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3325</guid>
		<description><![CDATA[I&#8217;ve been using and recommending the Opera web browser for many years. It&#8217;s a kind of a Firefox where everything you need would be directly included rather than having to download extensions. And it&#8217;s fast too. For mobile applications (PDAs, mobile phones, etc.) Opera Mini is probably the best possible option and it is in [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using and recommending the <a href="http://www.opera.com/">Opera web browser</a> for many years. It&#8217;s a kind of a Firefox where everything you need would be directly included rather than having to download extensions. And it&#8217;s fast too. For mobile applications (PDAs, mobile phones, etc.) Opera Mini is probably the best possible option and it is in a tight competition for the market leader position.</p>
<p>Now, Opera is launching a beta test version 10 of the browser. And it has amazingly interesting new features.</p>
<ul>
<li>Fast browsing on slow connections</li>
<li>Tab browsing enhanced and flexible</li>
<li>Speed dial from the empty new page</li>
<li>Web mail integration</li>
<li>Re-sizable search field</li>
<li>Much faster web engine and impressively standards-compliant</li>
<li>In-line spell checker (I use it a lot to support my blogging habits)</li>
<li>Auto-update (better than merely asking you to check for updates)</li>
<li>Mouse control</li>
</ul>
<p>Even better, after testing it in alpha, I can tell you that it is quite stable. The beta version should stay that way and that is a good thing too.</p>
<p>You can <a href="http://www.opera.com/browser/next/">download it here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/06/08/opera-10-beta-test-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Computer skills</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/05/01/computer-skills/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/05/01/computer-skills/#comments</comments>
		<pubDate>Fri, 01 May 2009 09:05:20 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[Culture]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[fun]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=3080</guid>
		<description><![CDATA[
From GraphJam.
]]></description>
			<content:encoded><![CDATA[<p><center><img src="http://graphjam.files.wordpress.com/2009/03/song-chart-memes-computer-skills.jpg" alt="Computer skills I have / They think I have" /></center></p>
<p>From <a href="http://graphjam.com/">GraphJam</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/05/01/computer-skills/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ideas for a better web site</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2009/01/10/ideas-for-a-better-web-site/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2009/01/10/ideas-for-a-better-web-site/#comments</comments>
		<pubDate>Sat, 10 Jan 2009 19:41:23 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Web sightings]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=2826</guid>
		<description><![CDATA[If you want to build a web site, or a better web site, I am starting a series of short small ideas about how to improve a web site or a blog with small tasks. One idea, one improvement per week. This is in the &#8220;easy idea&#8221; category of my other web site: Y Want [...]]]></description>
			<content:encoded><![CDATA[<p>If you want to build a web site, or a better web site, I am starting a series of short small ideas about how to improve a web site or a blog with small tasks. One idea, one improvement per week. This is in the &#8220;<a href="http://www.ywantvisits.com/en/category/easy-idea/">easy idea</a>&#8221; category of my other web site: <a href="http://www.ywantvisits.com/en/">Y Want Visits</a>.</p>
<p>This is time to start your own blog in order to earn some revenue protecting you against the current recession.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2009/01/10/ideas-for-a-better-web-site/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>PHP changes</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/11/09/php-changes/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/11/09/php-changes/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 12:26:01 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=2663</guid>
		<description><![CDATA[This is what I told myself when uncovering a little PHP code fragment that stopped working on one of my web sites. So, this is a reminder for those of you inattentive programmers like me: $DOCUMENT_ROOT = $HTTP_SERVER_VARS['DOCUMENT_ROOT']; is deprecated and works no longer. You must now use the newest form: $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];.
Be warned.
]]></description>
			<content:encoded><![CDATA[<p>This is what I told myself when uncovering a little PHP code fragment that stopped working on one of my web sites. So, this is a reminder for those of you inattentive programmers like me: <code>$DOCUMENT_ROOT = $HTTP_SERVER_VARS['DOCUMENT_ROOT'];</code> is deprecated and works no longer. You must now use the newest form: <code>$DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];</code>.</p>
<p>Be warned.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/11/09/php-changes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome is not a browser</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/09/04/chrome-is-not-a-browser/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/09/04/chrome-is-not-a-browser/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 18:22:38 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Enterprise]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Legal downloads]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Spreadsheet]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[Windows Vista]]></category>
		<category><![CDATA[Word processor]]></category>
		<category><![CDATA[Chrome]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/?p=2219</guid>
		<description><![CDATA[How could we ignore the launch of Chrome, the new browser from Google? Every is babbling about it, everybody tried it (it can be downloaded here).
But after one test run, I believe that I should explain something. Yes, this is a marvellous browser because it takes most of the good things from FireFox, Opera or [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2460" class="wp-caption alignright" style="width: 160px"><img class="size-thumbnail wp-image-2460" title="google chrome" src="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2008/09/chrome-205_noshadow-150x150.png" alt="Google Chrome" width="150" height="150" /><p class="wp-caption-text">Google Chrome</p></div>
<p>How could we ignore the launch of Chrome, the new browser from Google? Every is babbling about it, everybody tried it (it can be downloaded <a href="http://www.google.com/chrome">here</a>).</p>
<p>But after one test run, I believe that I should explain something. Yes, this is a marvellous browser because it takes most of the good things from FireFox, Opera or Safari (all IE competition). I immediately noticed:</p>
<ul>
<li>No space is lost in useless graphical waste, everything is concentrating on user display,</li>
<li>The good tab management,</li>
<li>The impressive performance,</li>
<li>The name-completion in the address bar.</li>
</ul>
<p>Some will also have noticed the more technical features like:</p>
<ul>
<li>The separation of applications running in different tabs,</li>
<li>The very small footprint (including for the Javascript).</li>
</ul>
<p>But, all this is hiding a very critical reality: Google did not even try to make a mere browser (it even lacks a simple RSS feed manager). They are more interested in doing more than Internet Explorer competiton. Much more.</p>
<div id="attachment_2461" class="wp-caption alignleft" style="width: 491px"><img class="size-full wp-image-2461" title="chrome-tasks" src="http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/2008/09/chrome-tasks.png" alt="Chrome (tasks)" width="481" height="202" /><p class="wp-caption-text">Chrome (tasks)</p></div>
<p>The impressive advantage of this browser is elsewhere: it will fight against Microsoft <strong>applications</strong> allowing to work online in the best possible conditions. Chrome is nearly an Operating System competing with Windows. Yes, because where Windows offered a vehicle to sell Microsoft Office, Chrome will allow Google to develop a wider range of online tools in the path opened by the Desktop applications and GMail.</p>
<p>It will hurt Microsoft real bad. Chrome is obviously the best browser to support this approach. Rock solide, fast (very), reliable and able to support application crashes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/09/04/chrome-is-not-a-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disable hotlinking</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/05/30/disable-hotlinking/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/05/30/disable-hotlinking/#comments</comments>
		<pubDate>Fri, 30 May 2008 08:51:32 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Liberties]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Photo & Graphics]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Use your D-SLR]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[automatic]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[hot link]]></category>
		<category><![CDATA[hotlinking]]></category>
		<category><![CDATA[htaccess]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[steal]]></category>
		<category><![CDATA[web site]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2008/05/30/disable-hotlinking/</guid>
		<description><![CDATA[When you have a web site, it becomes quite common that some people feel so easy to just borrow your images that they do not even take the time to make a copy on their own web site. Not only do they use your artwork, but they also use the bandwidth you paid for.
Normally, there [...]]]></description>
			<content:encoded><![CDATA[<p>When you have a web site, it becomes quite common that some people feel so easy to just borrow your images that they do not even take the time to make a copy on their own web site. Not only do they use your artwork, but they also use the bandwidth you paid for.</p>
<p>Normally, there is a solution. You can modify slightly your website to ensure that if this happens, the image served is not the original one, but a modified one (either a big red X, or a message to the reader). But it is a little difficult to do by hand. A wbe site tool comes handy for this: <a href="http://htmlbasix.com/disablehotlinking.shtml">HTMLbasix &#8211; Htaccess Disable Hotlinking Code Generator</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/05/30/disable-hotlinking/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Daily inspiration with WordPress</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/04/12/daily-inspiration-with-wordpress/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/04/12/daily-inspiration-with-wordpress/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 21:23:49 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[Optical illusion]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2008/04/12/daily-inspiration-with-wordpress/</guid>
		<description><![CDATA[Some people have been telling me: &#8220;You blog! That must take a lot of time and you must be there each and every day&#8221;.
Don&#8217;t worry, I may post something on Roumazeilles.net every day, but it does not mean that I am in front of the keyboard every day. Far from it. I am using one [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2008/04/wordpress_future.png' alt='WordPress - Post timestamp' align="left">Some people have been telling me: &#8220;You blog! That must take a lot of time and you must be there each and every day&#8221;.</p>
<p>Don&#8217;t worry, I may post something on Roumazeilles.net every day, but it does not mean that I am in front of the keyboard every day. Far from it. I am using one small advantage of WordPress (the software package supporting my web site). I can write posts and schedule them for future publication.</p>
<p>That way, I have no limit to my inspiration. For example, I have currently scheduled weekly posts about optical illusions for the coming 6 months, a full week of feline-related news (daily posts next week), a full week of daily videos titled &#8220;when XXXXX get bored&#8221; in a couple of months.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/04/12/daily-inspiration-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acid3 test &#8211; 100% score for Safari and Opera</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/04/08/acid3-test-100-score-for-safari-and-opera/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/04/08/acid3-test-100-score-for-safari-and-opera/#comments</comments>
		<pubDate>Tue, 08 Apr 2008 16:29:32 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Acid]]></category>
		<category><![CDATA[Acid2]]></category>
		<category><![CDATA[Acid3]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[score]]></category>
		<category><![CDATA[test]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2008/04/08/acid3-test-100-score-for-safari-and-opera/</guid>
		<description><![CDATA[The age-old Acid3 test is a small (but challenging) test of the compatibility of web browsers. Very few of them are able to even display something remotely similar to the expected result. But things changed a lot recently with a few important news:

On March 26, Opera was announced to be the very first browser to [...]]]></description>
			<content:encoded><![CDATA[<p>The age-old Acid3 test is a small (but challenging) test of the compatibility of web browsers. Very few of them are able to even display something remotely similar to the expected result. But things changed a lot recently with a few important news:</p>
<ul>
<li>On March 26, <a href="http://www.opera.com/">Opera</a> was announced to be the very first browser to succeed to obtain a 100/100 or 100% test score.</li>
<li><a href="http://www.apple.com/safari/">Safari 3.1</a> is the first non-beta release of Safari for Windows (usually Safari is available on Mac OsX). While it is still unfinished, it reached the imposing 100% score only a few days after Opera.</li>
<li>Internet Explorer 8 which is still in closed beta has been said to be able to pass the test, then not to, then again. It seems that Microsoft has the code for a 100% score but feels it should not be the default operation of its future browser.</li>
</ul>
<p><center><a href="http://acid3.acidtests.org/"><img src='http://www.roumazeilles.net/news/en/wordpress/wp-content/uploads/2008/04/acid3.jpg' alt='Acid3 test 100%' /></a></center></p>
<p>Reference: The <a href="http://acid3.acidtests.org/">Acid3 test page</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/04/08/acid3-test-100-score-for-safari-and-opera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Opera 9: voice commands</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2008/03/22/opera-9-voice-commands/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2008/03/22/opera-9-voice-commands/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 16:44:57 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tech]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2008/03/22/opera-9-voice-commands/</guid>
		<description><![CDATA[I just discovered (I have to admit that I had not to look very far) a small feature of the Opera browser (from version 9): the voice interface. This is fascinating, Opera accepts voice commands and can read the contents of a web page.
You have to first install a small add-in module (that is immediately [...]]]></description>
			<content:encoded><![CDATA[<p>I just discovered (I have to admit that I had not to look very far) a small feature of the <a href="http://www.opera.com/download/">Opera</a> browser (from version 9): the voice interface. This is fascinating, <a href="http://www.opera.com/download/">Opera</a> accepts voice commands and can read the contents of a web page.</p>
<p>You have to first install a small add-in module (that is immediately downloaded from the Internet and available from a button in the icon bar of Opera) to reach these features. After a few seconds or minutes, the Internet user will be able to use his or her browser by pressing on a key to start the browser listening to your orders. Simple: <code>Insert</code> key, <em>Baby open page</em>, <code>Insert</code> key, and a new page opens. You must keep a relatively good American English accent, but it works quite well (even with a lot of background noise).</p>
<p>On the other side, you can request <em>Baby read</em> to listen to <a href="http://www.opera.com/download/">Opera</a> reading the first lines of the page or the selected paragraph you previously selected.</p>
<p>Nota bene: I told Opera that I prefered to use <em>Baby</em> as a prefix to all commands rather than the bland <em>Opera</em> prefix; I find this cuter.</p>
<p>A feature that you must try too. In a free browser of very high quality.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2008/03/22/opera-9-voice-commands/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rich fonts for your web site</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/12/09/rich-fonts-for-your-web-site/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/12/09/rich-fonts-for-your-web-site/#comments</comments>
		<pubDate>Sun, 09 Dec 2007 17:49:15 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/12/09/rich-fonts-for-your-web-site/</guid>
		<description><![CDATA[The design of a web site is notoriously opposed to the use of rich and varied fonts: You are strongly invited to stick to the small list of common fonts. Unfortunately, this is not always enough. If you already started exploring alternatives like text-in-GIF-images, have a look at this hackzine article: HOWTO &#8211; Use rich [...]]]></description>
			<content:encoded><![CDATA[<p>The design of a web site is notoriously opposed to the use of rich and varied fonts: You are strongly invited to stick to the small list of <em>common</em> fonts. Unfortunately, this is not always enough. If you already started exploring alternatives like text-in-GIF-images, have a look at this hackzine article: <a href="http://www.hackszine.com/blog/archive/2007/11/howto_use_rich_fonts_in_your_w.html?CMP=OTC-7G2N43923558">HOWTO &#8211; Use rich fonts in your web design</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/12/09/rich-fonts-for-your-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fifty ways to track website traffic</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/10/08/fifty-ways-to-track-website-traffic/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/10/08/fifty-ways-to-track-website-traffic/#comments</comments>
		<pubDate>Mon, 08 Oct 2007 19:31:10 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/10/08/fifty-ways-to-track-website-traffic/</guid>
		<description><![CDATA[You have a web site, you want to see its traffic growth (it appears that this is the number one way web site creators spend their time: They track each and every little traffic change with stat tools). I offer you here a frighteningly long list of ways to satisfy your worst statistical perversions.
Fifty ways [...]]]></description>
			<content:encoded><![CDATA[<p>You have a web site, you want to see its traffic growth (it appears that this is the number one way web site creators spend their time: They track each and every little traffic change with stat tools). I offer you here a frighteningly long list of ways to satisfy your worst statistical perversions.</p>
<p><center><a href="http://mashable.com/2007/06/25/analytics-toolbox/">Fifty ways to track website traffic</a></center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/10/08/fifty-ways-to-track-website-traffic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Micro-change in R.net</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/07/29/micro-change-in-rnet/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/07/29/micro-change-in-rnet/#comments</comments>
		<pubDate>Sun, 29 Jul 2007 16:12:15 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/07/29/micro-change-in-rnet/</guid>
		<description><![CDATA[As the most attentive of the readers will have noticed, there was a minor change to the layout of the web site. It should improve slightly the overal performance and it will allow further evolutions that may be appreciated later.
If you find some technical difficulties with your browser (it shouldn&#8217;t be the case, of course), [...]]]></description>
			<content:encoded><![CDATA[<p>As the most attentive of the readers will have noticed, there was a minor change to the layout of the web site. It should improve slightly the overal performance and it will allow further evolutions that may be appreciated later.</p>
<p>If you find some technical difficulties with your browser (it shouldn&#8217;t be the case, of course), please, feel free to comment about it.</p>
<p>For those most technologically inclined, let&#8217;s just say that without seriously changing the appearance, we went from template a fully based upon HTML tables to a CSS-based template. Many of the layout elements are now moved into the <a href="/roumazeillesv60.css">CSS sheet</a> and this explains the performance gain.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/07/29/micro-change-in-rnet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Roumazeilles.net in your email</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/06/17/roumazeillesnet-in-your-email/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/06/17/roumazeillesnet-in-your-email/#comments</comments>
		<pubDate>Sun, 17 Jun 2007 14:49:58 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Lists]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Web sightings]]></category>
		<category><![CDATA[Word processor]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/06/17/roumazeillesnet-in-your-email/</guid>
		<description><![CDATA[To all the readers that are interested in keeping in touch with us without even the effort to visit us every day, there are two options that you should keep in mind:

 Using the RSS feed for the web site. You need to have an RSS reader (one is included in recent versions of Safari, [...]]]></description>
			<content:encoded><![CDATA[<p>To all the readers that are interested in keeping in touch with us without even the effort to visit us every day, there are two options that you should keep in mind:</p>
<ol>
<li><a href="http://www.roumazeilles.net/news/en/wordpress/feed/" title="Syndicate this site using RSS"><img src="/images/v5/feed-icon.gif" width="16" height="16" border="0" alt="Syndicate this site using RSS"></a> Using the RSS feed for the web site. You need to have an RSS reader (one is included in recent versions of Safari, FireFox, Opera and Internet Explorer; Several autonomous specialized software programs exist; <a href="http://www.bloglines.com/sub/http://www.roumazeilles.net/news/en/wordpress/feed/">BlogLines</a>, <a href="http://fusion.google.com/add?feedurl=http://www.roumazeilles.net/news/en/wordpress/feed/">Google</a>, <a href="http://feeds.my.aol.com/add.jsp?url=http://www.roumazeilles.net/news/en/wordpress/feed/">AOL</a> and others offer such services -See the Add-To category in the let-hand-side column). It has the advantage of using a now-common interface symbolized by the <a href="http://www.roumazeilles.net/news/en/wordpress/feed/" title="Syndicate this site using RSS"><img src="/images/v5/feed-icon.gif" width="16" height="16" border="0" alt="Syndicate this site using RSS"></a> logo: You can keep in touch with several web sites at the same time and you are informed any time something new is published.</li>
<li>If you prefer to receive an email each time some new article is posted, you can use the RSSFWD tool. it reads the RSS feed and sends you an email to inform you. Just go to <a href="http://www.rssfwd.com/">http://www.rssfwd.com/</a> and give the following feed URL: <code>http://www.roumazeilles.net/news/en/wordpress/feed/</code>, the service will work in a matter of seconds.</li>
</ol>
<p>While I&#8217;m on the subject of RSS feeds, let me offer a link to the <a href="http://mashable.com/2007/06/11/rss-toolbox/">RSS toolbox</a> of Mashable. It gives information about 120+ ressources (readers and utilities) useful to RSS lovers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/06/17/roumazeillesnet-in-your-email/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fight SPAM and scan books</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/05/28/fight-spam-and-scan-books/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/05/28/fight-spam-and-scan-books/#comments</comments>
		<pubDate>Mon, 28 May 2007 13:00:30 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[Culture]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[SPAM]]></category>
		<category><![CDATA[Sciences]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[bbPress]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/05/28/fight-spam-and-scan-books/</guid>
		<description><![CDATA[It is well known that the human brain has pattern matching capabilities much further advanced than those of the best equivalent software programs. This explains that failure rates of OCR (Optical Character Recognition) program may be as high as 1% (or even 2%) of errors, which is requiring later human proof-reading to ensure a reasonable [...]]]></description>
			<content:encoded><![CDATA[<p>It is well known that the human brain has pattern matching capabilities much further advanced than those of the best equivalent software programs. This explains that failure rates of OCR (Optical Character Recognition) program may be as high as 1% (or even 2%) of errors, which is requiring later human proof-reading to ensure a reasonable quality for document scans. But when the document is old, badly printed, or degraded, error rates may climb further into the unusable (even more so when we address the scan of thousands of documents like is done by libraries and cultural institutions all over the world).</p>
<p>On another issue, the SPAM problem on the Internet became a major problem: Prorams try to make believe that they are human beings in order to insert advertisment anywhere a user can write (in the messages of a forum, in the comments of a blog, etc). For some time now, it became common that human users must identify themselves by their capacity to recognize a badly written word. Theoretically, this is a very efficient Turing test allowing to differentiate a human from a machine only by the results of their actions. Practically, the abilities of software programs have become so impressive that SPAM is slowly coming back again through those filters named CAPTCHAs (those images that you must read and copy back in order to be identified and approved for a specific action).</p>
<p>The problem appears to be: create CAPTCHA tremendously difficult for the automated software and, simultaneously, bring human beings to the task of checking scans of documents difficult to read by program.</p>
<p>The solution: <a href="http://recaptcha.net/">reCAPTCHA</a>.</p>
<p><center><a href="http://recaptcha.net/"><img src='http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/recaptcha.jpg' alt='reCAPTCHA - example/exemple' /></a></center></p>
<p>The idea is to provide a CAPTCHA service to thousands of bloggers and forum administrators (WordPress, phpBB, etc.) Users are invited to recognize two words specifically difficult to read (profesional OCR programs failed during scans done by Carnegie Mellon University). The user must recognize them both. One is used to check that this is a human being, the other will fill a database of OCR translations that will be used to deliver even more CAPTCHAs and to improve the quality of a document scanned by Carnegie Mellon. Dual core technology: efficiently fight spammers and deliver millions of human users to improve the scan quality of thousands of ancient documents (without using slave labor).</p>
<p><u>Example of a difficult to read/scan document:</u></p>
<p><center><img src='http://www.roumazeilles.net/news/fr/wordpress/wp-content/uploads/recaptcha_scan.jpg' alt='Example of a really difficult scan (reCAPTCHA)' /></center></p>
<p>One of the key advantages is that most pro OCR programs can tell when they fail to recognize a character or a word (when they are not confident enough).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/05/28/fight-spam-and-scan-books/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Undo all HTML in CSS</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/04/30/undo-all-html-in-css/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/04/30/undo-all-html-in-css/#comments</comments>
		<pubDate>Mon, 30 Apr 2007 20:26:30 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/04/30/undo-all-html-in-css/</guid>
		<description><![CDATA[This is a delicatessen reserved for HTML- and CSS-loving palates. It could be helpful to some CSS developers : in an article titled  &#8220;Really undoing HTML and CSS&#8220;, Eric Meyer offers a CSS file that undo all default values preset by the default interpretation of HTML by some browsers.
As a matter of fact, some [...]]]></description>
			<content:encoded><![CDATA[<p>This is a delicatessen reserved for HTML- and CSS-loving palates. It could be helpful to some CSS developers : in an article titled  &#8220;<a href="http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/"><em>Really</em> undoing HTML and CSS</a>&#8220;, Eric Meyer offers a CSS file that undo all default values preset by the default interpretation of HTML by some browsers.</p>
<p>As a matter of fact, some additional explanations may be useful and they can come from another article written by Richard Rutter: &#8220;<a href="http://www.clagnut.com/blog/1287/">Resetting default padding and margin</a>&#8220;.</p>
<p>Additional thoughts from Eric Meyer on the same issue:</p>
<ul>
<li><a href="http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/">Reworked reset</a></li>
<li><a href="http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/">Reset reasoning</a></li>
</ul>
<p>For HTML and CSS specialists.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/04/30/undo-all-html-in-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Display code in WordPress</title>
		<link>http://www.roumazeilles.net/news/en/wordpress/2007/04/21/display-code-in-wordpress/</link>
		<comments>http://www.roumazeilles.net/news/en/wordpress/2007/04/21/display-code-in-wordpress/#comments</comments>
		<pubDate>Sat, 21 Apr 2007 15:07:38 +0000</pubDate>
		<dc:creator>Yves Roumazeilles</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Create a web site]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[New web site]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roumazeilles.net/news/en/wordpress/2007/04/21/display-code-in-wordpress/</guid>
		<description><![CDATA[When, as I do, you want to include some bits and pieces of software code in a WordPress post, it starts to become a serious headache. As a matter of fact, WP has not really been prepared for this and it creates a number of issues. Those I already encountered here:

The &#60;?php tend to disappear [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/images/2007/wordpress21.gif" alt="WordPress v2.1" align="left"/>When, as I do, you want to include some bits and pieces of software code in a WordPress post, it starts to become a serious headache. As a matter of fact, WP has not really been prepared for this and it creates a number of issues. Those I already encountered here:</p>
<ul>
<li>The &lt;?php tend to disappear (unless you start juggling)</li>
<li>Some charcaters would not display at all (or badly)</li>
<li>The overall presentation is pretty bland if you use &lt;code&gt;</li>
</ul>
<p>So, I looked for a plugin (nearly everything in WordPress is done by adding on of those marvellous little code gems that can be included in a few seconds into the basic configuration) adapted to this task, easy to install (I don&#8217;t want to be stuck with heavy maintenance just for this), easy to use.</p>
<p>Here is the summary of what I checked and my opinion regarding them.<br />
<span id="more-656"></span></p>
<h3><a href="http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/">Code markup</a> v1.1.1</h3>
<h4>Syntax</h4>
<p>Just insert your code between &lt;pre&gt;&lt;code&gt; and &lt;/code&gt;&lt;/pre&gt;.</p>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Correctly avoids WordPress text transformation</li>
<li>It is still possible to add some manual formating in the code itself</li>
<li>Compatible with WordPress 1.5, 2.0 &#038; 2.1</li>
<li>Single file plugin, to be activated from the WP dashboard</li>
</ul>
<p>Cons:</p>
<ul>
<li>No syntax coloration</li>
</ul>
<p><table align="right"><tr><td><script type="text/javascript"><!--
google_ad_client = "pub-0020166203350854";
google_alternate_ad_url = "http://www.roumazeilles.net/google/adsense/collapsing_script.html";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "image";
google_ad_channel ="6457460997";
google_color_border = "666666";
google_color_bg = "FFCC99";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td></tr></table><p><br />
<h3>ElasticDog <a href="http://elasticdog.com/2004/09/code-viewer/">Code viewer</a> v1.1</h3>
<h4>Syntax</h4>
<p>Your code is stored in an external file, is displayed with indentation and auto line-return, may be downloaded separately.</p>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Rather flexible presentation/format (e.g. line numbering)</li>
<li>External file storage allows code duplication if it appears in several posts or in several locations)</li>
<li>Single file plugin, to be activated from the WP dashboard; Plus described installation procedure</li>
</ul>
<p>Cons:</p>
<ul>
<li>External file storage: Rather heavy duty solution for small snipets of code</li>
</ul>
<h3>Coffe2code <a href="http://www.coffee2code.com/archives/2005/03/29/plugin-preserve-code-formatting/">Preserve code Formatting</a> v0.9</h3>
<h4>Syntax</h4>
<p>Just insert your code between &lt;pre&gt;&lt;code&gt; and &lt;/code&gt;&lt;/pre&gt; (some other tags can also be defined).</p>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Correctly avoids WordPress text transformation</li>
<li>Single file plugin, to be activated from the WP dashboard</li>
</ul>
<p>Cons:</p>
<ul>
<li>Not updated since 2005. It is not even sure it was tested with WordPress v2.1 ?</li>
<li>No syntax coloration</li>
</ul>
<p><a name="Priyadi"><br />
<h3>Priyadiâ€™s <a href="http://priyadi.net/archives/2005/09/27/wordpress-plugin-code-autoescape/">Code Autoescape</a> v2.0</h3>
<h4>Syntax</h4>
<p>Just insert your code between &lt;pre&gt;&lt;code&gt; and &lt;/code&gt;&lt;/pre&gt;.</p>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Correctly avoids WordPress text transformation</li>
<li>Compatible with WordPress 1.5, 2.0 &#038; 2.1</li>
<li>Single file plugin, to be activated from the WP dashboard</li>
</ul>
<p>Cons:</p>
<ul>
<li>No syntax coloration</li>
</ul>
<h3><a href="http://www.coolcode.cn/?p=26">CoolCode</a></h3>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Includes syntax coloration</li>
</ul>
<p>Cons:</p>
<ul>
<li>The web site is 99% in Chinese (I did not complete a real evaluation).</li>
</ul>
<p><table align="right" width="25%" class="std_box"><tr><td>
<p><b>In the spotlight:</b></p>
<ul>
              <li><a href="/news/en/wordpress/category/digital-photography/buy-a-dslr/sony/sony-alpha-900/">Sony Alpha 900</a></li>
        <li><a href="/news/en/wordpress/category/digital-photography/buy-a-dslr/canon/canon-eos-5d-mk-ii/">Canon EOS 5D Mk II</a></li>
        <li><a href="/news/en/wordpress/category/digital-photography/buy-a-dslr/nikon/nikon-d700/">Nikon D700 FX</a></li>
              <li><a href="/news/en/wordpress/2007/10/07/download-free-nero-8-cddvd-burner/">Download Nero for free</a></li>
<!--                         <li><a href="/news/en/wordpress/2007/02/12/azureus-configuration/">Azureus configuration</a></li>
<!--                    <li><a href="/news/nw/news0068.php">Best WiFi routers</a></li> 
              <li><a href="/news/en/wordpress/2006/10/07/bitcomet-configuration/">BitComet configuration</a></li>
              <li><a href="/news/nw/news0086.php">Anonymous surfing</a></li> -->
</ul>
</td></tr></table><p><br />
<h3>Dean <a href="http://www.deanlee.cn/wordpress/code_highlighter_plugin_for_wordpress/">Code Source Syntax highlighting</a> v1.1</h3>
<h4>Syntax</h4>
<p>Just insert your code between &lt;pre lang=&#8221;php&#8221;&gt; and &lt;/pre&gt; (specifying PHP language or any other language).</p>
<h4>In my opinion</h4>
<p>Pros:</p>
<ul>
<li>Correctly avoids WordPress text transformation</li>
<li>Compatible with WordPress 1.5+</li>
<li>Also includes syntax coloration (for many languages).</li>
<li>Single file plugin, to be activated from the WP dashboard, and a CSS file to fine-tune formating</li>
</ul>
<p>Cons:</p>
<ul>
<li>You <em>must</em> define CSS tags (minor problem since, for the others, you prefer to do so)</li>
</ul>
<h3>RobM <a href="http://robm.me.uk/projects/plugins/wordpress/code-entities">Code entities</a> v1.1</h3>
<h4>Syntax</h4>
<p>In view of the current evolution of this type of plugins, even the author advises to use Priyadiâ€™s <a href="#Priyadi">Code Autoescape</a> instead of his own.</p>
<h3>Conclusion</h3>
<p>As you can deduct from the information I provided here, my choice was Dean <a href="http://www.deanlee.cn/wordpress/code_highlighter_plugin_for_wordpress/">Code Source Syntax highlighting</a> that I currently use for Roumazeilles.net. The strongest reason was clearly the ability to do syntax coloration to increase readability even for small code snippets (I care about my readers confort).</p>
<p>I can&#8217;t say I saw every aspect of these plugins in the comparison (<em>benchmark</em>) but it led me to a reasoned choice that I wanted to share with you. You may be doing a different choice; Feel free to tell us which one and why.</p>
<h3>Examples</h3>
<h4>PHP code</h4>
<p>Here is how PHP source code appears:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?PHP</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <a href="http://www.php.net/header"><span class="kw3">header</span></a><span class="br0">&#40;</span><span class="st0">&quot;Location: /news/fr/news.php&quot;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <a href="http://www.php.net/exit"><span class="kw3">exit</span></a>;</div>
</li>
<li class="li2">
<div class="de2"><span class="kw2">?&gt;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
</ol>
</div>
<h4>CSS code</h4>
<p>Here is how a CSS file is displayed:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">/*******************************/</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">/* Links &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; */</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">/*******************************/</span></div>
</li>
<li class="li2">
<div class="de2">a<span class="re2">:link</span> &nbsp; &nbsp;<span class="br0">&#123;</span> <span class="kw1">color</span>:<span class="re0">#a0a010</span> <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">a<span class="re2">:visited</span> <span class="br0">&#123;</span> <span class="kw1">color</span>:<span class="re0">#<span class="nu0">606000</span></span> <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">a<span class="re2">:hover</span> &nbsp; <span class="br0">&#123;</span> <span class="kw1">color</span>:<span class="re0">#e0e020</span>; <span class="kw1">text-decoration</span>: <span class="kw2">underline</span> <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">a<span class="re2">:active</span> &nbsp;<span class="br0">&#123;</span> <span class="kw1">color</span>:<span class="re0">#e0e020</span>; <span class="kw1">text-decoration</span>: <span class="kw2">underline</span> <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.roumazeilles.net/news/en/wordpress/2007/04/21/display-code-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
