A Redesign For Life (Well, for a bit anyway)

By RPS on April 29th, 2008 at 12:50 pm.

Yes, we’ve had one. Will be tweaked in the next week or so, so don’t start screaming. Lots of new cleverness. Please keep comments in this thread and don’t get too angry. We wouldn’t like you when you’re angry.

__________________

« | »

, .

89 Comments »

  1. Meat Circus says:

    Why so many different fonts?

    Are you indecisive?

  2. James says:

    Why so many different fonts?

    Are you indecisive?

    No, no. John, Jim, Alec and Kieron all have different fonts. Like WWF Theme Tunes.

    (Yes.)

  3. roryok says:

    I like it.

  4. Colthor says:

    The dark-grey-on-black of the “Read: our finest words” and “Respond: to our gibberish” headings on the right isn’t terribly easy to make out.

  5. Jim Rossignol says:

    We did actually try a unified fonts theme and it looked weird and unhappy somehow. More fonts the merrier, it seems.

  6. phuzz says:

    quite like it (but avoid white text on black background please, it hurts my eyeses).
    Right now the side bar has decided to position it’s self above all the articles, but it was working five minutes ago so I assume that’ll go away in a moment

  7. Kieron Gillen says:

    Yes, we hope so too.

    KG

  8. Kris says:

    Just in case you haven’t noticed, the sidebar is hovering above the main article body in Firefox 3 Beta 4, for me at least.

    E: Nvm, I’m late as always.

  9. Janto says:

    yeah, looks like something went wonky with the site’s css, specifically float. Someone hasn’t been closing divs! Once the code bug’s fixed I think it’ll look sweet.

  10. James says:

    Fortunately for RPS, I now provide the comic relief with my amazing ability to randomly delete sections of code and bring the entire site down.

    (Fixed.)

    @Janto: I just typed over a section of CSS when I was looking at the other screen. Woe is me.

  11. Lightbulb says:

    I like it. As already stated plame grey on dark grey doesn’t actually show up butr other than that its good.

    Not sure i like the big speech bubble icon but thats kinda minor. :)

  12. kevinn says:

    At least it’s viewable now in Safari for Windows.

  13. Lightbulb says:

    Hmmm that text seems to have been fixed…

  14. Mooey Poo says:

    I bet Kieron wrote this post.

    What price now, for a shallow piece of dignity?

  15. WinstonWolf says:

    I don’t like that text bubble at the end of every article. Too big and obnoxious :(

  16. Kieron Gillen says:

    Mooey: I’m transparent, me.

    KG

  17. Pishtaco says:

    What happened to the titles of blog entries? I’ve got a feeling that they used to behave like normal links, and you could open them in a new tab. Now they’re acting weird: sometimes the mouse pointer changes to a hand, like it’s a link, but it doesn’t let you open it in tab; sometimes the pointer doesn’t change at all, but you can still go to the page of the entry by double clicking (this is in Firefox 1.5). Or was it always like this?

    The huge message bubble is unsightly. The word “comment” appears right next to it, anyway.

  18. Tunips says:

    I use Opera – when I middle click on a post title, it doesn’t open in a new tab any more. And the little pointing hand hangs around after I move off the title.
    I like the colours. Feels more refined. Perhaps I shall fetch my smoking jacket before reading tomorrow.

    “Opinion away!” captures marvellously the commenting experience.

  19. Jim Rossignol says:

    The headers are poshed up Flash font handlers, possibly a bit buggy.

    Poor comment bubble, he’s got so few friends.

  20. johnsto says:

    I like it!

    The comment formatting are still a bit ‘meh’ though – ‘specially the gravatar username bit – spice it up! Just make the “username says:” bit bold or something for a start. I’d suggest splitting it into two columns – the left one just wide enough to fit the gravatar at the top, and the right column filling the rest of the space with the ‘username says: (linebreak) blah blah blerugh blah blah blah’.

    Also, setting the width height on the gravatar images to 50×50 will stop Firefox shuffling everything around as the page is loading.

  21. J says:

    I hate to bitch since your content is so great but I’m not a fan of the heavy black background.

  22. James says:

    If the comment bubble goes, so do I!

    (Flash headings don’t act like normal ones, I will look into an alternative method.)

  23. sinister agent says:

    Sinister black backgrounds and bold, clear themes. I heartily approve.

    Also, an oft-misunderstood orange. This pleases me.

  24. James says:

    Please keep spotting bugs and posting them here.

    (The comment bubble isn’t a bug. Sod off.)

  25. Chris Evans says:

    Most interesting, I initially support this brave new direction!

  26. Pishtaco says:

    I don’t see the link to a random old article on the right hand side anymore. I miss it; it’s caught my eye quite a few times recently and led me somewhere interesting.

  27. Alec Meer says:

    It’ll be coming back – needs some tinkerage to work, so we’re just waiting to iron out all the wrinkles in the core design first.

  28. Monkfish says:

    I’m liking it, ‘cept for the Flashified headings. I’m already missing the ability to middle-click on them to open an article in another tab (although I’ve found a workaround in middle-clicking the comments speech bubble instead).

    One buggette: the dash between the comment and share links is broken in IE (I think it’s missing a semi-colon in t’source). Looks OK in FF and Safari, though.

  29. James says:

    @Monkfish: good call, fixed.

  30. Citizen Parker says:

    Lovely! One more vote for no white text on black backgrounds however. Old coots like me can’t handle that so well.

  31. James T says:

    We did actually try a unified fonts theme and it looked weird and unhappy somehow. More fonts the merrier, it seems.

    *wince* ask anyone, less is more in font land. Plus, that way you wouldn’t have to do that little Flash thing to post an obscure font, like you apparently have on the right! And making them a simple text link again would cater to the “I liked to middle-click those headings’ crowd. Win-win-win: the ultimate outcome, just ask Michael Scott!

    edit: Jeez, I didn’t even see the ‘feature article’ titles; what possessed you to go with that? Huge clash with every other design element of the site.

    Anyway, that aside, things seem nice. You’ll notice that RPS author comments are no longer highlighted, which makes posts like James’ just above look a touch presumptuous (‘who is this James to request such a thing?!’; happens all the time when reading Eurogamer posts…), so you might want to restore that, somehow or other.

    A separator or tinted block might be nice to isolate the “comment/share/tags” section of the post so that the reader doesn’t lump the ‘Read the rest of the story’ link in with that stuff and initially skim past it, like I already have a time or two.

    When loading a page, I noticed the headings now appear awhile after the main text; what’s up with that? The old way was a lot more informative during a long load — and they do happen.

    At least you’re not in IGN “unreadable until the white BG image finally loads after everything else has loaded” territory. They should be shot.

  32. dwm says:

    The magic flash title renderer breaks on my client. (It draws the text in a white box, which — if the text is also white — doesn’t work quite so well.)

    But I’m running Firefox Beta 3 on a Linux box, so you might not care that much.

    (You could drop the flash not-quite-magic and just use regular font rules, and accept that not everyone will have the desired face. Or you could add an @font-face live-download rule for those browsers that understand it.)

    The white small-caps serifs on the top-of-page links are nice.

  33. Cigol says:

    Not a particular fan of the contrast between elements, but it’s not bad by any means (although what prompted the need for a redesign in the first place?). Me don’t like change!

    But, I’m still having problems getting the background to show up on my end. Using ‘view background’ (around the title image at the top) I get the error stating that this file is not available or words to that effect with this directory listing given; “/wp-content/themes/rps20/images/header-img.php”

  34. Rook says:

    On the front page, all the boxes are square, but when you click through onto a story all the white boxes have rounded corners. Pick one and stick to it!

  35. Jim Rossignol says:

    Keep posting bugs as you find them, we might not get round to fixing them for a while, mind.

    We just wanted a tidier site. There were some functionality changes that you guys might not notice, and so overhauling the visuals at the same time made sense.

  36. Jim Rossignol says:

    Rook: they’re rounded on the front page too.

  37. Pishtaco says:

    They are square while the page is loading, then turn round at the end. The front page takes a long time to load as it messes about with gametrailers stuff, so sometimes you never get the round corners. (In Firefox)

  38. Rook says:

    Oops. It takes a while for the rendering to sort itself out, so I’ve usually clicked through before it’s done that. I think the sharp corners gel better with the rest of the site and it doesn’t take as long to draw….. must…. complain…..

  39. Cigol says:

    I’m sure James (et al) expect complaints, not compliments. This is the Internet after all :D

  40. Lacero says:

    I think this is much better than it used to be. Especially the “opinion away” button.

  41. Kieron Gillen says:

    I too highly approve of the Opinion Away! button.

    KG

  42. Alex says:

    The “opinion away!” button is a vast improvement.

    I like the rounded corners, it pleases mine eyelets.

    I will now unleash this opinion with gusto!

  43. James G says:

    I’m having a few rendering errors whith the ‘comment’ links hovering beneath the bottom of their boxes. However I think thats mainly due to my work having no concept of keeping software up to date and using the most buggy version of Mozilla known to man. (RPS actually crashes the other computer in the lab. I suppose that’ll teach me not to surf the net when I should be working)

  44. Burgerboy says:

    Looks good, but the flash font headings are pretty annoying. Personally I don’t mind the speech bubble :)

    Could be a little less left/right margin I guess – on lower res screens (poor ole me on 1024×768) it adds a bit to the vertical scrolling.

    Edit: And the opinion away button definitely gets a plus 1 from me.

  45. Thiefsie says:

    I can’t middle click (in firefox) on the article titles to bring them up in a new tab. this is travesty!

  46. eoy says:

    The comment bubble is kinda awful and takes up way too much space. The round breaks between the posts makes every single thing become it’s own section. In my opinion it would be better if there was fewer separate elements.

  47. understanic says:

    The flash headings aren’t a good idea. The page is noticeably slower now. And, whilst we’re on a similar subject, how about a new logo?

    edit: and I just got an awesome bug where the “Add your comment” header marched down the page as it reloaded after posting.

  48. understanic says:

    test

    edit: and again. Using FF 2 on linux with adblock and noscript (turned off).

  49. Garreett says:

    IE tabs/Open In New Window doesn’t work either.