4 replies [Last post]
peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 23 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

This site originally started as a quickie 3-page temporary website. It was designed with CSS and web standards from the beginning. The lady I made it for absolutely loves the look, so I worked with it and added the rest of her content. It's quite minimalist in appearance, which is fine with her. It seems to work well in all browsers I've tested it in (except for one minor problem in Firefox for Mac - on the hover effect on the tabs, there's a small strip at the bottom that doesn't change, but I can live with that). Works fine in all other browsers.

PLEASE NOTE: I "did" get all of the pages to validate (except the page with her CV - seems the validator didn't like the nested UL's but it was the only way I could get the same look as her MS Word file had). Then I added the StatCounter code and now no page will validate (even thought I checked off the boxes for XHTML and W3C compliance). Otherwise everything would validate.

Any comments on what could have been done differently, no matter how small or how large, would be greatly appreciated. If there's anything you especially like or dislike, please let me know.

http://writefirsttime.com/

Thanks! Smile

PS: In the Portfolio page, I used JavaScript to open new, small windows to show scans of her newspaper articles. Since they are images, the search engines wouldn't pick anything up regardless of what method I used. The full article appears in real text as well, so it is still search engine friendly.

You're only young once, but you can stay immature indefinately -- Ogden Nash

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

Site looks fine. Just a few

Site looks fine. Just a few comments:

1. The 'I's in the logo don't seem to line up completely (although it could be an optical illusion)
2. The bio seems to be an odd page to choose as the index. You're telling me about the person before telling me why I'm on the site.
3. You have a 'What we do' link but everywhere else you refer to a singular person.
4. I'd maybe ask if you could move the photo credit out of the image and put it somewhere else (less obtrusive) on the site.

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

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 23 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Thank you for those

Thank you for those observations. Apparently none of them bother the site owner though!

1. You're right about the I's not aligning (the bottom two align, but the top one is off by a few pixels - about the width of the letter "i"). I wasn't even aware of that until you pointed it out to me. A graphic designer made the logo and provided to me as you see it. The site owner is OK with it like this.

2. I agree the bio was an interesting choice for a home page, however the site owner wants it there so that people see her first.

3. I noticed the "what we do" and everything else in the singular. The site owner intentionally wrote it that way to allow for future expansion in case she hires on some people.

4. The photo credit does look a bit obtrusive where it is, but the site owner wanted it there - partly to establish the fact that it's a current picture of her (as opposed to one that's a few years old).

Thank you for the observations and suggestions. I've just been in contact with the site owner who is also very grateful for your feedback but clarified her reasoning for each of the points. We were both happy to hear there were no serious or negative comments (unless there are still some to come from others!) Wink

You're only young once, but you can stay immature indefinately -- Ogden Nash

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Although possibly late in

Although possibly late in the day I might have put a little margin-top on the #wrapper (thinking in particular about the 'what we do' page) just to bring it down and a little more central to the containing block, it just balances the minimal layout a bit, at the moment it's a little top heavy with large whitespace at the bottom the main logo looks fine tucked into the top left corner.

It may also be worth having a think about restricting the overall width or the width of the #wrapper layout is less appealing if one widens browser.

Why the body and #content rules in that manner?

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 23 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Great ideas, Hugo. I took

Great ideas, Hugo. I took your advice on adding a bit more padding-top on the #wrapper and it looks a lot better and more balanced. I added max-width: 800px; and it looks better on larger monitors. I was thinking about doing that - thank you for convincing me! I hope the site owner likes it too. Centering the page looked OK, but the website seemed to shift a few pixels left to right when clicking from one page to another. When it's not centered it's fine.

As for the body and #content rules, I got them from a tutorial in the book "CSS Anthology" and made a few changes to suit this website.

You're only young once, but you can stay immature indefinately -- Ogden Nash