9 replies [Last post]
sandbox
Offline
Regular
between a green and a blue house that has a garden gnome out front
Last seen: 13 years 35 weeks ago
between a green and a blue house that has a garden gnome out front
Joined: 2006-05-18
Posts: 26
Points: 0

(Sorry Tyssen and Triumph. I realized i had posted this under the wrong section. )

Alright. Many of you may remember my last site at http://sbb.us.to. Well, now i've migrated to a new domain name and i just created a whole new web page and i need some hardcore criticism! Its a pure minimalistic design, for those who like that style. I've never really done anything like this before and i consider this to be my second real attempt at making a web page.

Here is the url: http://re.siol.us

Here are the few questions i have about it:

1) Browsers - Is it compatible with other browsers? (tested in i.e. 7b so far)
2) Asthetics - Is the color scheme good? Does it need more color?
3) Navigation - too hard to follow? does it work? (supposed to be like an accordian)
4) CSS and DIV - too much div?

Any other comments such as the overall design are appreciated. The links in the navigation don't work right now because i just thought about this like 30 minutes ago and just started putting it togeather.

Thanks again in advance.

(also, im trying to load the main content in seperate pages through an AJAX script. Im still learning javascript and AJAX right now and, with the script i'm using, i am not sure how to load the content initially on the page start up. If anyone could help, i would extremely appreciate it. Thnx)

http//re.siol.us - my grass is always greener

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 14 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

New site! Criticism please.

Your code looks OK apart from the fact that you've reused IDs (need to change box to a class instead).
I like the way the header only shows halfway in the green area but I think it could do with being a fraction higher so it's easier to make out the letters.
But I'm afraid I don't like at all the light green text and I've never been a fan of whole blocks of text that change colour when you hover over them.
And your layout looks substantially different between FF, IE6 and Opera (your box:hover won't work in IE without some javascript).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

New site! Criticism please.

It is very, very hard to read. More contrast is in order. Much more. Smile

sandbox
Offline
Regular
between a green and a blue house that has a garden gnome out front
Last seen: 13 years 35 weeks ago
between a green and a blue house that has a garden gnome out front
Joined: 2006-05-18
Posts: 26
Points: 0

New site! Criticism please.

thnx Tyssen and Triumph for your input. Ill definetely put more contrast. realized a bright olive green is not always the best choice when designing a page. Smile Ill probably change the "id"'s to classes as suggested by Tyssen. Gracias guys.

http//re.siol.us - my grass is always greener

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 43 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

New site! Criticism please.

If you post something in the wrong section, PM a mod, we can move it to the right one Laughing out loud

Firefox 1.5 the logo doesn't work, the text is too far down.

The green is too "neony".

Verschwindende wrote:
  • CSS doesn't make pies

odog
odog's picture
Offline
Regular
Oirland
Last seen: 14 years 32 weeks ago
Oirland
Joined: 2006-06-09
Posts: 14
Points: 0

New site! Criticism please.

Hi Sandbox.

I'd agree with what has been said above. The h2 re.siol.us needs to be a little more visible. As it is it is illegible.

The colour scheme definitely needs to be rethought. There is not enough contrast to make that text easily readable on a good CRT monitor. It would be next to invisible on the cheaper LCD screens that ship with a lot of home computers today. If you want to use a bright coulour for text then you should place it on a darker background. I find this tool extremely useful when trying to work out a useable colour scheme.

Another small thing I would maybe consider is upping the line-height to around 120% or more. It makes large amounts of text much, much easier to read.

Personally, I love a bit of graphical intervention in a design, but as a pure minimalist approach it works well.

From the code side of things there are a number of errors that can be quickly ratified. If you validate the code you will see that the majority of error are just typos. I always include character encoding in my pages also, utf-8 is pretty much the accepted standard so adding a meta tag like this would be fine:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
A wee bit long winded I know :roll: .

hth.

I believe that all extremists should be shot

sandbox
Offline
Regular
between a green and a blue house that has a garden gnome out front
Last seen: 13 years 35 weeks ago
between a green and a blue house that has a garden gnome out front
Joined: 2006-05-18
Posts: 26
Points: 0

New site! Criticism please.

odog wrote:
Hi Sandbox.

I'd agree with what has been said above. The h2 re.siol.us needs to be a little more visible. As it is it is illegible.

The colour scheme definitely needs to be rethought. There is not enough contrast to make that text easily readable on a good CRT monitor. It would be next to invisible on the cheaper LCD screens that ship with a lot of home computers today. If you want to use a bright coulour for text then you should place it on a darker background. I find this tool extremely useful when trying to work out a useable colour scheme.

Another small thing I would maybe consider is upping the line-height to around 120% or more. It makes large amounts of text much, much easier to read.

Personally, I love a bit of graphical intervention in a design, but as a pure minimalist approach it works well.

From the code side of things there are a number of errors that can be quickly ratified. If you validate the code you will see that the majority of error are just typos. I always include character encoding in my pages also, utf-8 is pretty much the accepted standard so adding a meta tag like this would be fine:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
A wee bit long winded I know :roll: .

hth.

Thanx again for your comment and thankyou for the suggestions. I've taken your advice with the meta tag and line height. I'm also going to check out that color scheme web page you suggested.

Also, I need some opinions on the navigation. does work well with the over-all minimalistic design?

http//re.siol.us - my grass is always greener

dzigner
Offline
Regular
Last seen: 8 years 40 weeks ago
Timezone: GMT-7
Joined: 2004-01-15
Posts: 17
Points: 4

Re: New site! Criticism please.

sandbox wrote:
(Sorry Tyssen and Triumph. I realized i had posted this under the wrong section. )

Here are the few questions i have about it:

1) Browsers - Is it compatible with other browsers? (tested in i.e. 7b so far)

Hi
I am not a guru, nor even an expert, but I visited your site in IE6 and FF1.5. These are the things I noticed:

Your columns do not line up, I get 3 columns, the right is the longest, the left and middle ones content is waay down(except for first paras). The columns line up OK in FF.
The logo has lgt blue background color in IE, but not in FF.
The menu lists properly in IE, but has space between items in FF.

Thanks

dzigner
D.zigns

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 6 years 37 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

New site! Criticism please.

Hello. In your "nav", I noticed that if you increase the text size, some menu choices become hidden. Also, I'd recommend more left padding or margin inside the items because the first letters of some of them are partially hidden-- specifically "Apache", "Misc." and "Contact...".

Additionally, when I've gone off to view, say "Javascript", I can't find my way back to the first page.

Just a few thoughts. Cheers. Laughing out loud

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

superprg
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2006-05-22
Posts: 13
Points: 0

New site! Criticism please.

Its not working anymore?