...

View Full Version : Site review please



quartzy
02-23-2011, 11:17 AM
I have done a website for a charity, she wanted a black and white theme, I think it is a little boring, and wonder how I could liven it up as well as any critique browser review.

abduraooft
02-23-2011, 11:24 AM
Missing something obvious?

VIPStephan
02-23-2011, 11:25 AM
So, where is it?

quartzy
02-23-2011, 12:01 PM
Sorry people.

www.seniors260.org there are two divisions to the site, but both similiar.

VIPStephan
02-23-2011, 03:25 PM
Well, a purely black and white color scheme could in the christian culture very well be misunderstood as having to do with death/funerals and is in combination with a website for older people not the best choice, I must agree. I would use that as case to convince them of using a different color scheme.

However, at the very least I would use some kind of grayscale color scheme where different shades of gray are used, not just plain black and white. You have kind of done that but for me it doesn’t “feel” quite right yet. I think you’re overdoing it a little with the use of gradients. At first I would start out really simple with plain colors to highlight certain sections of content and no cosmetic details:

http://www.codingforums.com/attachment.php?attachmentid=9421&stc=1&d=1298474113

Then you can add some subtle effects to make some things stand out more than others and to enhance the plain look a little. If you are using gradients then make them more subtle. And don’t use them on everything, it becomes boring really quickly.

Also, currently your page background shadow looks very grayish which is kind of weird. Make it pure black and then set down its alpha value until you’re happy (and keep in mind to make it subtle; this effect it probably the least important and shouldn’t attract too much attention).

http://www.codingforums.com/attachment.php?attachmentid=9422&stc=1&d=1298474113

And if the client is very conservative then use some light and subtle blueish color to add some colors. This may also please the conservative old people’s eyes more than bright colors.

http://www.codingforums.com/attachment.php?attachmentid=9423&stc=1&d=1298474113

Note, however, that if the website is for seniors you may wanna add an option to change the stylesheet to one with more contrast for easier reading.
Additionally I think you can enhance it with a different font than Arial as I think it has kinda worn off over the years; and now with all modern browsers supporting CSS embedding you have more choices. On FontSquirrel (http://www.fontsquirrel.com/) there are some nice free fonts for embedding in websites. But make sure you choose one that’s easily legible on screen.

quartzy
02-23-2011, 05:17 PM
thank you for your site review, you have given me lots to think on, I did check out squirrel for fonts, by embedding do you mean make a picture of the font for titles? as I do not even have the fonts listed. I use windows 7.

I think I will remove the gradient to the header, and make the links like you have done. Maybe I could change the yellow for the links to a nice blue and see if I get any comeback. Or send her an email.

The grey I done on the shadow, I made as I thought black would be too harsh but I have never tried the shadow with black. So I will do.

thanks again for your thoughts

VIPStephan
02-23-2011, 05:45 PM
[…] by embedding do you mean make a picture of the font for titles? as I do not even have the fonts listed. I use windows 7.

No, I mean embedding the fonts with the CSS @font-face rule. There is no need to have the fonts installed on the computer as they are downloaded from the server and shown to anybody; that’s the point of all this. Using the font-face generator at fontsquirrel makes it damn easy to set it all up. You only have to upload the converted fonr files to your server and edit your stylesheet to reflect the paths etc. There are lots of sources on the internet to gat a basic understanding if you search for “css font-face embedding” or something like this.

Apostropartheid
02-23-2011, 05:47 PM
No, I mean embedding the fonts with the CSS @font-face rule. There is no need to have the fonts installed on the computer as they are downloaded from the server and shown to anybody; that’s the point of all this. Using the font-face generator at fontsquirrel makes it damn easy to set it all up. You only have to upload the converted fonr files to your server and edit your stylesheet to reflect the paths etc. There are lots of sources on the internet to gat a basic understanding if you search for “css font-face embedding” or something like this.

Guide: http://sixrevisions.com/css/font-face-guide/

quartzy
02-23-2011, 06:36 PM
thanks to you both.
I can see I am going to have to do some learning with this fontface.

quartzy
02-24-2011, 01:33 AM
Could someone look at my site now that I have made changes that VIP suggested. I did not use fontface but I linked to a google font, and am worried that people can read it OK>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum