...

View Full Version : New Portfolio



Green Beast
10-02-2005, 02:33 AM
Hey guys,

I made myself a new portfolio. It's a lot different than my old one (available for viewing through this one's projects archive). I went really open and to the point on this one. What you guys think?

http://green-beast.com

Mike

mark87
10-02-2005, 09:06 AM
Looks good, a couple of things I would change -

The <hr /> background is non-transparent and so you can see the white background over the body background image.

The top header flickers when you hover over it and then move away from it.

Apart from that, can't really fault it!

Graft-Creative
10-02-2005, 07:07 PM
Minty freshness ;)

I like it, not sure about the copy on the home page, all sounds a bit pompous, 'til I get to the 'who's mike cherim' bit: that paragraph makes me wanna hire you, but the preceding ones make you sound a bit of a narcissist, which I'm sure you're not ;)

Codewise, all looks pretty slick, though maybe I'd think of using the css border property instead of '|' to divide the links in the footer?

Very nice :thumbsup:

Kindest Regards,

Gary

Green Beast
10-03-2005, 04:02 PM
Thanks for the feedback guys. I really appreciate you taking a look.

Based on the collective feedback I've gotten I think I'm going to remove the hover effect on the banner image replacement. That way I can go back to a green banner background (which flickered worse) with a white h1. It'll look so sweet with CSS-on, images off, instead of just having the title and too much white space in that area with those settings. I had it that way before but the flicker was horrendous. I tried the empty script element and I pre-loaded the replacement image (see footer with styles off), yet nothing seems to help.

@mark: What do you mean by the hr background? You're right, it's not transparent, but the backgrounds are both #fafafa so I'm not sure why you're seeing it at all. It shouldn't be visible. Please explain more, if you don't mind.

@Graft-Creative: Yes, you got me, lol. I will tell no lies: It is salesiest of sales copy through and through. My old site didn't get me work so I'm trying to no-bones-about-it approach. I'm being honest in the copy (I have to, that's me) but I'm also fluffing it up by focusing only on the good (not mentioning things like I've only been doing this a year-and-a-half, etc.). I've been writing catalog sales copy for years so this is just stemming from that practice I guess. I want to inspire confidence (at the risk of sounding almost cocky) and get work (so I wrote it in the active voice). I went with third-person headings and first person content -- so it'll be a Q&A session in a round-about sort of way. Not sure it'll work (target audience is the non-technical business person wanting a website, though). My hope is that is effective copy. The site is readable in about five minutes so I did good on the quantity of words, now it all depends on whether or not I picked the rights ones. ;)

Again, guys, thank you very much.

Mike

mark87
10-03-2005, 04:33 PM
It's most probably down to my low screen resolution.

I meant, I see the background when the hr goes over the green circle (the one after Your Website Awaits).

See screenshot -

Green Beast
10-03-2005, 05:49 PM
Very cool. It's all fixed. Thanks Mark.

I changed the hr image to a gif so I could give it a transparent backgound. It then looked pixelated but I fixed that with a #fafafa rule around the dot.

The problem is that when I looked at it in 800x600, the hr dots stayed more to the right than in your screenshot and the background of the hr passed to the right of the green dot, clearing it instead of overlapping. I don't know why you're seeing if as far left as you are, but there is so much I don't know I could backfill the Atlantic Ocean with unanswered answers. No matter, though, it is fixed :)

I really appreciate you pointing that out. I would have never known. I tested 800x600 and 1024x768 in FF, NS, MSIE (6.2) and Opera. Never saw that once. Go figure, lol.

@Graft-Creative: I realized I didn't respond to one of your questions: I used hard text to separate in case CSS isn't supported. There would have been another option and that being to insert actual content with the CSS (there is a way to do this I learned about a couple of weeks ago -- content:before, content:after -- though it doesn't work in IE). Same deal, though, if CSS is off the separators go away and their main purpose is to provide separation in the event that styles are off or unsupported. Thus I went with real vertical bars.

Thanks guys.
Mike

mark87
10-04-2005, 02:29 PM
Hehe looks great now. :)

I guess that concludes you can never do enough testing and that it takes many different system setups to find problems! It wasn't a major issue, just bugged me a bit; glad you fixed it though. :thumbsup:

Green Beast
10-04-2005, 03:08 PM
I curious, Mark, but what are you using. I'm trying to figure out why it was different. Specifically?

Your res is 800x600 by the looks of the screenshot but what browser version are you using?

The font I used throughout the site is Trebuchet MS (I overuse it but I really love the font and web safes are is short supply). Does your browser support this font or are we looking at another? (It looked like it in the screenshot, but I can't be sure).

Just trying to figure out what factor(s) played a role in the difference.
Thanks.

Mike

mark87
10-04-2005, 03:18 PM
I'm using IE6/Win on XP Home with SP2 AT 800*600.

I'm sure my browser does support Trebuchet MS. I'll check...

...yup it does. Not sure why it appears differently then!

Could it be that I use small buttons in the menu bar? I doubt it but that's really the only thing which I've made different!

Green Beast
10-05-2005, 02:03 AM
Hmm. I don't know. Trying to figure out some of this stuff is next to impossible.

Lol. :D

Mike

little_toaster
10-08-2005, 11:06 AM
These are the type of sites that I like to frequent.

Loads of white space; organised clear text and well placed graphics.
Typography can be such a powerful tool, and you have used it well.

10 / 10 :) Great work!

Green Beast
10-08-2005, 05:49 PM
Thanks Little Toaster :)

Mike

jon.php
10-09-2005, 12:52 AM
I think it looks really good

Green Beast
10-10-2005, 09:31 PM
Thanks jon.php (cool name)

Green Beast
10-12-2005, 05:18 AM
Hey guys, visit my portfolio (http://green-beast.com/) again please... this time check out my blog (http://green-beast.com/blog/). I just finished styling it to match the site. I got it pretty close, but it was a challenge doing so.

"Chat Beast (http://green-beast.com/chat/)" will be next I guess. ;)

Mike

Crake
10-13-2005, 09:17 PM
looks good overall i dont get the semi circle at the top but i gues it looks good neat and expeciialy simple wich i like well done

7/10

Rich Pedley
10-13-2005, 10:02 PM
Hiya Mike,

thought I'd post in here for a change...

Looks good, one of your previous incarnations was a tad too green for me. This one looks nice and clean and professional :)

I won't comment on the coding or accessibility, cause I am sure it is upto scratch!

Green Beast
10-14-2005, 02:41 PM
Hiya Mike,

thought I'd post in here for a change...

Looks good, one of your previous incarnations was a tad too green for me. This one looks nice and clean and professional :)

I won't comment on the coding or accessibility, cause I am sure it is upto scratch!

Hey there Rich. I didn't know you were here too. :)

Thanks for all the terrific comments guys.

Mike



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum