<?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>DHD Blog &#187; Articles &amp; Tips</title>
	<atom:link href="http://douglasheriot.com/blog/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://douglasheriot.com/blog</link>
	<description>The Blog of Douglas Heriot</description>
	<lastBuildDate>Wed, 04 Aug 2010 10:55:49 +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>Contact Form</title>
		<link>http://douglasheriot.com/blog/2010/04/contact-form/</link>
		<comments>http://douglasheriot.com/blog/2010/04/contact-form/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 06:00:48 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=195</guid>
		<description><![CDATA[Unfortunately, I&#8217;ve decided to remove the rotation on my contact form. I’ve always known that it made the text not render properly in Safari, but I never got around to doing anything about it.

Now, my contact form is just plain old straight. (But the super fun fun button is still there!)
I&#8217;ve also had a little [...]]]></description>
			<content:encoded><![CDATA[<p>Unfortunately, I&#8217;ve decided to remove the rotation on my contact form. I’ve always known that it made the text not render properly in Safari, but I never got around to doing anything about it.</p>
<p><img class="aligncenter size-full wp-image-197" title="RotatedContactForm" src="http://douglasheriot.com/blog/wp-content/uploads/2010/04/RotatedContactForm1.jpg" alt="RotatedContactForm" width="580" height="200" /></p>
<p>Now, my contact form is just plain old straight. (But the super fun fun button is still there!)</p>
<p>I&#8217;ve also had a little spam problem. Originally, I just had a field hidden via CSS, that asked not to be filled in. If someone disobeyed the instruction and filled in the field, then they must have been a stupid spam bot. This worked at first, but not anymore.</p>
<p>To fix this, I simply swapped around the ‘name’ attributes, so spam bots will think the hidden field is actually the subject field, and be lured into filling it in. Let&#8217;s hope this will work!</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2010/04/contact-form/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Extending Paths in Illustrator</title>
		<link>http://douglasheriot.com/blog/2010/01/extending-paths-in-illustrator/</link>
		<comments>http://douglasheriot.com/blog/2010/01/extending-paths-in-illustrator/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 03:18:47 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[paths]]></category>
		<category><![CDATA[pen]]></category>
		<category><![CDATA[tip]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=128</guid>
		<description><![CDATA[This is one thing that always annoyed me after switching from Freehand to Illustrator. I just couldn&#8217;t work out how to extend a path — eg. you draw an open path, then want to come back and add some more on the end. In Freehand, you would just select the end point, then use the [...]]]></description>
			<content:encoded><![CDATA[<p>This is one thing that always annoyed me after switching from Freehand to Illustrator. I just couldn&#8217;t work out how to extend a path — eg. you draw an open path, then want to come back and add some more on the end. In Freehand, you would just select the end point, then use the pen tool to keep drawing as usual, but in Illustrator this would just start a new path.</p>
<h3>Method #1 — Add Anchor Points Tool</h3>
<p>This is a pretty bad one. My first solution was to just use the Add Anchor Points Tool to add a bunch of points just before the end, and then drag them around to where I really wanted them to go! Not fun.</p>
<h3>Method #2 — Join</h3>
<p>My next idea was to just make a new path, then join the 2 together. It works, but you don&#8217;t get to see the bit in the middle until the end. This is especially annoying if you want to make it curvy.</p>
<h3>Method #3 — The Pen Tool</h3>
<p>This is the proper way, that I eventually found by accident, and then in the <a href="http://livedocs.adobe.com/en_US/Illustrator/13.0/help.html?content=WSB6C210C6-7113-4e50-B176-EC789EAC18EE.html">help files</a> as well. It&#8217;s like what I was originally doing in Freehand, but slightly different. Instead of using the &#8216;Direct Selection Tool&#8217; (white pointer) to select the end point, you use the regular Pen Tool to select the endpoint first, then you can keep drawing like usual!</p>
<p>Why didn&#8217;t I think of this earlier? Am I the only one that didn&#8217;t know this already?</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2010/01/extending-paths-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Blog Theme for 2009</title>
		<link>http://douglasheriot.com/blog/2010/01/new-blog-theme-for-2009/</link>
		<comments>http://douglasheriot.com/blog/2010/01/new-blog-theme-for-2009/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 03:49:56 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[DHD News]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[New]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=98</guid>
		<description><![CDATA[Well yes, it&#8217;s actually 2010 now, but it was supposed to be 2009.
It finally matches my website! It still needs a bit of work, refining the style of the sidebar, (and maybe even adding some animation to it, like my old theme).
So much stuff has happened in the last year since I wrote a post. [...]]]></description>
			<content:encoded><![CDATA[<p>Well yes, it&#8217;s actually 2010 now, but it was supposed to be 2009.</p>
<p><a href="http://douglasheriot.com/blog/wp-content/uploads/2010/01/Picture-4.png"><img class="aligncenter size-large wp-image-101" title="Blog Theme 2009" src="http://douglasheriot.com/blog/wp-content/uploads/2010/01/Picture-4-580x438.png" alt="Blog Theme 2009" width="580" height="438" /></a>It finally matches my website! It still needs a bit of work, refining the style of the sidebar, (and maybe even adding some animation to it, like my old theme).</p>
<p>So much stuff has happened in the last year since I wrote a post. Sometime soon (maybe) I&#8217;ll write something about it…</p>
<p><strong>Update:</strong> Oops… I forgot to update the copyright notice to 2010. To fix that, I replaced it with some PHP code to always display the current year, so I never have to remember again! <code>echo date('Y');</code></p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2010/01/new-blog-theme-for-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The HTML Doctype</title>
		<link>http://douglasheriot.com/blog/2009/07/the-html-doctype/</link>
		<comments>http://douglasheriot.com/blog/2009/07/the-html-doctype/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:00:38 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML 5]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=114</guid>
		<description><![CDATA[If you’ve been following HTML 5, then you’ve seen the new doctype:
&#60;!DOCTYPE HTML&#62;
…compared to the old HTML 4.01 one…
&#60;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"&#62;
It starts out the same… but doesn’t have any of the version information. It’s also much easier to remember (has anyone memorised the old [...]]]></description>
			<content:encoded><![CDATA[<p>If you’ve been following HTML 5, then you’ve seen the new doctype:</p>
<pre>&lt;!DOCTYPE HTML&gt;</pre>
<p>…compared to the old HTML 4.01 one…</p>
<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"&gt;</pre>
<p>It starts out the same… but doesn’t have any of the version information. It’s also much easier to remember (has anyone memorised the old one?)</p>
<h3>Is it time yet to use the HTML 5 Doctype?</h3>
<p><span id="more-114"></span><br />
Hold on a second… did I just say HTML <strong><em>5</em></strong> doctype? Nothing in it says anything about a version, let alone <em>version 5</em>. According to the draft HTML 5 Specification, the <a href="http://dev.w3.org/html5/spec/Overview.html#syntax-doctype">doctype</a> “is a mostly useless, but required, header”. Its only purpose is to convince browsers to render the page in standards mode. From the draft HTML 5 Specification:</p>
<blockquote><p>DOCTYPEs are required for legacy reasons. When omitted, browsers tend to use a different rendering mode that is incompatible with some specifications. Including the DOCTYPE in a document ensures that the browser makes a best-effort attempt at following the relevant specifications.</p></blockquote>
<h3>So, where does that leave us <em>now</em>?</h3>
<p>To answer the previous question first, yes, <strong>we can use the new doctype now</strong>. Even Google does on their home page.</p>
<p>If you use the ‘new’ HTML doctype, then you are just saying that the page is HTML (not XHTML or something else), and you want the browser to render your page in standards mode. It doesn’t mean you’re using ‘HTML 5’ — will the doctype change again for HTML 6? Who knows? …but I don’t think it will.</p>
<p>— but you might still want to be careful. On client sites, I would still use the HTML 4.01 Strict Doctype (not XHTML, but that’s another story…). On personal sites, I will use the new HTML doctype — it’s still relatively new, so you need to be prepared to change things if it causes unknown and unpredictable side-effects (but there shouldn’t be).</p>
<p>Could we have been using the <code>&lt;!doctype html&gt;</code> doctype before ‘HTML 5’ even existed? All that really matters is that the browser knows that you’re serving HTML, and it renders the page in standards mode. So, I suppose we could have.</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2009/07/the-html-doctype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Upgrading Wordpress</title>
		<link>http://douglasheriot.com/blog/2009/07/upgrading-wordpress/</link>
		<comments>http://douglasheriot.com/blog/2009/07/upgrading-wordpress/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 17:00:33 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=109</guid>
		<description><![CDATA[In the last couple of days, I’ve upgraded 4 different Wordpress installations — across local and production servers, including 2 Wordpress µ. Local servers are ok to upgrade, production servers are a pain.
Everything went pretty smoothly, except this blog…
The FTP connection kept on failing, and not uploading all the files. Some files got half uploaded, [...]]]></description>
			<content:encoded><![CDATA[<p>In the last couple of days, I’ve upgraded 4 different Wordpress installations — across local and production servers, including 2 Wordpress µ. Local servers are ok to upgrade, production servers are a pain.</p>
<p>Everything went pretty smoothly, except this blog…</p>
<p>The FTP connection kept on failing, and not uploading all the files. Some files got half uploaded, and things just didn’t work out nicely. The whole process took forever, because of the huge number of files (it takes longer to upload a lot of small files than one big file). When I thought it was finished, I later found out that not all the wp-admin files got uploaded properly.</p>
<p>By then, I was really frustrated with the whole thing, so I just deleted all the wordpress files (except wp-content of course) to start all over again. I was going to just upload the whole archive file together, and un-compress it on the server, but uploading that failed half-way as well.</p>
<p>In the end, I just uploaded all the files almost one-by-one, which wasn’t fun (it was more like 5 at a time, because that turned out to be reliable as well). Maybe I should stop being such a cheapskate, and use a paid web host instead… with reliable FTP.</p>
<p>That’s not all…</p>
<p>Another issue I had was I found that if you tried to visit my blog during all this, you were served a page with a bunch of random Wordpress PHP code printed out. Imagine if it printed out your hard-coded database password or an API key or something similar. That could turn out badly. How should you upgrade websites securely? Maybe next time I will change the .htaccess file to block all requests and show an “upgrading…” page. Is there a better way of doing this?</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2009/07/upgrading-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Alarm Clock gets 1001 views!</title>
		<link>http://douglasheriot.com/blog/2008/10/alarm-clock-gets-1001-views/</link>
		<comments>http://douglasheriot.com/blog/2008/10/alarm-clock-gets-1001-views/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 05:39:30 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[DHD News]]></category>
		<category><![CDATA[1001]]></category>
		<category><![CDATA[alarm clock]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[long exposure]]></category>
		<category><![CDATA[milestone]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[views]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/2008/10/alarm-clock-gets-1001-views/</guid>
		<description><![CDATA[


My photo of an alarm clock finally got over 1000 views on Flickr!
It&#8217;s been there for just over 1 year and gradually increasing, but I recently found a very good way of getting lots of people to see you: Try joining lots of groups that give out awards to each other. These groups&#8217; rules say [...]]]></description>
			<content:encoded><![CDATA[<div class="align_full"><a title="Alarm Clock" href="http://www.flickr.com/photos/dhdesign/1096464615/"><br />
<img src="http://farm2.static.flickr.com/1434/1096464615_c2ee67608a.jpg" alt="Alarm Clock" /><br />
</a></div>
<p>My photo of an alarm clock finally got over 1000 views <a href="http://www.flickr.com/photos/dhdesign/1096464615/">on Flickr</a>!</p>
<p>It&#8217;s been there for just over 1 year and gradually increasing, but I recently found a very good way of getting lots of people to see you: Try joining lots of groups that give out awards to each other. These groups&#8217; rules say you have to view and comment other people.</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2008/10/alarm-clock-gets-1001-views/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A new way to vertically centre with CSS</title>
		<link>http://douglasheriot.com/blog/2008/07/a-new-way-to-vertically-centre-with-css/</link>
		<comments>http://douglasheriot.com/blog/2008/07/a-new-way-to-vertically-centre-with-css/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 04:20:27 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[centre]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[horizontal]]></category>
		<category><![CDATA[ie8]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[problem]]></category>
		<category><![CDATA[revolutionary]]></category>
		<category><![CDATA[vertical]]></category>

		<guid isPermaLink="false">http://douglasheriot.com/blog/?p=31</guid>
		<description><![CDATA[I just discovered a new way to vertically (and horizontally) centre objects in CSS!
All it needs is 1 line of CSS (no dummy objects either!)
#theobject { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
After testing on all of my browsers, I tried it on browsershots.org, which lets you see screenshots of your webpage on many diferent [...]]]></description>
			<content:encoded><![CDATA[<p>I just discovered a new way to vertically (and horizontally) centre objects in CSS!</p>
<p>All it needs is 1 line of CSS (no dummy objects either!)</p>
<pre><code>#theobject { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }</code></pre>
<p>After testing on all of my browsers, I tried it on <a title="View my test on many different browsers, at browsershots.org" href="http://browsershots.org/http://douglasheriot.com/blog/wp-content/demo/css%20absolute%20center.html">browsershots.org</a>, which lets you see screenshots of your webpage on many diferent browsers. You may have guessed, the only problem is that Internet Explorer ≤ 7 doesn&#8217;t support it (grr). The sort of good news is that Internet Explorer 8 (still beta) DOES support this, so this technique may be usable in the (hopefully not to distant) future.</p>
<p>You can view my <a title="My Test page" href="http://douglasheriot.com/blog/wp-content/demo/css%20absolute%20center.html">test page</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2008/07/a-new-way-to-vertically-centre-with-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New Website (again!)</title>
		<link>http://douglasheriot.com/blog/2007/10/new-website-again/</link>
		<comments>http://douglasheriot.com/blog/2007/10/new-website-again/#comments</comments>
		<pubDate>Tue, 09 Oct 2007 23:50:00 +0000</pubDate>
		<dc:creator>Douglas</dc:creator>
				<category><![CDATA[Articles & Tips]]></category>
		<category><![CDATA[DHD News]]></category>
		<category><![CDATA[address]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[domain]]></category>
		<category><![CDATA[douglasheriot.com]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[web hosting]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://max.local/wordpress/2007/10/10/new-website-again/</guid>
		<description><![CDATA[I now have another new website! &#8230; And a domain name!
You can visit my new website at DouglasHeriot.com!
The address to the blog has also changed — it&#8217;s now blog.DouglasHeriot.com.

My website is hosted for free by 000webhost.com. They provide all the features you would normally have to pay a lot for. I would recommend them.
My email is hosted [...]]]></description>
			<content:encoded><![CDATA[<p>I now have another new website! &#8230; And a domain name!</p>
<p>You can visit my new website at <a href="http://DouglasHeriot.com/">DouglasHeriot.com</a>!</p>
<p>The address to the blog has also changed — it&#8217;s now <a href="http://blog.DouglasHeriot.com/">blog.DouglasHeriot.com</a>.</p>
<p><span id="more-21"></span></p>
<p>My website is hosted for free by <a href="http://www.000webhost.com/?id=7394">000webhost.com</a>. They provide all the features you would normally have to pay a lot for. I would recommend them.</p>
<p>My email is hosted with <a href="http://google.com/a">Google Apps</a>. That lets me use my domain with many Google services such as <a href="http://gmail.com">Gmail</a>, <a href="http://docs.google.com">Google Docs</a>, <a href="http://calendar.google.com/">Google Calendar</a>, etc.</p>
<p>My domain is hosted by <a href="http://www.namecheap.com/?aid=88&amp;rid=215739">Namecheap</a>. I think they&#8217;re pretty good but I don&#8217;t have much experience with them or any other domain registrars. At the moment my domain is the only thing I pay for for my website – only $8.88 a year!</p>
]]></content:encoded>
			<wfw:commentRss>http://douglasheriot.com/blog/2007/10/new-website-again/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
