• Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
    Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.

Website Review Allowed?

O

outsid3r

Weaksauce
Joined
Jan 28, 2007
Messages
106
I have this site I've been designing. I just have an image of it up. So nothing to push or anything like that. And I was wondering if I could have a review on it so far. If it's against the rules then I'll take it down or a mod can. It's not spam or anything. I just would like a review or some ideas that could be done to improve it.

http://compkiosk.com/
 
I like it. It looks a like a good draft to start with. Maybe it's my early morning eyes that are off but the descriptive text inside your three colored boxes seems a little hard to read. Perhaps a slight change in font? And are you going with no footer?
 
Use slightly bigger fonts all around. Also change the main body content from a serif font to a sans-serif font.

Keep moving forward with the idea, and post a link when you get pages (with substance) up there for us to click through and evaluate.
 
There's no content and its completely static. I don't think it would scale to anything usable with real data and navigation.
 
You should tuck away the About pane.

You should rename "Tutorials" to "Guides", or change "Submit Guides" to "Submit Tutorial".

Where to start should be a little more lean, and maybe be a heading.

That way you can have all the news on the main page, including news when a new guide is posted.

Otherwise, I do like the black!
 
I really like it. I love the color scheme and it looks nice. Mikeblas doesn't realize that it's just an image, so ignore his comments. He flips out a lot, he's old! :D (Kidding, Mike!).
 
Ur_Mom said:
I really like it. I love the color scheme and it looks nice. Mikeblas doesn't realize that it's just an image, so ignore his comments. He flips out a lot, he's old! :D (Kidding, Mike!).
Click to expand...

Yeah, I noticed lol. And thanks. I'm working on making the middle a little bit better as it doesn't completely fit the page.
 
heh, yes, mikeblas is the good kind of curmudgeon. He'll chastise you for you own good. :)

I do think he has a point though, I'm not sure those 3 cramped little boxes are going to accommodate too much info as your site grows.
 
That is IF my website were to grow! I can only hope... Anyways The 3 boxes are really for a "straight to the point." Basic news, welcome, and guide updates. I just want you to know exactly what the site is when you get there. And I think the way I did it the boxes will keep your eyes there. The rest of the content will go on other pages. I have added a basic reflection to the boxes for a better effect. Any other ideas to what I can do to improve on the boxes guys?
 
I'm fully aware it's a static image. "It's static", I said, above. As a result, we're unable to evaluate navigation or see how the site would really work. So, what kind of evaluation can we possibly give?

There's zero room for content here, and content is why we use websites. If the content goes on another page, then it's imperative to see what the other page design is like, and the navigation to get there.
 
mikeblas said:
I'm fully aware it's a static image. "It's static", I said, above. As a result, we're unable to evaluate navigation or see how the site would really work. So, what kind of evaluation can we possibly give?

There's zero room for content here, and content is why we use websites. If the content goes on another page, then it's imperative to see what the other page design is like, and the navigation to get there.
Click to expand...

I just wanted a review over my layout so far. Not my entire site...
 
And that's what I provided, right? If you have a tiny site with little content, you'll probably get away with this layout. If you have anything substantial, your design isn't going to scale to accommodate it. To implement the rest of the site, you'll probably have to depart from the layout you've provided here, which means this layout probably isn't any good.
 
How many Latest News and Newest Guides do you plan on showing in each box or will they contain a static description of each? Those boxes do seem small if you want to fit one heading per line. Otherwise you would only be stuck with one article or two. Maybe if you put a hover event over each box you could quickly display (using CSS or JavaScript) the latest X news articles and X amount of new guides, which would be a direct link to the article? If somebody clicks on the boxes then you would take them to a complete listing. OR, you could make those boxes go horizontal and make them wider and taller so you can fit more info.

I do like the layout so far as it does seem very simple and clean. It appears your target audience will be noobs so you don't want to confuse them by having too many clicks and having to search a littler harder to get the info they are looking for.
 
Okay I need some help. I'm at the point of working in Dreamweaver. Although I know it isn't recommended, I just want to do it anyway. I've basically sliced everything from photoshop cs4 and converted it to xhtml. My problem is, I want to be able to place text inside one of the 3 boxes in the middle of my layout. So what's on it now has been deleted so that the text isn't an image. I know html, css, xhtml. I just haven't done it in 2 years. I'm trying to do all this without using tables. The best I could get was turning the green box into css and turning the image into a background image. And I can write all over it, but I can't make it look like it does on photoshop. This is really hard to explain, but if you know what I'm talking about please help!
 
I've decided to keep the texts in the middle boxes as images until I can find away to place the text over the image properly
 
Make the boxes divs, apply some padding and a background image and you'll be fine.

#box {
width: 123px;
padding: 10px 10px 10px 10px;
background: url(yourimage.jpg) no-repeat;
}

Really rough - My suggestion, set something like the above up, install Firebug and play around with it until you are happy.
 
I know crap about about web design but the size seems a bit "narrow"
 
eon said:
I know crap about about web design but the size seems a bit "narrow"
Click to expand...

Narrow is good, so as to accommodate all resolutions and still be usable. There are other methods to do the same, but the simple way is to keep it narrow.

Design is good, but try to get it coded properly. Imageready slices are designed to show large-enough images on the web, not to act as the foundation of a design structure.

Also, for accessibility; include navigation links on the bottom, try to have the links as text instead of images (ie. background image with text over it via CSS). Regarding the image link rollovers, do that with CSS instead of javascript. It's easier, and much more accessible.
 
I've added a whole bunch of new stuff to the site. Currently just need to work on the Guides and Forum and it will be about done. Would anyone like to contribute some guides? You'll be credited of course. If that comes off as spam never mind as that is not what I'm trying to do.

www.compkiosk.com
 
outsid3r said:
Wow, making the Navigation bar in CSS instead of Java was HARD!
Click to expand...
Assuming you mean Javascript, and not Java.

However, if your menu was wrapped in "script" tags, then no web crawler would've been able to hit your menu navigation to traverse your site. CSS hover menus are a good thing.
 
PTNL said:
Assuming you mean Javascript, and not Java.

However, if your menu was wrapped in "script" tags, then no web crawler would've been able to hit your menu navigation to traverse your site. CSS hover menus are a good thing.
Click to expand...

Yeah Javascript. So my CSS navbar is fine?
 
outsid3r said:
Yeah Javascript. So my CSS navbar is fine?
Click to expand...
Yes.


Edit: At some point, you may consider updating the menu bar again. At that point, you should consider refactoring the menu bar to not be a static image, but instead use actual HTML characters with a repeating background. You can still use the CSS "hover" element to do image swaps when the mouse hovers over the defined background. this direction would make your menu much more flexible to adding menu items, updating menu text, and gracefully expanding/contracting horizontally.
 
Last edited:
Do you have an example of that code? I'm really just working on content right now. I have about 6 guides currently in the works.
 
outsid3r said:
Do you have an example of that code? I'm really just working on content right now. I have about 6 guides currently in the works.
Click to expand...
There isn't just one way to do the hover menu. It more depends on what you need. This link should get you going though.
 
You must log in or register to reply here.
Back
Top