Blog » design

My dad can has blog

Check out my dad's new blog!

August 12th 2008 00:30

For those who haven’t put the two and two together, my dad is Jack Stephen who can sometimes be found in the comments on this site. (I can tell you, it’s strange calling my dad ‘Jack’ just so that other people can follow the conversation properly.)

Over the weekend I set up a blog for him at which he posts as his science fiction writing alter-ego, Jack Deighton. It’s called A Son of the Rock.

I did the “gold” and black masthead because I thought he would appreciate that being a fan of Dumbarton Football Club. However, coming up with a complementary colour for the links was a tough job. Despite a plethora of suggestions I received on Twitter and Facebook (thank you all), nothing looked right to me. Perhaps that’s because I just don’t like the mustard colour. In the end I settled on the blue.

The eagle-eyed among you will spot that the theme is basically the one I use for Scottish Roundup but tweaked a bit (which, in fairness, is in turn just the default WordPress theme tweaked). That was part of the problem with the blue links. If it was scrolled down and I couldn’t see the masthead it reminded me far too much of Scottish Roundup. Hopefully I’ve tweaked it enough to keep it fresh and different.

Incidentally, my dad is now the third member of the family to have started blogging. He joins me (obviously) and my brother who blogs at Onebrow along with his girlfriend Laura.

Rate: No votes yet
Loading ... Loading ...

A few more tweaks

I've taken into account your suggestions

December 29th 2007 22:23. Updated: December 29th 2007 22:28

I’m in the process of writing the next post in my series about music and the internet, but it’s proving to be a bit of an epic. It is probably better to spread the posts out anyway. I doubt many people want to read my ranting and raving about the music industry between Christmas and new year.

In the meantime, here is a quick post to point out that I have tweaked the design a bit. I took account of the feedback you all gave me when I originally unveiled this design — all much appreciated.

MatGB wanted a darker background. I have made the background slightly darker, but you probably won’t notice it isn’t white. It is a very light grey. I tried darker greys, but it never looked right to me.

Clive thought the font size was too big. It is big, but for some reason Cambria is quite a small font (to my eyes at least). I did try to reduce it, but it just doesn’t work for me. Part of the reason for this is the fact that the column is so wide now that reducing the font size means having too many words on one line. So I’ve decided to keep the font sizes as they are. If you want a smaller font size, adjust the browser settings.

I have made the colours slightly more muted, as Duncan suggested. The original design had rather simple greens, yellows and reds colours. I have toned down the greens so that they are darker, and the yellow for categories has become a mellow orange.

I have fixed the tags page, so it is back with even more taggy goodness than before. I should point out that tags is a bit of a work-in-progress now. Over the years the tags have become quite messy, so I am having to tidy them up. It is quite time consuming though. I did ‘a’ a couple of months ago and yesterday I did ‘b’. So it’ll be a while until it’s perfect. But it works fine as it is really.

I have also opted to put the dates back in everywhere. I did feel lost without them.

There are still some weird spacing issues in both Internet Exploder and Opera. I guess this is to be expected since I designed it using Firefox. I’ve tried to sort out as many of the niggles as I could, but some of them have really stumped me. They are not too serious though, so I’m just going to leave them as they are.

“Only” 55% of this blog’s visitors use Internet Explorer any more anyway. Probably in 2008 IE users will finally be in a minority (for this blog at least). Seriously people, just use Firefox. It would make our lives so much easier.

I just have a couple more tweaks here and there to do (mostly getting a ‘credits’ section finished). So I am tentatively calling the design finished. Comments are still welcome though.

Rate: No votes yet
Loading ... Loading ...

A new look

The rationale and inspiration behind the blog's new design

December 18th 2007 03:49. Updated: December 18th 2007 17:51

Yes, I’ve decided to give the blog a new look again. I couldn’t wait to get this up, but it’s not quite finished. I still need to do a few tweaks here and there. (Surprise surprise, it looks a bit guff in Internet Exploder.) But it’s quite late now and I can’t bring myself to switch it back to the old theme, so I’m throwing caution to the wind and leaving it up.

I’ll update this post later some time in the afternoon explaining the thinking behind it all. In the meantime, if you spot any problems or if you have any suggestions, please leave a comment.

Update: Okay, so now I have the time to post a bit about what I’ve done here.

Perhaps the first thing I should point out is the fact that, regrettably, some URLs have changed. Permalinks to posts and the like should still work perfectly. But you’ll notice that I’ve moved the pages in the navigation panel around a bit. I’ve also reorganised the categories (in fact, I haven’t quite finished that yet).

Speaking of categories, I have finally created a ‘media’ category. It never quite made sense for media posts to be listed under ‘entertainment’, particularly if I was writing about some kind of media coverage of a serious story. So I’ve gone ahead and separated them, and now television, radio and newspapers are listed under media. As such, some category URLs have also changed, so sorry about that if you had them bookmarked or something.

So why the change? Well, I am still very fond of the old design. It will probably make a reappearance somewhere — possibly on another blog. But perhaps I will release it as a WordPress theme for others to use — if I can find the time to make the appropriate tweaks to it.

Despite my pride though, I was always aware that a lot of people were not very keen on the previous design. And it has been there for almost a year. (Maybe this change will become an annual occurrence, a doctorvee Christmas tradition.)

Common complaints were about the dark background (apparently an acquired taste) and the bright links. So I’ve decided to swing back to a white background and rather more muted colours, if you can call green muted.

This is also the equivalent of growing a moustache to try and signify that you are growing up (not that many people grow moustaches these days, but you know what I mean). The previous design was deliberately jazzy and distinctive. But since then I have become a can’t-get-away-from-it adult. And in the next few months I will hopefully be finished with university.

So that means ditching the childish neon colours and adopting a serif font. I have spoken before about my devotion to Verdana, but I am afraid I have become rather tired of it. It is suffering from Times New Roman syndrome.

You know. It’s become a ubiquitous, default font. As such, it is used in so many pieces of ugly design. We have all stumbled upon badly thrown-together websites written in Verdana, just as we see too many passive aggressive notes written in Times New Roman.

I had become very keen on the recently redesigned websites for Times Online and Guardian Unlimited. Both use plenty of Georgia, so I was going to use that. Besides Times New Roman, it’s the only core serif font anyway.

But while I was designing I visited Modern Life which uses Cambria. It is basically the Vista version of Times New Roman, but lovely. I fell in love and decided to use the font on my blog. But as far as I know Cambria is only available on Vista, so for everyone else it is still Georgia.

A funny thing about Cambria is that it appears to be extraordinarily small, so the font size is rather large. But there’s nothing wrong with that I suppose.

Headings and some other bits and pieces are in Helvetica where possible, although Windows users (including me!) will have to make do with Arial. I know it’s a bit clichéd, and rather too ubiquitous, but you never grow tired of it. I do love Helvetica so I was keen to use it when I decided to give the blog a cleaner design.

I suppose now is a good time to talk about the general inspiration for the redesign. I was tempted to go back to a clinical, Helvetica-led design when I first saw screenshots for the new beta version of Delicious. Delicious is a very apt word. Mind you, the end result on this blog has ended up looking very little like the Delicious screenshots.

A more direct inspiration has been the beautifully-designed Lokesh Dhakar website. In fact, parts of this blog’s design have turned out to be embarrassingly similar. I first came across his blog when I read this guide to different kinds of coffee and it instantly struck me as an excellent design.

Layout-wise, I very much went for the ‘less is more’ approach. This has meant compromises in places, but I’ll go on to that. The main change is that I’ve moved away from a three column layout to two columns. I had read somewhere that multiple columns just confuse people, which makes sense. So it’s back to one sidebar.

I was keen to get everything lined up nicely with each other. This does make it look quite neat, but one problem is that the main column is quite close to the sidebar. The solution was to have a neat line running along the left of the sidebar, although I’m still not sure if it is enough. I toyed with using full justification, but decided in the end that the cons outweighed the pros.

Despite the intimate position of the main column and the sidebar, the page is wider than before. Making good use of the space available and all that. As such, the design only really works if your screen is at least 1024 pixels wide. But the same was true of the previous design. And people with smaller screens make up around 3% of this blog’s visitors. Sorry to those 3%, but the rest of us just get masses of white space.

On to the content. One thing you’ll notice is that categories are now taking pride of place above every single post. They used to be hidden away, only appearing in the sidebar of single post pages.

