<?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>David Anderson&#039;s Unfinished Symphony &#187; General</title>
	<atom:link href="http://www.ap4a.co.uk/archives/category/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ap4a.co.uk</link>
	<description>It&#039;s about the internet and stuff.</description>
	<lastBuildDate>Sat, 27 Feb 2010 12:31:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Time for something new</title>
		<link>http://www.ap4a.co.uk/archives/2009/time-for-something-new/</link>
		<comments>http://www.ap4a.co.uk/archives/2009/time-for-something-new/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 20:22:34 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/?p=174</guid>
		<description><![CDATA[Once again it&#039;s been a ridiculous amount of time since my last post and I think that needs to change, along with a number of other changes that I hope will breathe a bit of life into this blog and kick-start my enthusiasm for writing. First up for change is the subject matter, which will [...]]]></description>
			<content:encoded><![CDATA[<p>Once again it&#039;s been a ridiculous amount of time since my last post and I think that needs to change, along with a number of other changes that I hope will breathe a bit of life into this blog and kick-start my enthusiasm for writing. First up for change is the subject matter, which will be made a little broader. I&#039;ll continue to write the occasional  web development post but rather than limiting myself to that subject I also intend to write about my interest in photography, reviews on products and services that I own or use, and a bit of personal stuff thrown in for good measure every so often.</p>
<p>The second change that I have planned is to the design, once again. I still like the look of this theme but it&#039;s been here a long time and so needs to go. As there have been a fair few people in the past who have expressed an interest in using the theme themselves, along with <a href="/archives/2007/a-feeling-of-deja-vu/" class="internal">some who didn&#039;t ask first</a>, I&#039;ve decided to make it available for download via <a href="http://www.blogthemesclub.com/" class="external">Blog Themes Club</a> where you&#039;ll find it listed as the Artemis theme. Blog Themes Club is operated by Kevin from <a href="http://www.bloggingtips.com/" class="external">Blogging Tips</a> and Sarah from <a href="http://www.stuffbysarah.net/" class="external">Stuff by Sarah</a>. Themes are available after purchasing one of the selection of membership packages that are available, or by purchasing a single use license if you don&#039;t require any support, updates or access to other themes. The service hasn&#039;t been running for long but they&#039;ve already got a good selection of great looking themes available so go take a look if you&#039;re in need of a decent WordPress theme.</p>
<p>Change number three is more of a personal change and involves me making sure that I post to this site on a more regular basis, so keep an eye out for updates and hopefully there&#039;ll be something of interest for everyone.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2009/time-for-something-new/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Naked Day x2</title>
		<link>http://www.ap4a.co.uk/archives/2008/naked-day-x2/</link>
		<comments>http://www.ap4a.co.uk/archives/2008/naked-day-x2/#comments</comments>
		<pubDate>Tue, 08 Apr 2008 00:11:38 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/?p=77</guid>
		<description><![CDATA[Well, CSS naked day has been and gone again this year &#8211; well, at least for me it has. The last couple of years it&#039;s been on April 5th, and I&#039;ve participated each year. This year was no exception &#8211; however I may have celebrated by myself as it seems they changed the day and [...]]]></description>
			<content:encoded><![CDATA[<p>Well, CSS naked day has been and gone again this year &#8211; well, at least for me it has. The last couple of years it&#039;s been on April 5th, and I&#039;ve participated each year. This year was no exception &#8211; however I may have celebrated by myself as it seems they  changed the day and forgot to tell me <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>I have a little PHP set up to automagically strip my CSS links out of my pages whenever it&#039;s April 5th anywhere in the World, and that worked perfectly again this year. The problem is, CSS Naked Day is now on the 9th, so I&#039;m going to have to do it all again. So, here goes &#8230;</p>
<p><strong>It&#039;s CSS Naked Day &#8211; <a href="http://naked.dustindiaz.com/" class="external">Go here for more information about why I have no styles on this site</a></strong>, and maybe consider joining in <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>For those of you wondering why some sites are doing it on the 8th &#8211; the script used checks to see whether it&#039;s the 9th &#039;somewhere&#039; in the world, and if so it then turns off the CSS. It&#039;s automagic!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2008/naked-day-x2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A feeling of deja vu</title>
		<link>http://www.ap4a.co.uk/archives/2007/a-feeling-of-deja-vu/</link>
		<comments>http://www.ap4a.co.uk/archives/2007/a-feeling-of-deja-vu/#comments</comments>
		<pubDate>Thu, 02 Aug 2007 19:39:46 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2007/a-feeling-of-deja-vu/</guid>
		<description><![CDATA[It&#039;s amazing what you can find from reading through your web stats. Things like who links to you, who visits you, where they come from, how often the search engines visit &#8211; and even who is stealing your design. Yes, it seems someone likes this design enough to pirate it. A few weeks ago I [...]]]></description>
			<content:encoded><![CDATA[<p>It&#039;s amazing what you can find from reading through your web stats. Things like who links to you, who visits you, where they come from, how often the search engines visit &#8211; and even who is stealing your design. Yes, it seems someone likes this design enough to pirate it.</p>
<p>A few weeks ago I noticed an odd referrer in my stats, http://localhost/mazochova. Anyone that knows much about computers will know that localhost refers to the local computer &#8211; ie. the one that you are using is your localhost. So, someone had a web page on their computer that was being run on a local server and was directly accessing something on this site. My suspicion was that this person was stealing my design, or some component of it, and was hotlinking my images in the process. This isn&#039;t something I wanted to happen so I blocked their IP number as a referrer. Today I found that my suspicion was right, and found that they had put up their (part done?) version at http://evisions.cz/mazochova (it has now been removed). In case you&#039;re wondering how I knew that they had put it online, they are stupidly still hotlinking some of my images &#8211; and are even still linking through to <a href="http://www.last.fm/user/ap4a/" class="external">my lastFM account</a>, <a href="http://www.spreadfirefox.com/?q=affiliates&#038;id=121153&#038;t=82" class="external">my SpreadFireFox affiliate account</a> and even <a href="http://geourl.org/near?p=http://www.ap4a.co.uk/" class="external">my GeoURL details</a>; they didn&#039;t bother linking to my <a href="http://www.text-link-ads.com/?ref=26434" class="external">TextLinkAds account</a> though.</p>
<p>They say that mimicry is the highest for of flattery, however I&#039;m not particularly flattered that eVisions, a supposedly professional web design company, are intending to profit from my design. While I intend to contact them (and their hosts) and ask them to remove it, I&#039;m not sure what else I can do about this &#8211; at some stage this is going to be passed on to someone else to use, and so I doubt they&#039;ll care too much if I post it on piratedsites.com (which I still intend to do). I&#039;ll probably have to hope that they do the decent thing and remove it, but my experience of Eastern Europeans on the internet leaves a lot to be desired, and doesn&#039;t fill me with too much confidence.</p>
<p>I can only hope that at some point in the future Anna Mazochov&aacute;, the woman who is going to be ripped off by these thieves, gets to see this at some point and takes some action for herself.  Unless someone has any ideas on effective ways to stop these people, If so, I&#039;d be grateful for the heads up. In the meantime, here&#039;s a couple of screen shots:</p>
<ul class="nobul" id="sslist">
<li><a href="http://www.ap4a.co.uk/wp-content/uploads/stolen2.gif" title='The top half of one of the inner pages of the pirate site'><img src='http://www.ap4a.co.uk/wp-content/uploads/stolen2.thumbnail.gif' alt='The top half of one of the inner pages of the pirate site' /></a></li>
<li><a href="http://www.ap4a.co.uk/wp-content/uploads/stolen3.gif" title='Screenshot showing the stolen design linking to my LastFM account'><img src='http://www.ap4a.co.uk/wp-content/uploads/stolen3.thumbnail.gif' alt='Screenshot showing the stolen design linking to my LastFM account' /></a></li>
<li><a href="http://www.ap4a.co.uk/wp-content/uploads/stolen1.gif" title='Full page view of stolen design used at evisions.cz/mazochova'><img src='http://www.ap4a.co.uk/wp-content/uploads/stolen1.thumbnail.gif' alt='Full page view of stolen design used at evisions.cz/mazochova' /></a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2007/a-feeling-of-deja-vu/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Advanced spam control with mod_rewrite</title>
		<link>http://www.ap4a.co.uk/archives/2007/advanced-spam-control-with-mod_rewrite/</link>
		<comments>http://www.ap4a.co.uk/archives/2007/advanced-spam-control-with-mod_rewrite/#comments</comments>
		<pubDate>Wed, 11 Jul 2007 20:52:57 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2007/advanced-spam-control-with-mod_rewrite/</guid>
		<description><![CDATA[I can&#039;t remember where I first got the idea from, but for some time now I&#039;ve been using mod_rewrite to protect against spam and hack attempts, and this has worked quite well for some time. Essentially, I have a number of rules contained in my .htaccess file which are designed to block attacks from &#034;users&#034; [...]]]></description>
			<content:encoded><![CDATA[<p>I can&#039;t remember where I first got the idea from, but for some time now I&#039;ve been using <a href="http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html" class="external">mod_rewrite</a> to protect against spam and hack attempts, and this has worked quite well for some time. Essentially, I have a number of rules contained in my <a href="http://httpd.apache.org/docs/trunk/howto/htaccess.html" class="external">.htaccess</a> file which are designed to block attacks from &#034;users&#034; displaying common traits &#8211; with one of those common traits being the absence of a <a href="http://en.wikipedia.org/wiki/User_agent_string" rel="nofollow" class="external">user-agent string</a> from the request headers.</p>
<p>As was pointed out to me yesterday, there&#039;s no obligation for any user-agent (UA) to send a user-agent string as a part of its request headers. I have no quarrel with that statement at all &#8211; <em>except, on this site there is</em>. Considering the vast number (several thousand per month) of attempts to directly access comment and contact forms, or to access non-existent files with random character file names by bots, spammers or hackers whose request headers lack a user-agent string, and the fact that it is very rare in my experience for a legitimate visitor to not include one, I decided that it was a requirement for visiting here and used the following code to block them:</p>
<dl class="code">
<dt>The mod_rewrite code used to block visitors without a user-agent string</dt>
<dd>
<ol>
<li><code>RewriteEngine On</code></li>
<li><code>RewriteCond %{HTTP_USER_AGENT} =""</code></li>
<li><code>RewriteRule .* - [F,L]</code></li>
</ol>
</dd>
</dl>
<p>Line 1 turns the rewrite engine on. Line 2 sets the condition to be checked for, in this case an empty user-agent string (denoted by the absence of content between the double quote marks), and line 3 says what should happen when the condition is met &#8211; with the F stating that the request should fail. In which case it returns a 403, forbidden, error.</p>
<p>As I said above, that has worked quite well for some time and I&#039;ve been happy with the effect that it&#039;s had on the amount of spam I&#039;ve experienced. However, when checking my access logs on a couple of occasions recently I noticed that something had been trying to access a file relating to the <a href="http://www.text-link-ads.com/?ref=26434" class="external">Text Link Ads</a> service; in order to check that their adverts are working properly their server periodically checks publishers&#039; sites to make sure that the adverts are displayed. Whilst this is a reasonable, and sensible, thing to do it appears that their server fails to include a user-agent string in its request headers &#8211; meaning that every attempt to check my site was being rejected by the server, which isn&#039;t so good. Consequently, this meant that either I had to stop blocking them, or they had to include a user-agent string in their headers</p>
<p>As my attempts to explain the situation to their support people seemed to be met with misunderstanding it turned out that I had to stop blocking them. Though this wasn&#039;t as simple as just removing the code from my .htaccess as this would only result in my being bombarded with spam and hack attempts yet again. Instead I had to check for two conditions instead of one, with the extra condition being that the visitor wasn&#039;t them. To do that I also checked to see if the visitor&#039;s IP belonged to their server or not, like so:</p>
<ol class="code">
<li><code>RewriteCond %{REMOTE_ADDR} !^12\.34\.567\.89$</code></li>
</ol>
<p>That line of code checks to make sure that the visitor&#039;s IP is <strong>not</strong> the one listed (nb. that is just a dummy IP address rather than their actual one). If both conditions are met (not the listed IP and no user-agent string) then the visitor gets blocked. When added to the previous code we get the following:</p>
<dl class="code">
<dt>The amended mod_rewrite code</dt>
<dd>
<ol>
<li><code>RewriteEngine On</code></li>
<li><code>RewriteCond %{HTTP_USER_AGENT} =""</code></li>
<li><code>RewriteCond %{REMOTE_ADDR} !^12\.34\.567\.89$</code></li>
<li><code>RewriteRule .* - [F,L]</code></li>
</ol>
</dd>
</dl>
<p>While that snippet of code will allow them to access my site even when they have no user-agent string in their request headers, and while there&#039;s no obligation for one to be included (as mentioned previously), I personally feel that it would be wiser for them to fix their software to ensure that it identifies itself when accessing remote servers. Not doing so means that it&#039;s quite easy to confuse them with spammers and hackers who do their best to disguise their actions and methods, and so leaves them to potentially be blocked by many other users who might take similar measures. Hopefully the support person that responded to my queries will pass the matter on to someone who will understand the issue and be able to do something about it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2007/advanced-spam-control-with-mod_rewrite/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Redesign</title>
		<link>http://www.ap4a.co.uk/archives/2007/redesign/</link>
		<comments>http://www.ap4a.co.uk/archives/2007/redesign/#comments</comments>
		<pubDate>Tue, 22 May 2007 00:44:37 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2007/redesign/</guid>
		<description><![CDATA[Regular visitors to the site should notice quite a radical change of design here which I&#039;m hoping will make it a bit more visually pleasing. When I first started the site it was, almost literally, just thrown together in a hurry and without a finalised design. This was basically because there were a number of [...]]]></description>
			<content:encoded><![CDATA[<p>Regular visitors to the site should notice quite a radical change of design here which I&#039;m hoping will make it a bit more visually pleasing. When I first started the site it was, almost literally, just thrown together in a hurry and without a finalised design. This was basically because there were a number of people that wanted the blog up and running and, I think, for me to start posting on it. Some of you may still remember the original look of the site, which was far from complete and so a little bit broken to say the least. After a little <a href="http://www.kevinleitch.co.uk/wp/?p=301" class="external">feedback</a>  I decided not to continue working with that design and came up with a working temporary one instead. Even though it provided everything I wanted from it (functionality, flexibility and simplicity) it was a little uninspiring and I was never really happy with it, despite that it managed to survive for a couple of years.</p>
<h3>Simplifying the Interface</h3>
<p>What I&#039;ve tried to do with the new design is keep the important concepts intact &#8211; it&#039;s still, I believe, functional; it&#039;s still flexible, though now within a set limit; and, importantly, it&#039;s still simple. In fact I&#039;ve made an effort to simplify it further. I found certain aspects of the old design were slightly cluttered, notably the links sidebar. In order to de-clutter the link heavy sidebar I separated the archives and external links section into their own pages, with them linked via a new primary menu. I&#039;ve also used a little <abbr title="PHP Hypertext Preprocessor">PHP</abbr> and hidden the <a href="http://www.mybloglog.com" class="external">MyBlogLog</a> widget from everyone but myself.</p>
<p>All in all I think the sidebar is cleaner and more useful while still sharing things that I want to share. Also, perhaps the most noticeable change is the dropping of the third column from the front page. My original idea for that was to allow the front page of the site to show the latest post in full whilst also showing the next 5 or 6 most recent posts, but rather than overloading the page with too much content these recent posts would just have excerpts showing on the front. The old design did achieve that fairly well, however the extra column meant that the front page would always seem a little cramped. It&#039;s also not necessary to have a third column in order to provide direct access to that content from the front page, so it got dropped.</p>
<h3>New Sections</h3>
<p>I&#039;ve added a few extra sections to the site where I can provide supplementary information, such as an accessibility statement and privacy policy, including an about page. At the moment the about page is a bit bare; I do intend to put something in there at some point, hence its inclusion, however I haven&#039;t decided on what exactly I want to say. I&#039;ve also extended the subscription page to include information about my feeds, feed readers and feed aggregators along with the original email subscription option that I&#039;ve carried over from the previous version. There&#039;s also a contact form, just in case.</p>
<h3>Ironing out the Issues</h3>
<p>As with any project, there have been issues to resolve (I&#039;m talking specifically about coding issues at this point).</p>
<h4>PHP Issues</h4>
<p>One of the things I wanted was for the archives page to show each category with all the posts for that category, to be able to reorder the categories, to be able to show the date of each post adjacent to the link to the post and to be able to structure markup how I wanted. One of the great things about <a href="http://www.wordpress.org" class="external">WordPress</a> is its ease of templating, and to that end the <a href="http://codex.wordpress.org" class="external">codex</a> provides details of the variety of template tags available for this, however those available for templating category listings didn&#039;t quite meet all of my requirements. This is where <a href="http://www.stuffbysarah.net" title="Sarah's blog" rel="external" class="external">Sarah</a> came in with a bit of help, well a lot of help, providing me with the PHP needed to pull the required information from the database in the way that I wanted. She also helped me write the PHP for my contact form, in the process helping me to add in fields checking for spammers, and also code to check that those fields had been completed appropriately.</p>
<p>The site used to use an old version of the <a href="http://subscribe2.wordpress.com/" class="external">Subscribe2</a> plugin which I held off from upgrading to the amount of work it would have taken to get a newer version to work with the existing theme. A new theme has meant that was no longer a consideration, and so I upgraded to the latest version of Subscribe2. It was only when I uploaded, and set live, the completed theme and upgraded plugins at the weekend that a few issues came to light. Basically the plugin only partially worked on the live site, with new subscribers receiving an email containing a link to confirm the subscription, but the link going to a blank page and the subscription not being confirmed. After a lot of reading through the plugin code, and with Sarah doing a number of tests, we found that there were three functions responsible for the confirmation process &#8211; commenting out the call to one of these functions allowed the confirmation to go through and the appropriate confirmation page to display &#8211; just in a very broken state as a number of scripted components failed to work on the page. It had, by that time, occurred to us that it was an issue with using customised permalinks on the site along with the way the plugin takes over an existing page that it rewrites with the confirmation &#8211; instead of doing this successfully the page was being redirected to the real permalinked page, causing the confirmation to fail. Once we had tested that this was the case, by resetting permalinks to the default method, it didn&#039;t take much to discover the real cause &#8211; a conflict between Subscribe2 and the <a href="http://fucoder.com/code/permalink-redirect/" class="external">Permalink Redirect</a> plugin. This issue hadn&#039;t existed with the previous version of Subscribe2 that I&#039;d been using, so something that has changed caused the conflict &#8211; the process of taking over an existing page from the database, rather than using its own dedicated one like the old version did. It&#039;s probable that the new method makes it easier for the plugin to be integrated with a theme and so it&#039;s an acceptable change in the grand scheme of things, but unfortunate that it results in a conflict. To fix it I dropped the other plugin.</p>
<h4>CSS Issues</h4>
<p>While differences in browser rendering continue to exist there are always going to be display issues when switching between those browsers. The star browser was Firefox, getting things right first time and according to standards. Internet Explorer 7 had a few minor issues, and IE 6 a few more, however these were relatively simple to fix with a few changes in margin, width and position settings in their own respective style sheets linked via conditional comments. In Internet Explorer 5.5 it looked like a bomb had hit it; that browser couldn&#039;t handle a fair bit of the CSS and rather than spend too much time on an obsolete browser I changed a number of things and fixed the width. I basically just wanted to make sure the site would be usable rather than trying to precisely reproduce the design.</p>
<p>Quite surprisingly I had a few strange problems in Opera 9.20, surprisingly because Opera is at least as standards compliant as Firefox if not more so. However there were several oddities that didn&#039;t seem to have an easy fix, or at least not a fix that could be achieved simply by tweaking the CSS without those tweaks affecting other browsers. Those issues included:</p>
<ul>
<li>displaying the sponsor links at the correct size until the page finished loading, then the text mysteriously shrinking. As these used the same markup and CSS as the other links in the sidebar there was no easy or logical way to fix the problem without affecting the other links.</li>
<li>text marked up as paragraphs within the content area would magically jump to the right once the page loaded, leaving a small fragment of text behind (a few characters from the last line of each paragraph, chopped off at the top). Again, there was no simple fix without it affecting the positioning in other browsers.</li>
<li>text link styles were overridden with the browser default ones, again without any logic that I could see. It&#039;s possible that one of the settings in my browser profile caused this issue, but I&#039;m not familiar enough with the browser to track it down &#8211; so I needed to find another fix.</li>
</ul>
<p>It&#039;s likely that the first two issues were caused by the combination of scripts used on the page, for example the sponsor links are generated by scripts. However as it wasn&#039;t feasible to remove those scripts anyway I decided not to test the theory by disabling them on a live site (the issues weren&#039;t apparent in my local testing copy). Due to the prospect of a CSS fix affecting other browsers I had to find a hack or filter for Opera, much as it pains me to use them now that it&#039;s clear we can control the real problem browser (Internet Explorer 6 and under) using conditional comments. However these issues needed an Opera specific fix and, after a bit of searching on <a href="http://www.google.co.uk" class="external">Google</a>, I found a way using an @media declaration to target Opera:</p>
<ol class="code">
<li><code>@media all and (min-width:0px) {</code></li>
<li><code>head~body p {</code></li>
<li><code>	margin-left : 0;</code></li>
<li><code>}</code></li>
<li><code>#content a, #content a:link, #content a:visited, #skipper a:link, #skipper a:visited {</code></li>
<li><code>	color : #00303e !important;</code></li>
<li><code>}</code></li>
<li><code>#content a:hover, #content a:active, #content a:focus, #skipper a:hover, #skipper a:active, #skipper a:focus {</code></li>
<li><code>	color : #870000 !important;</code></li>
<li><code>}</code></li>
<li><code>#sidebar #links55315 a {</code></li>
<li><code>	font-size : 11px;</code></li>
<li><code>}</code></li>
<li><code>}</code></li>
</ol>
<p>The combination of the &#034;@media all&#034; and the &#034;and (min-width:0px)&#034; in line 1 of the code above targets Opera fairly specifically &#8211; apparently it has also been shown to target Pre-release versions of Safari too. I had no way of testing this, however I felt it was safe to use the method as I was just emphasising already existing styles rather than trying to impose different ones. Line 2 very specifically targets all paragraphs, overriding any other rules that may be conflicting. Line 3 sets the left margin for all paragraphs to zero (even though this had already been done in the main style sheets), while Line 4 closes the rule set opened in line 2. A quick test in Opera showed that the method worked successfully. Lines 5, 6 and 7, and lines 8, 9 and 10 were used to fix the link colour change, while 11, 12 and 13 were used to fix the resizing of the sponsor link text &#8211; using a pixel unit instead of ems was what was needed there. The final line closes the whole thing. That discovery came courtesy of the <a href="http://tanreisoftware.com/blog/" class="external">Tanrei Software blog</a> where there&#039;s a useful article on using <a href="http://tanreisoftware.com/blog/?p=41" class="external">media selectors for browser targetting</a>.</p>
<h4>Other Issues</h4>
<p>Rather than use a mass of extra markup and images I chose to use Alessandro Fulciniti&#039;s <a href="http://www.html.it/articoli/niftycube/index.html" class="external">NiftyCorners Cube</a> script for the curved corners, so users without javascript enabled will see the site with square corners. Users with javascript may also have some issues, there&#039;s a slight lag in the page load time as the script runs through the targeted elements in order to set the curved corners. It&#039;s also possible that the script contributes to the paragraph jumping in Opera, though I&#039;ve never seen this happen in other sites that I&#039;ve used the script on.</p>
<p>I use a plugin that dynamically adds classes to various links in order to add an icon to identify the target type (such as an arrow pointing away from a box to indicate external links). One of the icons used was for links to <a href="http://en.wikipedia.org/wiki/Main_Page" rel="nofollow" class="external">Wikipedia</a> which consisted of a small icon of the Wikipedia logo. However it was hard to distinguish that icon from the surrounding text, so it was removed.</p>
<p>I wanted to use an image of an upwards pointing arrow for my back to top links, but without all of the images being background images (otherwise there would have been no actual content for the links). I achieved it using a combination of foreground and background images with the following markup and CSS:</p>
<dl class="code">
<dt>The HTML</dt>
<dd>
<ol>
<li><code>&lt;div class="up"&gt;</code></li>
<li><code>&lt;a href="#skipper" title="Back to top"&gt;<br />&lt;img src="http://www.ap4a.co.uk/wp-content/themes/mannequin/images/up.png" width="16" height="16" alt="Up arrow" /&gt;&lt;/a&gt;</code></li>
<li><code>&lt;/div&gt;</code></li>
</ol>
</dd>
</dl>
<p>The markup simply creates a div as a container element for the image used as the default-state up arrow and the actual link back to the top of the page.</p>
<dl class="code">
<dt>The CSS &#8211; part 1</dt>
<dd>
<ol>
<li><code>div.up {</code></li>
<li><code>	float : right;</code></li>
<li><code>	margin : 5px 10px 0 0;</code></li>
<li><code>	padding : 0;</code></li>
<li><code>	width : 16px;</code></li>
<li><code>	height : 16px;</code></li>
<li><code>}</code></li>
</ol>
</dd>
</dl>
<p>The first part of the associated CSS sets the dimensions of the container div to match the size of the image it contains and positions it where I want it on the page (relative to its own container).</p>
<dl class="code">
<dt>The CSS &#8211; part 2</dt>
<dd>
<ol>
<li><code>div.up a, div.up a img {</code></li>
<li><code>	display : block;</code></li>
<li><code>	padding : 0;</code></li>
<li><code>	margin : 0;</code></li>
<li><code>}</code></li>
</ol>
</dd>
</dl>
<p>Part 2 of the CSS sets both the image and the anchor around it to be block level. This corrects Internet Explorer 6&#039;s behaviour of adding a 3px space beneath inline images (which is the space preserved for text descenders). It also allows the full area taken up by the image to be a clickable part of the link.</p>
<dl class="code">
<dt>The CSS &#8211; part 3</dt>
<dd>
<ol>
<li><code>div.up a {</code></li>
<li><code>	background : url(images/up2.png) no-repeat center bottom;</code></li>
<li><code>	position : relative;</code></li>
<li><code>	width : 100%;</code></li>
<li><code>	height : 100%;</code></li>
<li><code>	text-decoration : none;</code></li>
<li><code>	cursor : pointer;</code></li>
<li><code>}</code></li>
</ol>
</dd>
</dl>
<p>This code sets the link to 100% width and height of the container div to complete the process started in the previous rule set, which allows the full area of the image to be clickable. It also sets the positioning to relative to allow the contained image to be absolutely position within it, and the first line sets the background to be the hover state version of the image. The final 2 lines turn off the underline added to links and ensure that the proper cursor style is used.</p>
<dl class="code">
<dt>The CSS &#8211; part 4</dt>
<dd>
<ol>
<li><code>div.up a img {</code></li>
<li><code>	position : absolute;</code></li>
<li><code>	top : -5px;</code></li>
<li><code>	left : -5px;</code></li>
<li><code>	border : none !important;</code></li>
<li><code>}</code></li>
</ol>
</dd>
</dl>
<p>Part four positions the foreground image within its containers so that it precisely and completely covers up the background image. It also makes sure that no border is added.</p>
<dl class="code">
<dt>The CSS &#8211; part 5</dt>
<dd>
<ol>
<li><code>div.up a:hover img, div.up a:active img, div.up a:focus img {</code></li>
<li><code>	visibility : hidden;</code></li>
<li><code>}</code></li>
</ol>
</dd>
</dl>
<p>The final rule set is responsible for removing the foreground image when the link is hovered over, revealing the hover state background image. It works as intended in Firefox, <abbr title="Internet Explorer">IE</abbr> 7 and Opera 9. In IE 5 and 6 the change in state doesn&#039;t work, and IE 5 also needs a slight change in the positioning to cover the hover state image.</p>
<p>No doubt there&#039;ll be other issues to find, and they&#039;ll be fixed when they are. I&#039;m expecting there to be one or two in Mac browsers, but as I haven&#039;t been able to test in them (the Mac testing services I normally use have been broken when I&#039;ve visited recently) I haven&#039;t been able to find them. If you&#039;re a Mac user and do find issues, please let me know and I&#039;ll do my best to resolve them, thanks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2007/redesign/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Five things that you may not know</title>
		<link>http://www.ap4a.co.uk/archives/2006/five-things-that-you-may-not-know/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/five-things-that-you-may-not-know/#comments</comments>
		<pubDate>Thu, 14 Dec 2006 23:52:23 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/five-things-that-you-may-not-know/</guid>
		<description><![CDATA[&#8230;about me. Although Sarah should, even though she&#039;s meme tagged me. I have a degree in biochemistry from the University of Liverpool. I like weird films that no-one else ever wants to watch, like Rawhead Rex and Brain Damage. I like other films too. Despite my youthful appearance, I&#039;m 40 years old. I&#039;m still a [...]]]></description>
			<content:encoded><![CDATA[<p>&#8230;about me. Although <a href="http://www.stuffbysarah.net" title="Sarah's blog" rel="external" class="external">Sarah</a> should, even though <a href="http://www.stuffbysarah.net/ais/2006/12/14/5-things-you-may-not-know/" rel="external" class="external">she&#039;s meme tagged me</a>.</p>
<ol>
<li>I have a degree in biochemistry from <a href="http://www.liverpool.ac.uk/" rel="external" class="external">the University of Liverpool</a>.</li>
<li>I like weird films that no-one else ever wants to watch, like <a href="http://www.imdb.com/title/tt0091829/" rel="external" title="IMDb's 'Rawhead Rex' Listing" class="imdb">Rawhead Rex</a> and <a href="http://www.imdb.com/title/tt0094793/" rel="external" title="IMDb's 'Brain Damage' Listing" class="imdb">Brain Damage</a>. I like other films too.</li>
<li>Despite my youthful appearance, I&#039;m 40 years old. I&#039;m still a handsome devil though.</li>
<li>I left school at 16 without any qualifications and went back 10 years later to start again, and was 28 when I started at university.</li>
<li>I found it very difficult to think of five things that people who read this blog wouldn&#039;t know about me, <b>and</b> I&#039;d like to share. I tend to be a bit reticent about sharing information with strangers on the interweb &#8211; who knows what those crazy people might do with the knowledge?</li>
</ol>
<p>Five people who I&#039;m going to tag with this: no one, as I think it&#039;d be as hard thinking up 5 people who&#039;d thank me for it as it was thinking up my own answers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/five-things-that-you-may-not-know/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>It&#039;s been a while &#8230;</title>
		<link>http://www.ap4a.co.uk/archives/2006/its-been-a-while/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/its-been-a-while/#comments</comments>
		<pubDate>Wed, 18 Oct 2006 19:23:43 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/its-been-a-while/</guid>
		<description><![CDATA[It&#039;s been a very long while since I posted on here, but it hasn&#039;t all been due to my procrastination (although that&#039;s responsible too). The last few months have been very busy with work, both Sarah and I have been rushed off our feet with various projects some of which have gone live, others are [...]]]></description>
			<content:encoded><![CDATA[<p>It&#039;s been a very long while since I posted on here, but it hasn&#039;t all been due to my procrastination (although that&#039;s responsible too). The last few months have been very busy with work, both <a href="http://www.stuffbysarah.net" title="Sarah's blog" rel="external" class="external">Sarah</a> and I have been rushed off our feet with various projects some of which have gone live, others are having tweaks here and there before going live, with the rest at various stages of development.</p>
<p>It hasn&#039;t been all work though, we managed to fit a short trip to Paris in a couple of weeks ago, which gave us a much needed break from the daily grind. I have to say, there&#039;s some spectacular scenery over there and it was fascinating to visit places that I&#039;ve heard about before but never considered visiting. There are a few carbunkles in with the jewels, though, chief among them being the Pompidou Centre which looked like a scruffy mass of scaffolding to me. Maybe if we&#039;d stopped off there before visiting Notre Dame Cathedral I might have been more appreciative of it&#039;s industrial  appearance, but I doubt it.</p>
<p>Speaking of Notre Dame Cathedral, it was while straining to see if I could spot it after crossing the Pont Neuf that caused me to not see a couple of steps, resulting in me spraining my ankle. At that point the best thing to do was to carry on moving, rather than stopping and letting it swell up like a water melon and cripple me. So we carried on, took a few pictures of the cathedral and then went looking for a pharmacy to get some tubigrip. Instead of tubigrip we came away with my ankle in a splint that cost about 35 euros, but considering the support it provided it was money very well spent. After getting my ankle strapped up we went for a rest in a little Cuban bar about a quarter of a mile from the Cathedral, where we shared a plate of meat tapas and, more importantly, I had a few medicinal <dfn title="beers" xml:lang="Es" lang="Es">cervezas</dfn>. We did about another four miles worth of working after lunch, and at least another ten the following day, visiting the Bastille, the Moulin Rouge and Sacre Coeur amongst other places, so that splint more than paid for itself.</p>
<p><img id="image47" src="http://www.ap4a.co.uk/wp-content/uploads/foot.jpg" alt="My foot in plaster" /> A couple of days after returning home (to Sarah&#039;s parents&#039;, which is our stopping off point on the way to our own house) we went to the local hospital to get my ankle checked out. We left with my leg in plaster after an X-ray showed that the pulled tendon had ripped a chunk of bone away from my ankle. So now I&#039;m trying to get around with a plaster on my leg that is giving me less support than the splint I was using did, not to mention getting in the way of everything. I have to go back to the hospital in a couple of days to get the plaster off and have the ankle X-rayed again. Hopefully that&#039;ll be the end of it, or at least the end of having to wear the stupid cast.</p>
<p>Despite that, Paris was great and I had no intention of letting a sprain stop us from enjoying the city. I&#039;d recommend it to anyone who wanted a short break away.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/its-been-a-while/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Great Ormond Street Hospital&#039;s charity Dr Who auction.</title>
		<link>http://www.ap4a.co.uk/archives/2006/great-ormond-street-hospitals-charity-dr-who-auction/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/great-ormond-street-hospitals-charity-dr-who-auction/#comments</comments>
		<pubDate>Thu, 15 Jun 2006 14:03:05 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/great-ormond-street-hospitals-charity-dr-who-auction/</guid>
		<description><![CDATA[I received this from a friend a few days ago, and with my usual sense of urgency have decided to post it up here. For those of you who don&#039;t know, Great Ormond Street is a major children&#039;s hospital located in London, and the GOSH Children&#039;s Charity aims to supplement the funding provided by the [...]]]></description>
			<content:encoded><![CDATA[<p>I received this from a friend a few days ago, and with my usual sense of urgency have decided to post it up here. For those of you who don&#039;t know, <a href="http://www.gosh.org/" title="Great Ormond Street Hospital and Childeren's Charity" class="external">Great Ormond Street</a> is a major children&#039;s hospital located in London, and the <acronym title="Great Ormond Street Hospital">GOSH</acronym> Children&#039;s Charity aims to supplement the funding provided by the <abbr title="National Health Service">NHS</abbr>. Anyway, here&#039;s <a href="http://www.hoscik.com/" title="Martin Hoscik's blog" class="external">Marty</a>&#039;s notice:</p>
<blockquote>
<p>Over the past few months I&#039;ve played a very tiny part in a VERY special auction which is now live. Some facts that might bore a few of you but:-</p>
<p>&#034;In 2005 Lancasters armourie were contracted by the <abbr title="British Broadcasting Corporation">BBC</abbr> to build a number of prop swords for the Christmas special episode of the hit revival of Doctor Who.</p>
<p>Used by Doctor Who actor David Tennant and the leader of the Sycorax race the swords were seen by 10 million viewers.</p>
<p>Now Lancasters are auctioning the prototype of the sword (above) in aid of London&#039;s Great Ormond Street Hospital.</p>
<p>And, as if owning this unique piece of television history wasn&#039;t enough Lancasters have been aided in their fundraising effort by the generosity BBC Wales and actors David Tennant and Sean Gilder who have provided their signatures for engraving on the blade.</p>
<p>The sword will be auctioned via ebay. Clive Lankford of Lancasters tell us they &#034;are not shy about the fact that we want this to make as much money for <abbr title="Great Ormond Street Hospital Children's Charity">GOSHCC</abbr> as possible&#034;.</p>
</blockquote>
<p>More information is available at <a href="http://www.mayorwatch.org.uk/news.php?article_id=300" class="external">Martin&#039;s &#034;MayorWatch&#034; website</a>,  and <a href="http://cgi.ebay.co.uk/Original-Doctor-Who-certified-signed-Sycorax-sword_W0QQitemZ6636630107QQcategoryZ1450QQssPageNameZWDVWQQrdZ1QQcmdZViewItem" title="Charity auction in aid of Great Ormond Street Hospital" class="external">the charity auction can be found on Ebay</a>. The auction is set to end on June 19, so if you want to get a bid in you still have a few days to do so.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/great-ormond-street-hospitals-charity-dr-who-auction/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>More meme madness</title>
		<link>http://www.ap4a.co.uk/archives/2006/more-meme-madness/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/more-meme-madness/#comments</comments>
		<pubDate>Tue, 30 May 2006 14:30:38 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/more-meme-madness/</guid>
		<description><![CDATA[Feel free to skip this if you&#039;re not interested in this kind of thing, but Toxie has meme tagged me. For revenge it seems. Anyway &#8230; I AM: a bit lax at posting here. I WANT: to get better at this web development malarky. I HATE: the stupid petty things that I should be able [...]]]></description>
			<content:encoded><![CDATA[<p>Feel free to skip this if you&#039;re not interested in this kind of thing, but <a href="http://www.toxic-web.co.uk/blog/2006/05/30/tagged-by/" title="Meme tagged by Toxie" class="external">Toxie</a> has meme tagged me. For revenge it seems. Anyway &#8230;</p>
<ul class="nobul meme">
<li>I AM: a bit lax at posting here.</li>
<li>I WANT: to get better at this web development malarky.</li>
<li>I HATE: the stupid petty things that I should be able to ignore.</li>
<li>I MISS: my parents.</li>
<li>I FEAR: being eaten alive.</li>
<li>I HEAR: a lot more than appearances indicate.</li>
<li>I WONDER: for a while, then I examine.</li>
<li>I REGRET: pretty much everything I did from 1978 to 1984.</li>
<li>I AM NOT: able to change those things.</li>
<li>I DANCE: almost as well as I sing.</li>
<li>I SING: incredibly well when incredibly drunk.</li>
<li>I SEE: amazing things.</li>
<li>I CRY: when no one appreciates my drunken singing.</li>
<li>I AM NOT ALWAYS: impatient.</li>
<li>I MAKE WITH MY HANDS: clicking noises.</li>
<li>I WRITE: occasionally.</li>
<li>I CONFUSE: now and then.</li>
<li>I NEED: motivation.</li>
<li>I SHOULD: learn javascript.</li>
<li>I START: with good intentions.</li>
<li>I FINISH: and want to redo it.</li>
</ul>
<p>The other poor unfortunates that I&#039;m inflicting this upon are:</p>
<ul class="nobul meme">
<li>Granty (link removed as his blog no longer exists)</li>
<li><a href="http://invisioncube.blogspot.com/" title="The Grumpy Old Man" class="external">Maz</a></li>
<li><a href="http://www.seaton-online.co.uk/" title="Paul Pleavin" class="external">Paul</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/more-meme-madness/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The First Annual CSS Naked Day</title>
		<link>http://www.ap4a.co.uk/archives/2006/annual-css-naked-day/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/annual-css-naked-day/#comments</comments>
		<pubDate>Tue, 04 Apr 2006 13:15:11 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/annual-css-naked-day/</guid>
		<description><![CDATA[Dustin Diaz has announced the first annual CSS naked day to take place on the 5th of April. I had wanted to announce my participation in the event prior to my CSS turning off, but I didn&#039;t get the chance to and now it&#039;s gone. Some of you may be wondering why I started early [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.dustindiaz.com/" rel="external" class="external">Dustin Diaz</a> has announced the <a href="http://www.dustindiaz.com/naked-day/" class="external">first annual <abbr title="Cascading style sheets">CSS</abbr> naked day</a> to take place on the 5th of April. I had wanted to announce my participation in the event prior to my CSS turning off, but I didn&#039;t get the chance to and now it&#039;s gone.</p>
<p>Some of you may be wondering why I started early &#8211; well I haven&#039;t really. You see I used the <abbr title="PHP hypertext preprocessor">PHP</abbr> function provided by <a href="http://iluke.net/" rel="external" class="external">Luke Wertz</a> to disable my CSS automatically and, as mentioned by Dustin, this will turn the CSS off as soon as it is the 5th of April anywhere in the World, and keep it turned off until it&#039;s no longer the 5th anywhere. In other words it&#039;s an annual CSS 2 naked days.</p>
<p>To find out what it&#039;s all about have a read of the <a href="http://www.dustindiaz.com/naked-day/" rel="external" title="annual CSS naked day" class="external">announcement</a>, however it&#039;s summed up quite well here by <a href="http://people.opera.com/howcome/" rel="external" class="external">H&aring;kon Wium Lie</a>, the creator of CSS:</p>
<blockquote cite="http://www.dustindiaz.com/naked-day/#comment-2934">
<p>This is a fun idea, fully in line with the reasons for creating CSS in the first place. While most designers are attracted by the extra presentational capabilities, saving <abbr title="HyperText Markup Language">HTML</abbr> from becoming a presentational language was probably a more important motivation for most people who participated in the beginning.</p></blockquote>
<p>H&aring;kon has pledged to take part, along with <a href="http://naked.dustindiaz.com/" rel="external" title="CSS Naked Day home page and participant list" class="external">several hundred other mental people</a> <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>In a little under 48 hours my CSS will return in a blaze of glory, in the meantime you get to see a more attractive ap4a.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/annual-css-naked-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recent changes on ap4a</title>
		<link>http://www.ap4a.co.uk/archives/2006/recent-changes-on-ap4a/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/recent-changes-on-ap4a/#comments</comments>
		<pubDate>Sun, 02 Apr 2006 15:24:37 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/recent-changes-on-ap4a/</guid>
		<description><![CDATA[Earlier this week I spent a few minutes tidying up the CSS, removing unnecessary selector duplications, combining identical rule sets, arranging the rule sets more logically, and removing excess white space, and removing whole style sheets that I&#039;d either made obsolete by eliminating the markup they styled, or by including the contents within others that [...]]]></description>
			<content:encoded><![CDATA[<p>Earlier this week I spent a few minutes tidying up the <abbr title="Cascading Style Sheets">CSS</abbr>, removing unnecessary selector duplications, combining identical rule sets, arranging the rule sets more logically, and removing excess white space, and removing whole style sheets that I&#039;d either made obsolete by eliminating the markup they styled, or by including the contents within others that more logically related to their purpose. Basically making the CSS more easy to manage and more logically structured for the way that I work. The reason this was necessary was simply because I was working from someone else&#039;s original CSS; CSS that was arranged in a way that they considered logical but to me was haphazard, and only became more haphazard as changes were made, and extra rule sets added. In  essence this is only a modified version of the default <a href="http://binarybonsai.com/wordpress/kubrick/" title="The Kubrick theme for WordPress" rel="external" class="external">Kubrick</a> theme for <a href="http://www.wordpress.org" rel="external" class="external">WordPress</a>.</p>
<p>When I first began to create my own theme for this blog I began by modifying the default which, at the time, seemed like a good idea considering how clean and simple it appeared to be. Looking back it probably wasn&#039;t the best idea considering that Kubrick is a very feature rich theme which has a lot of associated template files. What I should have done was either read up on the <a href="http://codex.wordpress.org/Designing_Themes_for_Public_Release" rel="external" class="external">designing WordPress themes for public release</a> documentation in order to learn how to do it from scratch, or chosen a simpler theme to develop the basic look from and then added features to that as necessary. That aside I&#039;ve still managed to learn a fair bit about how the back end of WordPress works as a result of my tinkering with Kubrick, so it&#039;s all good in the long term.</p>
<p>Anyway, as mentioned, a few changes have been made to the CSS. Overall this hasn&#039;t had much impact on how the site works in modern browsers, I&#039;ve tested it and am happy that it looks as intended in Internet Explorer 6 for Windows, Opera 8.52 and Opera 7.23 for Windows, and Firefox 1.5.0.1 for Windows. According to <a href="http://www.danvine.com/icapture" rel="external" title="Dan Vine's iCapture service" class="external">iCapture</a> it also looks right in Safari 2.0.3, so I&#039;m happy with that too. There are a couple of issues on Internet Explorer 5x for Windows however, and possibly <abbr title="Internet Explorer">IE</abbr> for <abbr title="Macintosh">Mac</abbr> &#8211; but I have no way of checking that.</p>
<p>In IE 5x for Windows there were, previously, a couple of very minor issues whereby the column side borders didn&#039;t quite meet the column headers, being separated by a one or two pixel gap. It was never something that I had bothered to correct as I chose not to use hacks for those browsers to fix a very minor issue in them &#8211; considering that they are very old, and very obsolete browsers, and this is a personal site. After the CSS alterations, however, there was slightly more of an issue. In IE 5.5 the third column on the front page dropped down beneath the second column &#8211; not something that would cause me any worry by itself, as the site is still fully functional and the drop doesn&#039;t detract to much for me to need to fix it for less than 1.5% of the visitors (sorry). In IE 5.01, however, the right-hand column borders were separated by 10 to 20 pixels from the column headers (ie. they were positioned 10 to 20 pixels too far to the right). This was an effect that I&#039;d seen early on in IE 6, and was one that wasn&#039;t acceptable. So I&#039;ve made a couple of minor changes, and even an IE5 stylesheet, to fix the worst of the issues &#8211; and after testing in both IE 5.01 and IE 5.5 it seems I&#039;ve achieved that, with the only outstanding problems being:</p>
<ol>
<li>The Google ads aren&#039;t centred. This is easy to fix by using text-align: center; to align them, but I would have to realign anything else that is affected by that and there&#039;s a lot that would be affected. All in all it&#039;s not enough of an issue to worry about bloating my style sheets in order to fix it.</li>
<li>A slight issue with the column headers in IE 5.01 only. If I get the time I may do something to fix that, but it isn&#039;t any kind of a priority for me as less than 1% of my visitors use that browser (and those that do could well be me using it for testing, not something that I care to go looking through my raw log files to check on).</li>
</ol>
<p>Beyond the reorganising of the site&#039;s CSS there have been a few other minor changes. A little while ago it was mentioned that <a href="http://www.invisioncube.com/board/index.php?s=&amp;showtopic=6248&amp;view=findpost&amp;p=32852" title="early feedback on the look of this site" rel="external" class="external">the stark black and white colour scheme was a little hard on the eyes</a>, so I softened that with shades of grey. I&#039;ve also responded to comments by <a href="http://www.stuffbysarah.net" title="Sarah's blog" rel="external" class="external">Sarah</a> and <a href="http://www.seaton-online.com" title="Paul Pleavin's 'Seaton Online' computer support site" rel="external" class="external">Paul</a>, that the site lacked colour, by using colourful versions of new elements that have been added to the site rather than imposing the greyscale colour scheme on them.</p>
<p>I&#039;ve also overtly linked, using nice colourful icons, to the different versions of the site&#039;s feeds to make subscribing easier. I&#039;ve also included links to various social bookmarking services to the archived version of each post, to make linking individual posts via those services easier on the odd occasion that someone chooses to do so. I will at some stage revise the selection to better target what I consider useful services &#8211; which may also include the addition of new services as they become available to <a href="http://www.paulstamatiou.com/2006/01/26/sociable-wordpress-plugin-for-social-bookmarking/" title="the Sociable plugin for WordPress" rel="external" class="external">the plugin used</a>. I&#039;ve also expanded the metadata aspects of the site by the inclusion of links to aspects of the <a href="http://technorati.com" rel="external" class="external">Technorati</a> service that apply to this site, as well as the inclusion of a <a href="http://www.foaf-project.org/" title="FOAF: Friend of a Friend" rel="external" class="external">Friend of a Friend</a> profile. </p>
<p>Finally there&#039;s also the addition of a couple of features to benefit commentors, such as the inclusion of <a href="http://www.gravatar.com/" rel="external" class="external">gravatars</a> on the site to enable them to have a more personalised/branded look to their comments. Also to benefit commentors with their own blogs/sites, I&#039;ve removed rel=&#034;nofollow&#034; from links to their homepage. This is in response to the <a href="http://www.yesfollow.org/" rel="external" class="external">YesFollow Project</a> that I first read about on <a href="http://www.barefootboo.co.uk/" rel="external" class="external">Barefoot Boo&#039;s blog</a> earlier today. I haven&#039;t, however, implemented fully. Firstly, all new comments will have rel=&#034;nofollow&#034; in place for the first 3 days in order for me to have time to review the linked site if I feel it necessary, after that initial period it will automagically remove the nofollow from the rel attribute. Second, I have a plugin that adds rel=&#034;nofollow&#034; to all links located within the body of comments. I&#039;m leaving this in place as I&#039;d rather not provide endorsements by proxy to third party sites. If I think a site has value to my readership then it&#039;s likely to be found in the sidebar links at some point in time &#8211; which I&#039;m currently in the process of updating.</p>
<p>So that&#039;s pretty much it. Hopefully the changes will prove to be of benefit to some and I&#039;ll continue to make changes as I see fit and when time permits, and as the above, hopefully, demonstrates in response to visitor feedback too.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/recent-changes-on-ap4a/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Where was I?</title>
		<link>http://www.ap4a.co.uk/archives/2006/where-was-i/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/where-was-i/#comments</comments>
		<pubDate>Thu, 30 Mar 2006 22:43:43 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/where-was-i/</guid>
		<description><![CDATA[Where was I? It&#039;s one of those questions that makes you wonder if you need an alibi, and I&#039;ve been asked it by Sarah. She wants to know where I was a year ago, 5 years ago and 10 years ago. Bit nosey hey? Ah well, here goes, briefly: Where was I one year ago? [...]]]></description>
			<content:encoded><![CDATA[<p>Where was I? It&#039;s one of those questions that makes you wonder if you need an alibi, and <a href="http://www.stuffbysarah.net/blog/2006/03/30/where-were-you/" title="Sarah's 'where were you?' blog entry" rel="external" class="external">I&#039;ve been asked it by Sarah</a>. She wants to know where I was a year ago, 5 years ago and 10 years ago. Bit nosey hey? Ah well, here goes, briefly:</p>
<h4>Where was I one year ago?</h4>
<p>Working full time as a hotel manager, and part time doing a few freelance web jobs. It was around this time last year, shortly after returning from a 3 month absence following surgery, that I decided I didn&#039;t like that job any more and so packed it in and went to work somewhere else for several thousand a year less. Other than that I was spending far too much of my time on <a href="http://www.dotdragnet.com/forum/" title="Dotdragnet Forum" rel="external" class="external">web design</a> and <a href="http://forum.netmag.co.uk" title="Netmag Forum" rel="external" class="external">internet</a> forums, and drinking beer.</p>
<h4>Where was I five years ago?</h4>
<p>Happily doing the job mentioned above, along with the (very) odd bit of web work. I was also doing a bit of student tutoring on the side.</p>
<h4>Where was I ten years ago?</h4>
<p>Spending most of my time being a student at Liverpool University, in the second year of a biochemistry degree, and the rest of the time being a layabout working at a holiday camp in North Wales.</p>
<p>Fascinating stuff, huh? <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Apparently I&#039;m supposed to inflict this on 3 other people. I choose <a href="http://www.pesticidejunkie.com/" rel="external" class="external">Martin Paling</a>, <a href="http://www.kevinleitch.co.uk/wp/home.php" rel="external" class="external">Kev Leitch</a> and <a href="http://www.toxic-web.co.uk/blog/" rel="external" class="external">Toxie</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/where-was-i/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Yes, it&#039;s still broken</title>
		<link>http://www.ap4a.co.uk/archives/2006/yes-its-still-broken/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/yes-its-still-broken/#comments</comments>
		<pubDate>Wed, 25 Jan 2006 04:41:16 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/yes-its-still-broken/</guid>
		<description><![CDATA[And will be for a few days more. I&#039;ll carry on as and when I can. In the meantime, has anyone else noticed that Firefox has a display bug when resized to 800&#215;600 pixels? My vertical scrollbar vanishes (irrespective of the site I&#039;m on) at that resolution and doesn&#039;t appear until it&#039;s resized to at [...]]]></description>
			<content:encoded><![CDATA[<p>And will be for a few days more. I&#039;ll carry on as and when I can.</p>
<p>In the meantime, has anyone else noticed that Firefox has a display bug when resized to 800&#215;600 pixels? My vertical scrollbar vanishes (irrespective of the site I&#039;m on) at that resolution and doesn&#039;t appear until it&#039;s resized to at least 900px. </p>
<p>Amended: looks like upgrading to <abbr title="Word Press">WP</abbr> 2.01 decided to break my sidebar headers <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_surprised.gif' alt=':o' class='wp-smiley' />  oh what joy. I suppose it serves me right for hacking the functions files <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_confused.gif' alt=':?' class='wp-smiley' /> </p>
<p>Amendment 2: Sidebar fixed <img src='http://www.ap4a.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/yes-its-still-broken/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Excuse me while I break this blog</title>
		<link>http://www.ap4a.co.uk/archives/2006/excuse-me-while-i-break-this-blog/</link>
		<comments>http://www.ap4a.co.uk/archives/2006/excuse-me-while-i-break-this-blog/#comments</comments>
		<pubDate>Sun, 22 Jan 2006 12:38:25 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/archives/2006/excuse-me-while-i-break-this-blog/</guid>
		<description><![CDATA[Don&#039;t mind me, I just want to test a few ideas.]]></description>
			<content:encoded><![CDATA[<p>Don&#039;t mind me, I just want to test a few ideas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2006/excuse-me-while-i-break-this-blog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Earning &#039;Free&#039; Money</title>
		<link>http://www.ap4a.co.uk/archives/2005/earning-free-money/</link>
		<comments>http://www.ap4a.co.uk/archives/2005/earning-free-money/#comments</comments>
		<pubDate>Mon, 21 Nov 2005 23:19:02 +0000</pubDate>
		<dc:creator>David Anderson</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.ap4a.co.uk/?p=14</guid>
		<description><![CDATA[There&#039;s a new craze sweeping the interweb folks, one that involves you earning money while you sleep. Yes, AISs are the new Hula Hoop&#8482; with hundreds of people jiggling their online hoops in the hope of striking it rich. Not one to be out done I&#039;ve decided to join the movers and shakers to see [...]]]></description>
			<content:encoded><![CDATA[<p>There&#039;s a new craze sweeping the interweb folks, one that involves you earning money while you sleep. Yes, <acronym title="Automated Income Stream">AIS</acronym>s are the new Hula Hoop&trade; with hundreds of people jiggling their online hoops in the hope of striking it rich. Not one to be out done I&#039;ve decided to join the movers and shakers to see if I can make my first million before the age of <del datetime="1987-03-08T00:00:01+00:00">21</del>, erm, well &#8230;</p>
<p><a href="http://www.tribal-tattoos.co.uk" class="external">Tribal Tattoos</a> is the <a href="http://www.stuffbysarah.net/ais/2005/11/21/new-ais-site-launched/" class="external">road to riches being taken by Sarah and I</a>. It&#039;s also a road that we&#039;ve put a bit of effort into &#8211; laid a few paving stones, dug a trench here and there, planted some shrubs. You know, tidied it up a bit. Amongst other things we&#039;ve researched the market, sourced a <a href="http://www.inkworm.co.uk" class="external">supplier</a> who&#039;s happy with the concept and the opportunity to have another outlet for his artwork, restructured the generated template with standards compliant markup and <abbr title="Cascading Style Sheets">CSS</abbr>, built a simple shop, and so on &#8211; in other words we&#039;ve invested a little time, effort and money into the venture and, most importantly in my opinion, we tried to make sure that we offer something of value to any visitors that drop by.</p>
<p>We&#039;ve also got a number of ideas that will mean we continue to work on it from time to time &#8211; including improving the site&#039;s accessibility (getting rid of the pixel widths would be a good start); adding links to the directories from the 600+ sites that we have to sift through; adding more flashes to the <a href="http://www.tribal-tattoos.co.uk/tattoo-shop.php" class="external">tattoo shop</a> and sourcing other products, such as the ebook we currently have under production.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ap4a.co.uk/archives/2005/earning-free-money/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
