Feb 13, 2002, 8:35pm

Did you know my Coffeekid site is over 2 years old now? And there's almost 450 pages on the site, not including the recently removed "reviews" section. All hand coded. It's become a monster. And while the design is something I'm proud of, for a long time I was thinking the site is a bit long in the tooth.

So I'm designing the new version.

To the right you see some screen shots from the test pages, laid out in HTML, using DHTML, CSS, and a bit of javascript. It's still a work in progress, but the design is more or less complete now.

The "design" of the site is changed quite a bit from the previous site. Version 1.1 of CoffeeKid (not many people know there was a version 0.9 and 1.0) had a kind of cartoony focus with fun fonts and lots of original (and some commercial) cartoon style clip art. I liked that design, still do, but for this new version, I had to find a way to not confuse people who visited, but still change it to something that I've wanted to do for a while now - a website with photography as the primary design motif.

I worked on this by keeping many of the cartoony clip art images, doing some new ones as well, but using them in a very de-emphasised way. They still identify sections, but they are not the primary indicator.

Color was another issue to tackle. CoffeeKid V1.1 is very much a "coffee flavoured" colour scheme, with browns used all over the place. I decided to retain this for the two most important parts of the site - the left-side navigation bar, and the rants page features the same tan brown for the right side.

As you can see from the screenshots, photos play a major role. And the website is highly elastic (meaning it stretches to fit bigger browser windows). But unlike some of the other recent websites I've done, I was very cognitant of keeping text line widths down to around 15 words at 800x600, and a max of 19 or 20 at 1024x768 window sizes. This should ease a big complaint (one of few, but one heard often) about CoffeeKid V1.1 - on some pages, the lines of text are just too long to read comfortably.

One other issue with the site that came down to choices was browser compatibility. Unlike the commercial work I do, where tight compatibility with many types of browsers is crucial, coffeekid is my hobby site, and well, I'm not selling anything. As such, I decided to only support current browsers - that is Opera 5 and above, Netscape 6 and above, Mozilla 0.9.2 and above, and Internet Explorer 5 and above. People using other browsers should be able to view all the content on the site, but I can't (well, won't) guarantee how good it will look.

I'm looking forward to getting this thing out the door, and launched. We (WebMotif) have to finish commercial (paid for) projects before I can unleash my programming gurus on this personal project, but I'm hoping it might be live within a few weeks.

2 comments | reply

Mixelania

Photos from Algonquin Park
Photos from my trip to Algonquin Park this fall with my Mom and two brothers.

War Stories

Making Snow for the Fortress
One of the worst jobs I ever had... till I got out.

Webiffied

Tools I Use
The tools I use to build websites and lead a tech life.

iPod and iTunes Offline

iMark's iTunes and iPod isn't iPlaying anything right iNow.

Most Recent Songs

Fiddlers Green by The Tragically Hip

Around The Bend by Pearl Jam

Here With Me (Rollo's Chillin' With the Family Mix) by Dido

With arms open wide by Creed

truffle pigs by Matthew Good Band

In the News

Burundi and Beyond - NY Times
Great article by Peter Meehan - provided some background.

St. Petersburg Times
Side mention in an article about good machines

AP Story on Espresso
Background and information provided

NY Times - Grinders Article
Especially proud of this one - got the reporter to focus on grinders

Globe and Mail
LOL - showing bad reporting, dude says I'm an American-based site!

The Olympian, WA
Talks about my love for the El Sal Siberia Pacamara

Seattle Times - Clover
Interviewed for comments on the Clover brewer

NY Times - How it Works
Background and information for various espresso machines

Time Mag Article
Just a brief mention, article about roasting beans.

NY Times
Front page article about consumers getting into specialty coffee.

Washington Monthly
Quoted reference to what I wrote in an article at CoffeeGeek.

USA Today - Barista Jam
Intereviewed for my thoughts on what the epitome of espresso is.

WSJ Article
The Wall Street Journal has interviewed me 3 times. This is the first time my name got in a story.

Reuters Interview
Interview with Reuters, Jan 2 - this is the USA Today version.

My Other Stuff

CoffeeGeek
Launched Dec 22, 2001, this is THE online community for espresso and coffee fanatics.

CoffeeKid Website
It's all new, as of March, 2002. My personal coffee obsession site.

WebMotif Services
My company's site - needs an update!

Amazon WishList
Hey, if you feel the need to buy me something, check here!

Daily Visits

enGadget
Great gadget site run by the guy who used to do Gizmodo.

Google News
This is how I get my daily news fix.

DPReview Forums`
The most active forums for digital photography online today.

Daily Zen
Need my Daily Zen fix!

Jalopnik
A blog about car stuff. Vroom Vroom.

MoCo Loco
An industrial design blog. Very cool stuff.

Friends and Family Plan

Beata Blog
Beata's got her own blog! She updates it most days.

Riddla on Flickr
Matt Riddle's flickr account, updated regularly

Irdy Photos
Irdy, my friend from Jakharta, on Flickr

Recent Acquisitions

Canon EF 24-105 f4 L Lens
The best lens I've ever owned. Super sharp and quick.

Canon 5D
A full frame dSLR, with luscious colour reproduction.

Alzo Digital Lights
Some amazing florescent cold lights for product photography

Canon Xsi dSLR
Amazing technology and image quality in a tiny package.

Canon 40D
Latest prosumer camera from Canon - a much better upgrade than the 30D

Fujitsu P1610
Great 2.2lb computer that does most of my travel / writing needs

28mm f1.8 Lens
A great lens for closeup work and full picture photography

Foodsaver Advanced
Finally got the right tools for freezing green coffee.

Canon 50mm 1.4
Most amazing lens I've ever owned. Produces stellar photos.

Canon 10-22mm
Super wide angle (full frame fisheye) zoom for my Canon 20D