It's been a while since I began work on the new version of AddedBytes.com. There was a lot to do. I had a few specific aims for the move:
- New Platform: bBlog, though it had served me well, was no longer being updated. The version I was running was hideously out of date, fairly bloated, and a pain to maintain by the end. It was also causing problems for the VPS it was running on.
- New Host: The site was outgrowing the JaguarPC VPS it was on, and was suffering downtime. I wanted more control over my own hosting and an opportunity to learn more about hosting my own site. So a self-managed VPS was on the list.
- New Design: The old design was thrown together pretty quickly after the incident with the trademark police. I wanted something brighter, cleaner and more spacious.
In no particular order, here are a few useful (hopefully) tricks I learned along the way:
HTML 5
The site uses HTML 5, at least in a basic fashion - <header> tags, that sort of thing. I like a lot of what HTML 5 promises, but so far I'm not sure what the advantages are to you, the reader. Semantic improvement is great, but many of the advantages of HTML 5 seem to be in areas that I just won't be using - audio, video etc.
Hosting
There are a bajillion hosts offering everything under the sun to anyone with a dollar to their name. The small print for each is, it seems, a bit of a minefield. What's the point in offering unlimited bandwidth when CPU usage is capped at such a low level that 6 people visiting on the same day will put you over the limit?
Equally, what's the point of hiring support people without basic technical hosting knowledge? In the course of my regular work, I've encountered support staff at one major international host who told me that it was normal for a site to go offline for three days while it was moved from shared hosting to a VPS. Three days to move an ecommerce site? Normal? Last time I had a site moved by a host it happened in off hours, cost nothing and there was no downtime. The same support staff have told me that it is impossible to host a site with one company and the DNS with another.
I'm in danger of veering off into ranty territory here, so I'll pull myself back from the brink and leave you with what I've taken away from the experience. That being that there is an unholy triangle for web hosting - you want a cheap price, high capacity and great support? Pick two.
Ultimately, I've gone the self-managed route (with Slicehost) for a couple of reasons. First, hosting management is something I dabble with occasionally when a client requires it, but my knowledge is spartan at best and I can increase my own value to an employer if I bring server management skills and experience to the table. Second, I wanted to be forced to fix my own mistakes. When something breaks now, I'm not going to be able to simply file a support ticket and have it fixed. Baptism by fire.
Typography
I'm lucky enough to work with some great designers at GSBA, and have been picking up little bits and pieces along the way. One thing that I have come to realise is that adjusting typography is a neverending mission. One minute you're playing with line heights and word spacing ... the next you're worrying about orphans and adjusting margins to line up letter stems.
You're Awesome
Within a couple of hours of launching the new site I had a collection of emails from people pointing out problems. And these were good bug reports - including a URL, an explanation of what they saw ... sometimes a screenshot. Made replicating and fixing problems a doddle. So thanks!
Character Sets Can Ruin You
The old site's database stored data in ISO-8859-1. The data was actually UTF-8. PHP was running as ISO-8859-1. The site was rendered as UTF-8. I think. I'm still not entirely sure. Moving that data to a system running entirely as UTF-8 was a painful experience. Character sets can be a nightmare, especially when you're setting things up yourself. Pick one and stick with it, for everything. One day, when I can bring myself to (or am forced to) revisit the problems I had with this, I'll write up what I learned and how I got things working.
Listen to Other People
Especially when they tell you that when you're working on your IP tables configuration, it's important not to log out until you've verified everything works. Because if you log out before you check and something's broken, you cannot get back in. Tough lesson, that one. Which brings me to ...
Backup from the Beginning
Seriously, it's never, ever too early. If you start out by grabbing snapshots and organising them effectively, you'll be much more likely to be in a position to revert a bad change. With self-managed hosting in particular it is very easy to rush a change that looks innocuous but ends with it utterly destroying everything you've worked on so far.
Separation is Good
I moved my email to Google Apps a couple of years ago (and it's been great so far). I dread to think how complicated this would have been if I'd kept my email at the same place as the site. Having the email handled elsewhere hugely reduced the work involved in moving things around. Same with the DNS - it's entirely separate from everything else. The move involved just changing A records around - minimal risk and easy to reset.
Launching Feels Good
It feels good, but nerve-wracking, to press the button and make a move. It feels even better when, a few days later, you haven't had to revert the entire process.

14 Comments
Congrats on the relaunch Dave. Looks quite nice and look forward to seeing a certain future cheat sheet. ;)
On the HTML5 front, some great info and design patterns can be found at http://j.mp/7e7kg0
Keep up the great work.
Replies: #6.
#1, Ryan Thrash, 7 December 2009. Reply to this.
Looks good!
#2, Casey, 7 December 2009. Reply to this.
Great job on the redesign. I really like the clean feel your site has.
I appreciate you sharing your thoughts (good and bad).
Keep up the great work!
#3, David Summers, United States, 7 December 2009. Reply to this.
It would be interesting to read on your experience of moving to Slicehost...Specifically, getting started, setting up, configuration, etc.
Replies: #6.
#4, Grant Palin, Canada, 8 December 2009. Reply to this.
Just out of interest, what slicehost package are you running this site on?
Also, great design!
Replies: #6.
#5, David, 11 December 2009. Reply to this.
#1 Ryan: Thanks for the link! MODx cheat sheet is a nice idea ... will see what I can do.
#4 Grant: I've been working on a "how to". The problem is that I'm not really experienced enough to be teaching other people this stuff yet. I would like to share what I've learned though, so I might just put together a brief diary of what I did.
#5 David: It's on the 512 package.
#6, DaveChild, United Kingdom, 11 December 2009. Reply to this.
You needn't be "experienced", but a description of your real-world experience of setting up and using a slice would be very welcome. It is a move I am contemplating, and I am looking for information on the process.
On another note, there's some curious behaviour of the comment form. Whenever I hit TAB to move from one field to the next, the page scrolls back to the top.
Replies: #10.
#7, Grant Palin, Canada, 12 December 2009. Reply to this.
Well the hard work paid off site looks great, congrats.
It's too bad about the whole Jack thing I'm surprised that was ever an issue, seems like loving there product would be good for business but w/e.
#8, Tom, USA, 19 December 2009. Reply to this.
Nice summary.
I'm in the middle of moving a set of websites that I manage and am glad to know I'm not alone in experiencing some of the challenges. (Email being the one I'm most nervous about.) I very much agree with separation of DNS, hosting, and email. I've kept DNS and hosting separate from the start, but unfortunately need to move some email over to google belatedly. Live and learn.
Nice update on the look of the site too. Very clean. :)
(btw, I'm experienced the same tab issue mentioned by Grant Palin)
#9, Robbie, Canada, 13 January 2010. Reply to this.
#7 and #9: I can't reproduce the problem - what browser and OS are you seeing the strange behaviour on?
#10, DaveChild, United Kingdom, 20 January 2010. Reply to this.
Website looks great, really like the top breadcrumb navigation, however the comment boxes all appear to blur together, maybe due to the blue boxes when you comment yourself.
#11, недвижимость в пафосе, Cyprus, 20 January 2010. Reply to this.
I must say im impressed with the result.
Only comment i have to the result is that the top navigation bar "hangs" when i scroll down fast in my browser. I use Firefox
#12, Mikael Hostrup, Denmark, 30 January 2010. Reply to this.
All new ideas are accepted! Well done, you're taking care of your resourse!
#13, term paper services, 26 February 2010. Reply to this.
Hi Dave! Thank you very much for putting this site together it has been a very USEFUL place for me! Keep it up!
#14, George, USA, 13 April 2010. Reply to this.