The reason I’ve made them more prominent is because over the years I have become more and more guilty about the fact that this blog is a bit of a ragbag of different topics. And the Formula 1 posts in particular are beginning to overshadow everything else. So having the category as the first thing of every post is just a heads-up for everyone, so that you know what the post is about and you can easily skip the posts you aren’t interested in.

Another new addition is subtitles. I saw this on a few other blogs and really liked the idea, so I’m going to give it a go. Inspired by this article, I did it using custom fields, a feature of WordPress that I have never really explored before.

Gone from the top of the post, however, are the date and the comments link. The date still appears there on single posts, but I am thinking of including them everywhere again. I already feel a bit lost without them (although I didn’t use dates much on any of the designs I used before the previous one).

I am also open to putting the comments link back up there, although the link still appears at the bottom of the post as expected. Any comments on this would be appreciated.

I have also taken the plunge and decided to add a ShareThis button, despite what I wrote about it a few months ago. I’m still experimenting with the position of this, so any ideas would be welcome.

Over to the sidebar. I’ve reduced the amount of stuff that’s there to a bare minimum. The latest comment is still there as I like to highlight the great discussions that go on in the comments, which is really what blogging is all about.

Twitter is still there, although I’ve reduced it to just the latest update rather than the last three. Delicious too has been reduced to just the five most recent links. I normally post to Delicious more often than five times a day, so this might be a bit odd. But there is method to my madness.

I made a decision a short while ago that this blog should concentrate mainly on original content. That’s just the way the blog has evolved, and I don’t really like to fob people off with YouTube clips all the time.

But it’s good to highlight interesting websites and videos. After all, that was the original meaning of the word ‘weblog’, celebrating its tenth anniversary this week. So I will create another home for them. Probably a tumblelog, but I will get round to that later.

The other prominent feature on the main page (and, indeed, every page, the big whore that I am) is adverts. An early version of this design had the adverts appearing in a garish green colour scheme, but I screwed my head on enough to revert to a more sane grey version. I am ridiculously proud of having the idea of paying homage to Associated-Rediffusion, which wouldn’t really have worked with the green scheme.

The part of the design I am most worried about is the comments. For some reason, I always find the comments section the most difficult to design, and this time was no different.

I decided to move the comment author information to the left of the comment rather than above. Part of this was to get the full size of the Gravatar displayed, which would take up too much room if you have it above. It is also a layout familiar to message board users, so no real issue there.

There is a problem, however, if somebody has quite a long word in their name. In a recent example, Bellgrovebelle is cut off, although there are worse examples. Thankfully, these are quite rare and hopefully not too distracting.

As has already been noted by Ollie in the comments to this post, there is an inconsistency between the sizes of the Gravatars and the Identicons. I’ve not worked too hard on this yet, although my attempts so far have only produced pixellated-looking Identicons. I am working on it though.

Other features I’m thinking about adding to the comments section are favicons and OpenID.

In the pages (about, archives, etc.) I have also removed a lot of stuff that I didn’t really consider important any more. I’m thinking of completely uninstalling the post popularity plugin as this blog now has a post ratings system which I prefer. As for the other stuff, see if you can work out what’s gone. I doubt anyone will be too upset.

One last thing. I am using some icons from the Silk set by Fam Fam Fam. I’ve still not quite finished this aspect of the design, as I’m not sure which bits should have icons and which shouldn’t.

I think that just about covers it. Sorry this post went on for so long. I would be grateful to hear any comments or ideas. And of course, if something seems broken then please let me know about it!

Rate: No votes yet
Loading ... Loading ...

Hats off to The Daily Mail

August 28th 2007 15:05. Updated: August 28th 2007 17:30

I don’t say this often, but I have to hand it to the Daily Mail. And I’m not being sarcastic! Because their website is really rather good.

Last week some journalists got all excited because the latest ABCe figures came out, telling them just how many people are reading their words. Marcus Warren from The Telegraph (or TCUK as it is apparently now known… Christ) said:

As is always the way with statistics, everyone has something to crow about in last week’s ABC Electronic figures for July, most notably the Daily Mail. Theirs was certainly the headline-grabbing performance , one so impressive that it appeared to shock most of the blogging media pudits into silence. All power to the Mail then.

Telegraph link via Martin Stabe.

