[SEO] Tidy up 4xx and 3xx issues

_posts/2009-12-22-typographic-work-planner.md

@@ -137,7 +137,7 @@ There are a few things in the table you may not have seen before, briefly, they
 
 ## Typographic work planner CSS:
 
-The CSS used to create the work planner is pretty basic, with a dash or progressive enhancement added via some CSS3. [View the full CSS file with reset etc.](http://csswizardry.com/demos/typographic-work-planner/css/style.css)
+The CSS used to create the work planner is pretty basic, with a dash or progressive enhancement added via some CSS3. [View the full CSS file with reset etc.](/demos/typographic-work-planner/css/style.css)
 
     table{
       margin-bottom:20px;
@@ -194,4 +194,4 @@ The CSS used to create the work planner is pretty basic, with a dash or progress
       padding:10px 5px;
     }
 
-**[Typographic work planner demo](http://csswizardry.com/demos/typographic-work-planner/)**
+**[Typographic work planner demo](/demos/typographic-work-planner/)**

_posts/2010-01-26-a-suitable-alternativeon-proper-use-of-alt-attributes.markdown

@@ -13,7 +13,7 @@ tag:
 - Semantics
 ---
 
-Images in HTML come with a mandatory attribute used to _textually_ describe the information displayed _visually_ through the image. The `alt` attribute ([not tag](http://csswizardry.com/eta)) is used by screenreaders etc to tell users who can't view the actual image what it represents. It is also used in any circumstance where images can't be loaded (slow connections, broken URIs etc).
+Images in HTML come with a mandatory attribute used to _textually_ describe the information displayed _visually_ through the image. The `alt` attribute (not _tag_) is used by screenreaders etc to tell users who can't view the actual image what it represents. It is also used in any circumstance where images can't be loaded (slow connections, broken URIs etc).
 
 
 
@@ -47,7 +47,7 @@ The next best scenario is that you are using images correctly, for their correct
 
 
 
-![A photograph of an abandoned car](http://csswizardry.com/wp-content/uploads/2010/01/car.jpg)
+![A photograph of an abandoned car](/wp-content/uploads/2010/01/car.jpg)
 
 
 
@@ -127,7 +127,7 @@ Writing proper `alt` text is incredibly simple, yet a little more time consuming
 
 
 
-Also, for any pages that use similar images repeatedly but are slightly different to one another, make sure your alt attributes reflect these differences. A good example would be [my portfolio page](http://csswizardry.com/portfolio/). Instead of using `alt="Screenshot"` over and over again I used text like `alt="Screenshot of Suzanna Haworth’s website"` and `alt="Screenshot of RAAMaudio UK Ltd."` etc.
+Also, for any pages that use similar images repeatedly but are slightly different to one another, make sure your alt attributes reflect these differences. A good example would be [my portfolio page](/portfolio/). Instead of using `alt="Screenshot"` over and over again I used text like `alt="Screenshot of Suzanna Haworth’s website"` and `alt="Screenshot of RAAMaudio UK Ltd."` etc.
 
 
 

_posts/2010-01-31-iphone-css-tips-for-building-iphone-websites.markdown

@@ -16,7 +16,7 @@ With the rapid rise in mobile browsers, it has probably never been more importan
 
 **N.B.** This article addresses iPhone development and iPhone development only. There is no reason why you cannot or should not develop for other mobile devices and platforms, Apple or otherwise. _This just happens to be an iPhone only post_.
 
-The practical upshot of this is that you need to do no cross-browser testing, and can use all the [CSS3](/css3/) you like. This post will show you some of the basics of developing and designing websites for the iPhone and Mobile Safari.
+The practical upshot of this is that you need to do no cross-browser testing, and can use all the CSS3 you like. This post will show you some of the basics of developing and designing websites for the iPhone and Mobile Safari.
 
 ## To start
 
@@ -55,7 +55,7 @@ Now, both when browsing and saving your site to their home screen, a user will o
 
 #### The home screen icon
 
-Actually making the icon is very simple. All you need to do is upload a 57x57px icon (usually a larger version of your favicon) to your server root. The icon must be named `apple-touch-icon.png`, and the iPhone will sort the rest out. See [my icon](http://csswizardry.com/apple-touch-icon.png).
+Actually making the icon is very simple. All you need to do is upload a 57x57px icon (usually a larger version of your favicon) to your server root. The icon must be named `apple-touch-icon.png`, and the iPhone will sort the rest out. See [my icon](/apple-touch-icon.png).
 
 ### Stopping user pinch-zooming
 
@@ -79,7 +79,7 @@ The first thing you need to do is make sure the HTML link element that points to
 
     <link rel="stylesheet" href="/path/to/style.css">
 
-Next, we're going to use [Quick Tip #15](http://csswizardry.com/quick-tips/#tip-15) that I wrote on my Quick Tips page. This means that we can just add our iPhone styles directly onto the end of the main stylesheet, and inherit all the styles set for desktop viewing:
+Next, we're going to use [Quick Tip #15](/quick-tips/#tip-15) that I wrote on my Quick Tips page. This means that we can just add our iPhone styles directly onto the end of the main stylesheet, and inherit all the styles set for desktop viewing:
 
     /*--- Main CSS here ---*/
 
@@ -179,6 +179,6 @@ As images inherently have a set pixel width (i.e. their own width) there is a hi
         }
     }
 
-Other than elements very specific to my site, that is pretty much [all the CSS I use to quickly size and linearise my content](/wp-content/themes/default/style.css). Any elements specific to your own site will obviously need considering on a case-by-case basis, but if you remember to not set absolute widths and to always linearise your content then it should be a doddle. Oh and it's a great time to use some guaranteed [CSS3](/css3/).
+Other than elements very specific to my site, that is pretty much [all the CSS I use to quickly size and linearise my content](/wp-content/themes/default/style.css). Any elements specific to your own site will obviously need considering on a case-by-case basis, but if you remember to not set absolute widths and to always linearise your content then it should be a doddle. Oh and it's a great time to use some guaranteed CSS3.
 
 Do you have an iPhone version of your site? Have you any more tips you'd like to add? Please do so in the comments below.

_posts/2010-02-02-css-bar-charts-styling-data-with-css3-and-progressive-enhancement.markdown

@@ -96,7 +96,7 @@ Internet Explorer(8)'s take on my bar charts is as you'd expect from any browser
 
 
 
-![A screenshot of the CSS bar chart in Internet Explorer 8](http://csswizardry.com/wp-content/uploads/2010/02/ie.gif)
+![A screenshot of the CSS bar chart in Internet Explorer 8](/wp-content/uploads/2010/02/ie.gif)
 
 
 
@@ -113,7 +113,7 @@ Next up is Firefox, where we add some round corners to the blue bars, and also a
 
 
 
-![A screenshot of the CSS bar chart in Firefox](http://csswizardry.com/wp-content/uploads/2010/02/firefox.gif)
+![A screenshot of the CSS bar chart in Firefox](/wp-content/uploads/2010/02/firefox.gif)
 
 
 
@@ -130,7 +130,7 @@ It is in Webkit based browsers such as Safari and Chrome that the real magic hap
 
 
 
-![A screenshot of the CSS bar chart in Safari](http://csswizardry.com/wp-content/uploads/2010/02/safari.gif)
+![A screenshot of the CSS bar chart in Safari](/wp-content/uploads/2010/02/safari.gif)
 
 
 
@@ -152,7 +152,7 @@ However, for the real show-piece, the Webkit animation. I'm not using any Javasc
 
 
 
-Now that's the theory covered, let's look at what does all this stuff... Please note, I have used some PHP to randomise the values used by the bars of the chart. As a result, some CSS appears in the source code of the PHP file, and the rest in [the page's CSS file](http://csswizardry.com/demos/graphs/css/style.css). The code shown in the examples below is condensed into one large chunk.
+Now that's the theory covered, let's look at what does all this stuff... Please note, I have used some PHP to randomise the values used by the bars of the chart. As a result, some CSS appears in the source code of the PHP file, and the rest in [the page's CSS file](/demos/graphs/css/style.css). The code shown in the examples below is condensed into one large chunk.
 
 
 

_posts/2010-02-11-mutiple-column-lists-using-one-ul.markdown

@@ -19,7 +19,7 @@ This is a quick, simple tutorial on how to create multiple column lists by only
 
 
 
-## [View demo](http://csswizardry.com/demos/multiple-column-lists/)
+## [View demo](/demos/multiple-column-lists/)
 
 
 

_posts/2010-02-19-typographic-phrases-or-how-to-turn-sayings-geeky.markdown

@@ -26,7 +26,7 @@ A while ago I had the idea to express some old sayings in a silly, geeky way, us
 
 
 
-![Many hands make light work](http://csswizardry.com/wp-content/uploads/2010/02/many-hands.jpg)
+![Many hands make light work](/wp-content/uploads/2010/02/many-hands.jpg)
 
 
 
@@ -43,7 +43,7 @@ There are lots of contradictions in sayings and phrases. Like this one, if many
 
 
 
-![Too many cooks spoil the broth](http://csswizardry.com/wp-content/uploads/2010/02/too-many-cooks.jpg)
+![Too many cooks spoil the broth](/wp-content/uploads/2010/02/too-many-cooks.jpg)
 
 
 
@@ -54,7 +54,7 @@ There are lots of contradictions in sayings and phrases. Like this one, if many
 
 
 
-![A stitch in time saves nine](http://csswizardry.com/wp-content/uploads/2010/02/a-stitch-in-time.jpg)
+![A stitch in time saves nine](/wp-content/uploads/2010/02/a-stitch-in-time.jpg)
 
 
 
@@ -65,7 +65,7 @@ There are lots of contradictions in sayings and phrases. Like this one, if many
 
 
 
-![While the cat is away the mice will play](http://csswizardry.com/wp-content/uploads/2010/02/while-the-cat-is-away.jpg)
+![While the cat is away the mice will play](/wp-content/uploads/2010/02/while-the-cat-is-away.jpg)
 
 
 
@@ -76,7 +76,7 @@ There are lots of contradictions in sayings and phrases. Like this one, if many
 
 
 
-![Absence makes the heart grow fonder vs. time is a great healer](http://csswizardry.com/wp-content/uploads/2010/02/absence.jpg)
+![Absence makes the heart grow fonder vs. time is a great healer](/wp-content/uploads/2010/02/absence.jpg)
 
 
 
@@ -93,7 +93,7 @@ This one is another glaring contradiction, so I decided to combine the two into
 
 
 
-![Out of sight, out of mind](http://csswizardry.com/wp-content/uploads/2010/02/out-of-sight.jpg)
+![Out of sight, out of mind](/wp-content/uploads/2010/02/out-of-sight.jpg)
 
 
 
@@ -109,7 +109,7 @@ This one doesn't really follow the code paradigm, but I thought I'd include it a
 
 
 
-![Two wrongs don't make a right](http://csswizardry.com/wp-content/uploads/2010/02/two-wrongs.jpg)
+![Two wrongs don't make a right](/wp-content/uploads/2010/02/two-wrongs.jpg)
 
 
 

_posts/2010-02-24-type-tipsquick-tips-on-all-things-web-typography.markdown

@@ -20,7 +20,7 @@ Yesterday I released [Type Tips](/type-tips/), a collection of short and simple
 
 
 
-[![A screenshot of type tips](http://csswizardry.com/wp-content/uploads/2010/02/type-tips.jpg)](/type-tips/)
+[![A screenshot of type tips](/wp-content/uploads/2010/02/type-tips.jpg)](/type-tips/)
 
 
 

_posts/2010-02-28-suzanna-haworth-redesign.markdown

@@ -16,13 +16,13 @@ tag:
 - Wordpress
 ---
 
-Having only put the first version of Suze's site live [a few months ago](http://csswizardry.com/2009/12/suzanna-haworth-photography/), we both decided it needed a whole new approach. Originally a static site, built with my own PHP framework, it relied on manual updates from me, which meant that for the sake of efficiency updates had to happen once there was enough content to upload; ergo not very often. After porting CSS Wizardry over to Wordpress and being very impressed, I decided that was the best approach for Suze too. This meant she could update her own site as often as she wanted.
+Having only put the first version of Suze's site live [a few months ago](/2009/12/suzanna-haworth-photography/), we both decided it needed a whole new approach. Originally a static site, built with my own PHP framework, it relied on manual updates from me, which meant that for the sake of efficiency updates had to happen once there was enough content to upload; ergo not very often. After porting CSS Wizardry over to Wordpress and being very impressed, I decided that was the best approach for Suze too. This meant she could update her own site as often as she wanted.
 
 
 
 
 
-[![A screenshot of Suzanna's new site](http://csswizardry.com/wp-content/uploads/2010/02/suze-site.jpg)](http://suzannahaworth.com/)
+[![A screenshot of Suzanna's new site](/wp-content/uploads/2010/02/suze-site.jpg)](http://suzannahaworth.com/)
 
 
 

_posts/2010-02-28-usability-in-everyday-items.markdown

@@ -18,7 +18,7 @@ Yesterday when <del>being dragged around shops by</del> out shopping with my gir
 ## The shampoo lid
 
 
-![A photograph of matching bottles of shampoo and conditioner, illustrating lid differences](http://csswizardry.com/wp-content/uploads/2010/02/shampoo.jpg)
+![A photograph of matching bottles of shampoo and conditioner, illustrating lid differences](/wp-content/uploads/2010/02/shampoo.jpg)
 
 
 Imagine the scenario, you're a girl with long hair and you're washing it in the shower. Your hair is in your eyes, and covered in shampoo. Opening your eyes would lead to some serious stinging! You reach down and below you, by your feet, you have two identical bottles--except they're not identical... One has its lid on the top and the the other has its lid on the bottom. As long as you've learnt which one's which, as my girlfriend clearly has, you know without having to open your eyes which bottle you have hold of. This is a really ingenious piece of usability, yet so so simple.

_posts/2010-03-02-a-quick-note-on-border-radius.markdown

@@ -54,7 +54,7 @@ Wrong, you can actually use the `border-radius` shorthand to nail this in three
 
 
 
-The syntax follows the following rule: `border-radius:top-left top-right bottom-right bottom-left;`. I've tested this in Firefox (`-moz-border-radius`), Webkit (`-webkit-border-radius`) and Opera (`border-radius`) and [it works just fine](http://csswizardry.com/demos/border-radius/).
+The syntax follows the following rule: `border-radius:top-left top-right bottom-right bottom-left;`. I've tested this in Firefox (`-moz-border-radius`), Webkit (`-webkit-border-radius`) and Opera (`border-radius`) and [it works just fine](/demos/border-radius/).
 
 
 

_posts/2010-03-02-moving-forward-is-holding-us-back.md

@@ -37,13 +37,13 @@ netbooks are set at about 1024px wide. Such a shift toward mobile and portable
 devices mean that screen sizes are actually getting _smaller_.
 
 In my opinion, [iPhones and other mobile devices should be handled
-separately](http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/),
+separately](/2010/01/iphone-css-tips-for-building-iphone-websites/),
 serving them device specific CSS. Netbooks on the other hand are still ‘desktop’
 machines like any other. Their smallness is their key feature, and at 1024px
 horizontal resolution, they aren’t that small anyway…
 
 With [the 960 Grid System](http://960.gs/), and [an optimum line length of 52-78
-characters](http://csswizardry.com/type-tips/#tip-09), sticking to 1024px
+characters](/type-tips/#tip-09), sticking to 1024px
 shouldn’t be that difficult anyway. I believe that although desktop monitor
 sizes are generally getting larger, other equally important technologies are
 creeping up, and as responsible developers you should cater for them. Sure you
@@ -78,11 +78,10 @@ iPhone loading poorly optimised sites is a real grind, and via some sensible
 optimisation these problems can be easily alleviated.
 
 However, a more interesting example might be the one that happened to myself…
-When [we first started at Venturelab](http://csswizardry.com/2010/01/pastures-newfrom-sense-to-venturelab/)
-we really were building the company from the ground up. For the first few weeks
-we were without desktop machines _and_ internet. I was working on a 10.1″
-netbook with a screen resolution of 1024x600px, and over a poor 3G connection
-via a dongle.
+When we first started at Venturelab we really were building the company from the
+ground up. For the first few weeks we were without desktop machines _and_
+internet. I was working on a 10.1″ netbook with a screen resolution of
+1024x600px, and over a poor 3G connection via a dongle.
 
 > Accessibility isn’t just about disabilities, it’s about varying degrees of
 > ability to access content.

_posts/2010-10-19-things-are-changing-at-css-wizardry.markdown

@@ -13,9 +13,9 @@ tag:
 
 Things are changing... but not much, thankfully. In light of a culmination of recent events, I have decided to start [advertising](/advertising/) on CSS Wizardry. Not spammy, unmoderated Google ads, or intrusive, unrelated and pointless ones, but single, exclusive ads reserved for one advertiser per month and for only £150. Here's why, after three years, I've made that decision...
 
-The timing is handy. CSS Wizardry has just broken the [50,000 visitors-in-30-days milestone](http://csswizardry.com/wp-content/uploads/2010/10/stats.jpg) and its [associated Twitter account](http://twitter.com/csswizardry) has just exceeded 2,500 followers. These followers include some of the industry's most esteemed individuals.
+The timing is handy. CSS Wizardry has just broken the [50,000 visitors-in-30-days milestone](/wp-content/uploads/2010/10/stats.jpg) and its [associated Twitter account](http://twitter.com/csswizardry) has just exceeded 2,500 followers. These followers include some of the industry's most esteemed individuals.
 
-You may be familiar with [this recent article](http://csswizardry.com/2010/09/css-wizardry-personal-content-and-getting-things-for-free/) about CSS Wizardry's content and getting things for free. Well it's true, I put a lot of effort into writing articles here and, if recent traffic and follower counts are anything to go by, you guys seem to enjoy them. I love this, this is what keeps me writing, I just _love_ doing it. However, whilst I don't mind the time cost, there is the financial cost of maintaining CSS Wizardry. Next month I get the £xxx.xx bill for a year's hosting and although I'm more than happy to pay it, it will be coming out of my salaried pay-packet.
+You may be familiar with [this recent article](/2010/09/css-wizardry-personal-content-and-getting-things-for-free/) about CSS Wizardry's content and getting things for free. Well it's true, I put a lot of effort into writing articles here and, if recent traffic and follower counts are anything to go by, you guys seem to enjoy them. I love this, this is what keeps me writing, I just _love_ doing it. However, whilst I don't mind the time cost, there is the financial cost of maintaining CSS Wizardry. Next month I get the £xxx.xx bill for a year's hosting and although I'm more than happy to pay it, it will be coming out of my salaried pay-packet.
 
 So I've decided that it's time to attempt to monetise CSS Wizardry. Ads will not be expensive, as they don't need to be. They will not be spammy, because I don't want them to be. There will not be multitudes of them, because I'm sure you don't want there to be.