rebelutionary 2.0
Wow – it’s been a long time since the last blog redesign. The old rebelutionary design (screenshot below for posterity) was done more than 3 years ago in April, 2003 in an era where tables ruled supreme, CSS was something Wired just started using on it’s homepage and “delicious”:http://del.icio.us didn’t exist.
After a few hours of dedicated hacking, I’ve rediscovered the long lost (to me anyway) joy of pure HTML design.
For those interested, the new site uses:
* Yahoo’s brilliant “Grid CSS”:http://developer.yahoo.com/yui/grids/ component CSS layout (and the Reset and Fonts components for cross browser design stability)
* “NiftyCube”:http://www.html.it/articoli/niftycube/index.html for the 2.0-compliant rounded corners (without images)
* A shiny new “FeedBurner”:http://www.feedburner.com feed for Atom/RSS0.9/RSS1.0/HTML feed support
* And a few “remote widgets” from “delicious”:http://del.icio.us and “flickr”:http://www.flickr.com to provide syndicated content.
It also has a much more up-to-date right hand “about” sidebar for those wondering what I’m up to these days. The last one hadn’t been updated in years.
Like it? Hate it? Prefer the old one with the personal art? Let me know.
Very cool!
BTW, please, link the blog title to your blog home
Another tip, you forget to change your “comment made” template
Too bad you used fixed-with layout. It hardly fits into my usual browser size (2/3 of the screen width) and waste whole a lot of scrren estate when browser is maximized. Also, what is with those green colors?
Mike, quite like the new design.
One issue though – the visual distinction between separate comments on blog posts could be better?
Nice, fresh design. When you say “a few hours of dedicated hacking” would you care to share more about the experience? What was easy, what was hard, what tools did you use (jEdit?) etc?
Hey Mike,
This one is starting to grow on my slowly, although I do miss the oversized cartoon image of yourself had going on the old layout. As for the GridCSS, it is totally sweet!
Nice work Mike, though I’m going to miss that oversized figure on the right hand side
Hey what’s Bamboo? A new Atlassian product? Tell us all about it in a new blogpost?
Cheers,
Simon
I’ve been using that Yahoo CSS, but now I gotta get me some rounded corners. Thanks for the pointer to Nifty.
I’ve fixed the egregious IE bug for those who mentioned it on email, thanks guys!
Diego – blog title is linked, and each individual entry is linked now too. Thanks for the pick up.
eu – Sorry you don’t like the width. I figured on a blog, 1000 pixels is fine now. Most people have big screens right? Besides, the main content is on the left.
Damian – good catch I’ve fixed that now. Should be better.
Peter – I used IDEA, I actually find it an awesome HTML editor. For a “code” centric person, it is brilliant. I really enjoyed the experience because I don’t write much code anymore, and the time I get to design HTML and CSS, well, that’s even rarer! It was quite easy all told. Design is the hard part, implementation is easy (perhaps with the exception of those annoying browser incompatibilities).
Dan – thanks mate! I’ll try to squeeze that picture in, or I might even redraw it. Who knows, perhaps I’ll sketch a different photo this time.
Simon – Another vote for the old artwork!
Cheers guys!
Mike
On safari, it looks like a little bit too much room between the columns, to my eyes, anyway. Looks good, though, and thanks for the pointer to Nifty…
Lookin’ pretty sweet. I didn’t know you were living part time in SF…I think it’s high time we got some beers.
I’m old school – content trumps presentation every time.
So I don’t mind how it looks as long as you keep it updated
I find the content column a bit narrow since I have my monitor set to portrait, but since I read through an aggregator anyway…