The Media Guardian report says that the Daily Mail website was visited by 11,865,039 unique users, over three quarters of whom are visiting from outside the UK. (Insert your own “they come to our country stealing our bandwidth” joke here.) This makes it the most popular newspaper website apart from Guardian Unlimited.

It’s astonishing in one way because just a few years ago the Daily Mail did not even have a website. Now it has one of the most popular in the country. You have to admit that their website is pretty slick compared to a lot of newspaper websites.

This is probably helped by the fact that it is relatively new. A lot of newspaper websites were designed several years ago. In the intervening period they have had to shoehorn in features like RSS feeds, blogs, comment systems, social bookmarking and goodness knows what else. These websites are now cluttered full of stuff that they were not originally designed to accommodate. Sometimes jumping from page to page presents you with jarring differences in style (hello, Guardian Unlimited).

The Daily Mail, meanwhile, produced a slick website that had all of these features from the get-go. Maybe a few years down the line the Mail’s website will also begin to creak heavily due to old age. But there is something else that sets the Daily Mail website apart from the others.

The Mail’s website makes heavy use of images. Each article is full of images, and they are not tiny little ones stuck in the corner. In fact, most of them take up the same width as a paragraph. It looks fantastic.

On many other newspaper websites, all too often you could find yourself reading an article that does not have any images in it, even if the original print version did. This is especially irritating when the article actually makes reference to the image. This is not much use if you are using the website where you can’t see it!

Perhaps for this very reason, whenever I follow a link to the Daily Mail’s website, I usually find myself exploring one or two more pages before going away. Its design and approach actually encourages me to read further, even though I am the sort of person who would not touch a hard copy of the Daily Mail with a bargepole!

Holyrood Watcher has recently been complaining about newspaper websites. He seems to have been set off by the website of the Sunday Herald. And who could blame him? It is a truly dire website.

I mean, just look at it. If you read the bit in the top right hand corner that says “Est. 1999″ you might be tempted to think that this was the last time the website was touched. But no. The Sunday Herald must be one of the few MSM websites that has actually become worse over time.

Compare today’s front page with a few from years gone by that I have found on the Wayback Machine. even better in 2002.

Today? It is almost as if they want to turn visitors away. The older versions hint at masses of content to choose from. Check out the navigation links on the left-hand side of the old sites — nowhere to be seen today. Now there is just a list of three stories from each section, with no images like the old websites. Astonishingly stale and not at all enticing.

I have only spoken about the design so far. There are also the technical problems that Holyrood Watcher mentions. I missed what happened last Sunday, but I know the problem with words running into each other. In fact, it seems to happen on practically every article these days. Check out the first few paragraphs of this week’s main story:

SEVEN PEOPLE, including two girls, were last night being heldoverthekillingof 11-year-old Rhys Jones. Five were arrested in raids yesterdayaroundtheCroxteth area of Liverpool, wheretheschoolboy was shot on Wednesday.

Police were granted an extension to detain the sixth, a boy of 15, who was arrested on Friday.

Theyarresteda seventh teenager last night. The 19-year-old man from the local area is being questioned by detectives on suspicion of murder.

This takes the total of people in custodylastnighttoseven.Nine have been arrested in total, with two currently on bail.

I mean, how does this even happen? Is it not easy to fix? It really is as if nobody checks to make sure the website is working properly. I don’t understand why they do not just move the Sunday Herald’s content onto The Herald’s website, which is miles better.

Holyrood Watcher also makes a good point about The Scotsman (which is down at the moment of writing!). In this era of Web 2.0, blogging and all the rest of it, what use is their potentially interesting content doing behind a subscription wall?

I don’t know how much traffic newspaper sites get from blogs, but it must be quite a lot these days. Yet The Scotsman locks away the content that bloggers would be most likely to link to. Newspapers that persist on locking their content away need to look to The Guardian, the most popular newspaper website around. It seems to survive perfectly fine without having to offer any “premium” content.

I have no complaints about the design of The Times website. They recently radically overhauled the design of the website and it looks tip-top now (although a lot of people probably still wonder — why lime green?). And they managed to achieve it all in one go, unlike the uncomfortable bit-by-bit redesign of Guardian Unlimited.

But, as Holyrood Watcher points out, where is Ecosse now? David Farrer complained about it way back in February. He was told that it would come back, but it is still nowhere to be seen.

