Review Request: f00die photography

taff's picture

They have: 956 posts

Joined: Jun 2001

It's been a while so what the heck...

sitesunseen.com/clients/foodie/

I was hoping to get some feedback on this very unfinished layout. I've travelled that long path from "really not liking it" to "maybe it's not so bad"

General feedback is always welcome but there are some specific things I'm looking for:

The colours aren't web-safe. Is anyone picking up a discernable edge between the text graphics (gif) and the background tiles (jpg)? The old monitor I use for testing this sort of thing has gone to the great component dump in the sky Sad

Does the righthand edge need some sort of separation from the background? I'm inclined to think it does but the client likes it.

Portfolio: I've got the thumbnails loading the larger images vias javascript, as well as the header and caption. So far this is working for me in everything but Opera (v6 here).

Although my client is on Mac, I've no idea what Safari thinks of it all so I'd love some Safari-specific feedback.

If someone feels up to sneaking a peek at the js, I'd appreciate it also. I'm sure that it could be coded much more efficiently - arrays give me rashes Sticking out tongue

The images are all dummy fillers and the thumbnails are currently forced down from 72x72 to 60x60 (I wasn't gonna resize that many *dummy* thumbnails! :eek: )

That's about it unless y'all notice anything else for me.

Thanks in advance.

.....

He has: 173 posts

Joined: Nov 2002

Hello taff. Smiling

I noticed the following:

HOME AND PORTFOLIO PAGES: Just a bit too much white space above the pics . . . perhaps line up the top of the pics with the word "home" in the left-side navigation. Also, the purplish line under the nav links works, but doesn't quite match with the green (unless the client likes it, of course Smiling).

Also, on the "about" and "services" pages, I felt the two columns of black text were practically running into each other.

That's about it.

taff's picture

They have: 956 posts

Joined: Jun 2001

Quote: Originally posted by fiesty_01
Also, the purplish line under the nav links works, but doesn't quite match with the green

Ugh. There's my first feedback regarding the lack of web safe colours. There *is* no purple *or* green on the site - or shouldn't be anyway. Sad

Quote: Also, on the "about" and "services" pages, I felt the two columns of black text were practically running into each other.

hmmm, sounds like your WebTV browser doesn't like the padding attribute. There should be 20px all the way around.

Thanks for the feedback.

.....

nicora's picture

He has: 267 posts

Joined: Nov 2001

I will have to give my review later, and I will Taff. But for now, I wanted to share my DHTML library with you. I noticed that you use the document.getElementById(obj).innerHTML method. Support for that can sometimes be shady, so I am posting some code that does what you need it to and it works in Opera 5,6,7 and even Netscape 4.7!!

If you have any questions concerning it, let me know. Good luck !

Code

Working sample

HTH

taff's picture

They have: 956 posts

Joined: Jun 2001

Thanks Joe - I grabbed the code and will look it over later... and hopefully get it Laughing out loud

Speaking of NN4.7, I should add that this site will not work worth spit in that browser

.....

Busy's picture

He has: 6,151 posts

Joined: May 2001

I see 4 shades of blue on the layout, is this what it should be (using firebird) if not maybe a small screen shot for us to compare with.
Ok I see a slight change in the "fo" of the logos background (logoleft), could try make it's whole background transparent. I only see blue square behind 'fo' when viewing it seperatly.
layout fits nicely on 800x600 for me

The mouseover's on the portfolio page aren't working in firebird, uh wait, if you click them the title and captions do change. ok image changed after a while but is very slow loading

taff's picture

They have: 956 posts

Joined: Jun 2001

Quote: if not maybe a small screen shot for us to compare with.

Oh how convenient. I uploaded a set of screenshots this morning in an attempt to demonstrate screen resolutions to the client:

http://www.sitesunseen.com/clients/foodie/screenshots/

On the logo - yes, I see that. I missed setting the transparency on the "f" which I then married up with the "oodie". Is that the only gif/jpg clash you see?

slow loading? I'll bet. I haven't optimized any of these images since they are just filler but I expect that the final images will be a tad hefty as well. In my experience with getting photographers on line, they don't like to compimise much on image quality and expect one of two things from their users - broadband or patience Sticking out tongue

Firebird huh? Will that coexist with Mozilla 1.4 or are they effectively the same browser anyway in terms of support, etc?

Thanks Busy and welcome back.

.....

He has: 173 posts

Joined: Nov 2002

The white space at the top looks much better on the screen shots, and the pictures look more even with the nav links. Must be my browser I guess. It (my browser) does see HTML padding, but it must not "like" the CSS padding (or borders for that matter . . . I saw borders on your screen shots, but none when I went to the site myself).

May I ask why so much white space shows at the sides on the larger resolutions (just curious)? I mean, was this page specially made to fit the more common (smaller) resolutions?

Anyway, here's the colors I saw when visiting the pages of the site (I think I was mistaken about the underline looking purple):

nav links=black (with reddish underline - thought it was purple at first Smiling)

hover (or onMouseover) color for nav links=white

bgcolors for page header and nav links=seagreen & light sea green, respectively

footer links=blue

footer vlinks=purple

footer text=black

footer bgcolor=light green

Oh, and I also saw a red circle behind the "f" in the "foodie" logo. Smiling

Busy's picture

He has: 6,151 posts

Joined: May 2001

Firebird is pretty much the stripped down version of mozilla, I had resource problems using mozilla so only use it now for checking.
They do display the same in both browsers - mozilla does have the left side tab line thou which gives a few pixels either side of white in firebird. (nothing to worry about)
screen shot is what I see at 800x600
The rest of the image/background colors look ok on my screen

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

It's obviosuly going to look better once the photos are on there as they grey boxes make it feel really drab! Wink Also I'm not a fan of the coloured scrollbars.

I get a horizontal scrollbar when minimised to 800*600 because you have the table width set at "775" and 770 is the maximum with 0 margins for no horizontal scroll.

I'm not overly keen on the navigation, well no the lines under the links really. Where they get shorter your eye is automatically drawn to the last one and I just don't like it, but that's probably just me! Wink

On the portfolio page, the thumbnails when clicked on don't bring up the relevant big picture but I guess that's something you'll be fixing before it goes live?

I get a colour missmatch on the top graphics. Screenshot

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

taff's picture

They have: 956 posts

Joined: Jun 2001

Alrighty. So both halves of the logo have transperency issues, albeit for different users. I miss my old monitor, it would have caught that immediately. I gotta get me a new... old... monitor Confused

Julia: Do you have any sidebars going? I've noticed in the past that you often get horizontal scroll at 800x600 where I do not. I can tighten it up to 770 no problem, just curious.

The coloured scrollbar was experimental. Looked ok when the site was a flex-width table but I'll probably dump that for the final release. I'm not a fan either.

No, the pictures don't correspond with the thumbnails which is a little confusing, I know. That'll be rectified when I get the actual material.

Navigation: Don't get me started. Consider it... "client input" Sticking out tongue Is it *that* bad?

Feisty: It is a "fixed width" layout which means I need to fix it for the lowest common denominator (800x600 in this case). The site actually was a flex-width layout until recently but the client didn't like the effect that had on browser resize.

I actually just found out that the portfolio categories will be larger than first thought so I've tried another version with even smaller thumbnails. I'm afraid that these are getting *too* small. Whatya think?

http://www.sitesunseen.com/clients/foodie/portfoliofp2.html

Any Safari users out there?

.....

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Quote: Julia: Do you have any sidebars going? I've noticed in the past that you often get horizontal scroll at 800x600 where I do not. I can tighten it up to 770 no problem, just curious.

Nope no sidebars here Smiling

I don't think the thumbnails are too small but definitely no smaller than that!

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

He has: 10 posts

Joined: Nov 2003

I liked your site very much. Is consistent, simple and it made me HUNGRY Wink

Great pics!

-daniel

nicora's picture

He has: 267 posts

Joined: Nov 2001

Sorry for the late reply Taff...

Ok, I'm not as big a fan as I used to be, but this one works for me. I love the simplicity, I would almost like to see more of that methodology within the site. I like the logo, it seems you got all that worked out. Also, I love the border highlight for the thumbnail mouse overs. I think the colors work well together, and it looks much better with all the photos in place. One problem I am seeing is that on the "home" page, some of the small quotes EX: Tasty Images by Tracy Kus..., seem to be a little hard to read. Something with the typography seems off. Maybe use anti-aliasing.

Good job overall Taff, I like it.

They have: 140 posts

Joined: Nov 2003

Like your site. It is clean, simple and seems well organized.

The only comment I'd make is that you might want to do something
with the main page.

The header and nav column need a little "tweeking", and you might do better with a few less photos to create more white space. My brain can only handle a few images at once and its overload with all that color.

Just my 2 cents.

CBC58

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.