my new (CSS) site
Hi all, its my first thread here.
I redid my site, tambourinewebdesign.com and would like to know what you all think. Bear in mind I'm sixteen and the company is student run, but don't hold back any nasty comments! The more, the better.
Its CSS/HTML driven, and uses databases. In other words, structure, style and information are all seperate.
It validates also. See the right hand bar under validate.
Thanks,
Stephen O'Brien
teammatt3 posted this at 16:57 — 5th June 2004.
He has: 2,102 posts
Joined: Sep 2003
The first thing that caught my eye was the logo, not bad so-to-speak but different is the right word. The affordable visual dynamic thing bugs me because I can't click it, they look to much like links. I really like the navigation on the right because it is more unique.
The photos of the builders are strange, they look out of place. The photo that I do like is the google one. You probably could do without any of the photos and just have text.
Right now I am on the maintenance page and it looks like you're a professional lawn trimmer, with all those weird photos. I think more techy pictures would be a lot better.
stepheno posted this at 17:56 — 5th June 2004.
He has: 15 posts
Joined: Jun 2004
>The first thing that caught my eye was the logo, not bad so-to-speak but different >is the right word.
Working on it.
>The affordable visual dynamic thing bugs me because I can't click it, they look to >much like links.
Really? thats odd... I'll reconsider perhaps
>I really like the navigation on the right because it is more unique.
Thanks
>The photos of the builders are strange, they look out of place. The photo that I do >like is the google one. You probably could do without any of the photos and just >have text.
I'm trying to draw an abstract parallel- physical services to virtual ones. Without photos it seems very bland, empty and boring. The photos are small, and I think they work well.
>Right now I am on the maintenance page and it looks like you're a professional lawn >trimmer, with all those weird photos. I think more techy pictures would be a lot >better.
Problem with 'techy' pics is that they are so stereotypical and completely lacking in originality. Go to any bad web designers site, and the first thing you notice is a load of smiling business people, computers, or such. I think it is quite obvious that we are selling web services due to the text content.
Roo posted this at 20:54 — 5th June 2004.
She has: 840 posts
Joined: Apr 1999
Very well done. Just a few things:
1) The whole header area where the logo is looks washed out to me...kind of blah compared to the rest of it. (I do like the logo, it's just that maybe it's too much orange up there, and things need a pop a bit)
2) Font size is too small..hard to read.
3) I'd like to see some good padding in the whole nav sidebar. The text is too close to the edge of the boxes.
I'm torn on the photos you are using. I mean I get the concept, and I DO like unique ideas like that, the question is will your end users 'get it', or will they be confused like has already been mentioned?
Roo
Renegade posted this at 03:17 — 6th June 2004.
He has: 3,022 posts
Joined: Oct 2002
Interesting design concept. Just a few things:
1, the "::AFFORDABLE:: ::VISUAL:: ::DYNAMIC::"
- they looks too much like links because of the "::" try replacing them with something else of just take it out all together. I also noticed that they are images. have you tried using text and CSS for that instead?
2, the navigation links
- they don't seem to have the title attribute and although it is not essential, I recommend that it is put in and used just simply because it helps the user...
stepheno posted this at 11:00 — 6th June 2004.
He has: 15 posts
Joined: Jun 2004
Yes, It definately needs work.
Working on it.
Good point, I will do.
Yes, I am thinking about it, perhaps lessening their visual impact slightly.
-
Interesting design concept. Just a few things:
Yes, I should make them CSS. Just laziness on my part!
OK, will do. I had them in the body links, but you're right.
Thanks for the good crit.
Abhishek Reddy posted this at 11:33 — 6th June 2004.
He has: 3,348 posts
Joined: Jul 2001
Change your body link colours. They're underlined, which is their only salvation. But given the small font size, they're still hard to detect. You have such a lovely range of rich colours to choose from -- oranges, reds, perhaps blue too as a secondary colour -- so use one for the links.
Otherwise, it's looking good. Well done on the CSS and valid HTML. Why don't you try XHTML?
stepheno posted this at 23:00 — 6th June 2004.
He has: 15 posts
Joined: Jun 2004
Good point - will do. Also, I'm moving the text size up from 62.5% to 75%, (about 12pt), and changing it to veranda (more legible.)
Thanks. What are the advantages of XHTML? Is there any difference at the moment?
BTW: Like your sites!
Abhishek Reddy posted this at 00:24 — 7th June 2004.
He has: 3,348 posts
Joined: Jul 2001
Usually, I'd list a whole bunch of advantages regarding CSS, but you've already discovered that. XHTML just goes hand in hand with CSS -- it's more accessible, and it's theoretically superior. With XHTML, you're discouraged from using s for layouts, employing tags, and you're compelled to be stricter with how precisely you open and close tags. For example, you have to "close" tags by using , and replaces . XHTML just makes more sense; it's a lot more XML-like. Consequently, you separate content and style better, present the important text in a cleaner, semantically sensible way.
Jeffrey Zeldman provides a better introduction.
:blush:
jbxel posted this at 06:31 — 7th June 2004.
They have: 6 posts
Joined: Jun 2004
I like "::AFFORDABLE:: ::VISUAL:: :DYNAMIC::" so make each one into a link to pages that tells us how affordable, how visual and how dynamic your sites are.
I'd be tempted to make it wider and potentially lose...?
Change font or text size.
Looks very professional , fresh and inviting.
Well done.
JB
stepheno posted this at 12:50 — 7th June 2004.
He has: 15 posts
Joined: Jun 2004
I like it! XHTML here I come...
BTW, I've got content style and structure seperate: using perl/flatfile database. I'd really recommend it, its so easy to handle.
Thats a great idea, thanks.
Loose as in liquid? I find that complete liquidity can get a bit out of control, so I sacrificed some for design. It is only 655px wide, so it will work well on any resolution. For this reason, I don't want it to be wider.
I've now done that.
Thanks a lot, I appreciate it.
Abhishek Reddy posted this at 14:28 — 7th June 2004.
He has: 3,348 posts
Joined: Jul 2001
Indeed. I favour PHP/flatfile combo myself, or even MySQL where available. If you're that much of a semantic idealist (like I am ) it might be an idea to look into XML/XSL templates, in combination with perhaps PHP.
http://www.w3schools.com/xsl/default.asp
http://www.sitepoint.com/subcat/xml
http://www.php.net/xslt
Forward learning. I'm getting off-track so I'll stop here.
Megan posted this at 13:45 — 7th June 2004.
She has: 11,421 posts
Joined: Jun 1999
As previously mentioned, the top header is terrible. The font is uninspired, the symbol is confusing and forgettable, the colour is bland etc. What you might want to try is looking for a good stock photo to use as a base. Something like A List Apart does with their header area. They've actually got paintings there but you get the point.
From there down the design looks good. I agree about the photos being confusing though. Visually they look really good but the content doesn't relate.
Looking at the menu, I think it should be restyled so the text looks less like plain text and more like menu links.
I also think that the font size in the content area is way too small. I can't believe how often I have talked about this on here. You may be young with good eyesight, but not everyone is like you. Who is your target audience? They're probably adults. They may likely be over the age of 45. You know, people who aren't very tech-savvy. What do people over the age of 45 have in common? They need reading glasses! They can't read tiny text. Make your text easy for them to read! While I'm talking about text, some of your lists (particularly on the services page) don't look like lists! Why??? You've got them marked up as lists, but there are no bullet points to define them visually.
BTW, everything works fine and looks good in Opera 7.5. Good job on the code! Validates perfectly
Megan
Connect with us on Facebook!
modulargaming posted this at 15:40 — 8th June 2004.
He has: 152 posts
Joined: Jun 2004
I like the design its good
mjs416 posted this at 16:28 — 8th June 2004.
They have: 127 posts
Joined: Dec 2003
The portfolio section has each site you designed, flipped on its side. I didnt really like that. Maybe modify the graphics so they sit proper
yan posted this at 20:23 — 13th June 2004.
He has: 15 posts
Joined: Mar 2004
It looks good. I think that the colom width of the site is to narrow. You can make it 780px if you are worried about 800x600 dinosaurs.
You are killing the rest of us with those prices though
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.