A couple of weeks ago I spotted Ryan Morrison saying:

BBC News is in need of a major redesign to bring it inline with the web2.0 world. There are so many new concepts, ideas and services surrounding the new web that the old News Template is creaking a bit.

He has a point. As I mentioned before, most of the newspaper websites have been struggling to smoothly integrate Web 2.0 features into their old websites.

But I think the BBC News website is a lot better than its rivals from the press. The pages are not nearly as cluttered and are still pleasant to look at. This is no doubt helped by the fact that they do not contain obtrusive adverts that the other sites have to carry.

Of all of the news sites on the internet, I like BBC News the most by far. At the moment my second port of call is Scotsman.com, but only because the current “under reconstruction” nature of Guardian Unlimited really gets on my nerves.

For more on newspaper websites, check out Martin Belam’s astonishingly in-depth posts at Currybet.

Rate: No votes yet
Loading ... Loading ...

Watch out — I have begun tinkering

August 25th 2007 15:12. Updated: August 25th 2007 21:42

After an astonishingly tinker-free summer, I have made a few changes on the blog.

Perhaps the most important is the reintroduction of the Best of page, which I hinted at a couple of months ago. This is just to attract attention to some of the notable posts I have written in the past. There is a huge number of archived posts here, so it is impossible for people to find the really good ones. Hopefully the Best of page will make it a bit easier.

The first section of the Best of page is what was there before I took it down. These are not posts that I have chosen, but posts that have attracted some kind of attention beyond what is normal. They have either been mentioned in the mainstream media, the Britblog Roundup (or a similarly prestigious blogging showcase) or used as a citation in Wikipedia. So if you’re a relatively new reader, why not check out some of these older posts?

If you scroll beyond that list, you will see something absolutely brand spanking new. After years of dithering about it, I have finally installed a post ratings plugin (WP-PostRatings).

I was looking for something a bit more like a thumbs-up / thumbs-down system, but I couldn’t find one, so we have a star ratings system (although I’m using squares because the stars look crap against the dark background). So please feel free to rate my posts as you read them — it only takes a click.

To encourage people, I have rated the posts on the front page, but I will probably step back from rating my own posts in the long term. If this system gives good results, I might place the list on the sidebar rather than in the middle of the Best of page.

The only problem with the ratings plugin is that it adds substantially to the clutter at the bottom of the post. I do make efforts to keep the clutter to a minimum in general, but I can’t think how else I can add the ratings system without cluttering it up.

I needed something better than what I had before, which was the ‘most popular posts’ list. This is calculated mostly on page views (but also things like comments and trackbacks). Unfortunately, this means that far from highlighting the best posts, it actually merely shows the posts that Google likes the most. This means that some of the posts on the list are not only not-good, but they are actually actively bad. I will keep the feature there, but it’s not a very good list.

The same goes for the ‘most commented on’ posts. Comments are great, but any threads that get more than about 15 or 20 soon descend into crazy flame wars, loon magnetism, and generally generate more heat than light. It’s probably not the side of this blog that I should be putting out there.

I have also finally got round to redesigning the 404 page. Unfortunately it is cluttered with adverts, which I’m not sure about. I can’t really be bothered getting rid of them yet, so I might just leave it as it is. But at least now it actually matches with the rest of the pages on the blog!

I still have not got round to designing a theme for people who do not like the current one (I plan to let visitors choose which they prefer between two). I might not get round to it in the end.

I probably have not stopped tinkering, because tinkering is like eating Pringles and the itch that gets worse the more you scratch it. But I thought I would just point out what I have done so far because [moment of honesty coming up] I can’t be arsed writing about anything else at the moment.

Update: I knew there was something I forgot! A few weeks back I changed the links page so that it automatically contains every blog that I read in Google Reader. So if I’m reading your blog, it’s on the links page. It’s quite good to not have to worry about updating the links manually now. The internet truly is making us a bunch of lazy bastards.

If you’re wondering how it works and want to add it to your own blog, all of the information is here.

(Incidentally, if you are wondering about Scottish political blogs, I keep most of them in a separate folder for me to concentrate on for the roundup. So many of these blogs will not appear on my links page yet, even if I read them.)

Rate: +1 (Votes: 1)
Loading ... Loading ...