Rebooted
So here it is at last, the rebooted Watchmaker Project 3.0 (although technically it’s actually the sixth incarnation, only two of the previous ones really count).
Hopefully my .htaccess hackage will mean that existing RSS subscribers will now receive the updated FeedBurner powered feed; if you don’t want to receive every single update, just update your feed subscriptions (see the bottom-right of the homepage for the various options now available).
So, what do you think?
About the ‘boot
I think this is the first design for the site that I’ve been really happy with, at least in part because it makes me feel that I am progressing in my development as a ‘designer’ (or am I supposed to call myself a ‘re-aligner’ now?) It’s a fluid layout (although I have to admit it does feel a little cramped on 800×600), and was originally to have featured the latest in current blog trends – fixed comment forms, slide-out Ajax-powered live search, all that jazz – but sadly I ran out of time to implement all of those. Perhaps they’ll pop up in a future “realignment”...
Nodes of inspiration
The original idea for the design came from an article that I read on (I think) Luke Wroblewski’s interface blog, where he mentioned that inspiration can often be drawn from nature, for example by making the background of a page shade from dark to light, top to bottom, to mimic the sky.
“Hey,” I thought, “why not just use the actual sky instead?” So I did. I may at some point make it a random sky tile for a bit of visual interest (or perhaps even hook into a weather feed a la Dunstan, and show you what the sky looks like where I am at any given time).
The flowers kind of tie in with the outdoorsy-nature theme (with a little nod to Mr Oxton, the original flowery blogger), and are useful as pointing devices, guiding the eye to the main content in the centre of the page.
The choice of Tahoma for main body text is lifted directly from Particletree, where I found it a readable change from Verdana or Trebuchet (I see they are also rebooting too – go check them out).
I’ve also added a few bits of meta information to each article; you can now bookmark each post within del.icio.us, and they are also Technorati tagged for your convenience. Whether these steps will actually add any value remains to be seen.
A realignment of purpose
I’ve already talked a little about the somewhat new direction certain parts of this site will be taking in the future, and – as soon as I finish writing this – I will start adding entries to the Projects area. Each individual project will have its own RSS feed, so if someone discovers the site through a music connection they can keep up with my progress without sifting through all the noise of web design entries.
There are a few other little touches I particularly like; the homepage title features a random song lyric (thanks to Drew McLellan’s dru_random_text plugin), article dates are nicely formatted, and the sidebar entries are now also commentable and bookmarkable. The comment form used to slide neatly into place and then be fixed as you scrolled, but somehow I broke my script and haven’t had time to fix it yet.
Known issues
The main thing that still needs looking at is the content of the header – apart from the homepage it remains resolutely empty as of this writing; I’ll copy the search form across, but I don’t really have a clear idea what else to put in there, apart from a vague notion of “cross-selling” other parts of the site from within each section.
There were a couple of bugs on Mac browsers, mainly relating to the comment form checkboxes, and the footer was not appearing at all on Safari 1.2 (can someone with 2.0 tell me whether it’s there for them?), and I’ve dropped support for IE5 completely due to it’s general crapness at handling PNG transparency and z-indexes.
Apart from that (plus a to-do list as long as your arm – first on the list, get the contact form working), I think we’re good to go. Perhaps a little bit early, but I know I’m not the first (Bryan, Ann)... ;)
Please let me know what you think, any bugs you find (arse, the footer is screwed up on the homepage already) or anything else you want to share. Thanks for looking – and good job (again!), Adam.
Filed under: The Site, Internet.
Technorati tags: css reboot reboot
Bookmark this article with del.icio.us
Previously: One more day
Next: A lyrical plan
Comments
- David Horn
- 2285 days ago
- And very nice it is too. Well done. It’s the article dates, and right hand side elements (comment form, etc.) that make it for me … gorgeous.
- #1
- Matthew Pennell
- 2285 days ago
- Thanks, David (and thanks for the opportunity to show off my new Gravatar as well!)
- #2
- Matthew Pennell
- 2285 days ago
- Damn, I knew I’d forget something, but this just has to be included in this post. The colour palette was created with a great deal of help from the Behr ColorSmart tool – it’s a Flash colour-matching system, where you choose your primary colour (the blue from the clouds in my case) and then it does the rest, recommending complementary colours.
It’s an excellent starting point for any design. - #4
- Dragan Babi?
- 2285 days ago
- You did a good job Mathew, the comment form is sweeeeet. :)
- #5
- Richard Conyard
- 2285 days ago
- Now that I like Mathew :-)
Shading behind some of the text with the background image probably wouldn’t cause any problems.
All in all very blwdi impressive! - #6
- Matthew Pennell
- 2285 days ago
- Neil, Dragan: Thanks.
Richard: Yes, I had to tone down some of the shadowing to avoid any clash with the text. - #7
- Patrick H. Lauke
- 2285 days ago
- some nice touches :)
oh…the “Live Preview” on the comment form seems a bit too far away from the box where I’m just typing…and on smaller screens I wouldn’t see it at all. Maybe make it part of the actual comment form itself? - #8
- Daniel Oliver
- 2285 days ago
- I saw this during some of it’s development stages and always loved the design. It’s great to see it all live and working.
I love it. Great work! - #9
- Matthew Pennell
- 2285 days ago
- Patrick/Mike: It was originally a lot closer due to the fixed-position comment form, but I broke my Javascript at some point last week and haven’t had time to fix it.
It’s on the list, though. :) - #11
- Matthew Pennell
- 2285 days ago
- Cheers Adam – and thanks for the mention in the Reboot footer too; you didn’t have to do that, I’m sure you’ve improved on my scripts by now!
- #13
- Nathan Smith
- 2285 days ago
- Matt – You’ve really outdone yourself this time. I’m just blown away by this new design. I submitted it to Unmatched Style, so hopefully they’ll think it’s good too. :)
- #15
- Matthew Pennell
- 2285 days ago
- Thanks guys. :)
- #17
- Andrew Disley
- 2285 days ago
- Lovely work Matt.
Digging the comment form. - #19
- Andy Saxton
- 2285 days ago
- Looking good.
Been thinking about going all PHP and wordpress myself.
Just started learning so will be a while yet though.
Is it easy enough to work with? - #20
- Matthew Pennell
- 2285 days ago
- Hi Andy – PHP is easy enough, if you’ve got a programming sort of a mind; I’m on Textpattern rather than Wordpress so I can’t really say how easy it is to hack with (presumably quite easy though, considering the number of plugins that have been written for it).
- #21
- tammie lister
- 2285 days ago
- Love the site – one of the highlights of css reboot for me. As a participant this time I am reminded and humbled by others’ entries. Yours really is standing out as a highlight for me.
- #22
- Matthew Pennell
- 2284 days ago
- Thanks, guys – Glen, the ‘this is not spam’ is actually part of the nhn_livecommentpreview Textpattern plugin by Nils Hörrmann; you’ll probably notice it in a few places these days.
- #24
- Karl Dawson
- 2284 days ago
- Top work fella!
- #26
- Michael Green
- 2282 days ago
- Great design and use of colour. Easily your best so far – look forward to seeing it evolve over time.
Soooo many entries to go through this time around … it was refreshing to come across one as clean and well thought out as yours. - #27
- David Brent
- 2282 days ago
- Hey Matthew, I thought you moved host? How’s Media Temple treating you?
Toby - #28
- Matthew Pennell
- 2281 days ago
- David: Unfortunately I found that MediaTemple didn’t offer me the flexibility I needed to handle multiple client websites on a single hosting account (their email system isn’t set up to deal with multiple users, really), so I’ve decided to stay where I am for the time being.
- #29
- John Serris
- 2270 days ago
- Wow! This looks fantastic man! Beautiful on a large res
- #30
- Eugen Tuning
- 1980 days ago
@Matthew Pennell : your blog design is reality nice! Great work, my respect :)
- #31