16 replies [Last post]
Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

Site check please... My first total XHTML/CSS site. Critisism/feedback appreciated!

Background info... Site aimed at providing PHP, MySQL, CSS and JavaScript scripts along with accessible web development tips.

chemicalscripts.com

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

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

www.chemicalscripts.com

Your menus at the top don't stand up to too much resizing before overlapping the white content area. Ideally, they should push the content area down rather than overlapping.
For your articles, I think the labels for date & author are too large in comparison with the title of the article and the author's name. I'd have the weighting the other way around. On a page like scripts.php, the links get kinda lost amidst the dates and headings.

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

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

You're absolutely right! The dates are just too long winded, I even felt this myself! I'll collapse them a little, maybe drop them a pixel size or two! As for the nav, what do you propose, chage the div to push the content down? As you can prob see the image is doing all the work at the mo.

UPDATE: I've made some changed to the scripts page. What do you think?

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

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

www.chemicalscripts.com

Adding clear: both to #container solves the first problem I mentioned. As for the scripts page, it's better, but I'd still prefer the name of the article to come before the date, but that's just me.

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

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

What about now? What do you mean adding clear both to #container?

Btw... I agree with you, the script title should come first!

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

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

www.chemicalscripts.com

Yeah, I like that better.

#container
{
clear: both;
width: 650px;
margin: 10px auto;
background-color: #fff;
color: #333;
/*border: 1px solid gray;*/
line-height: 130%;
}

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

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

Sorry, I thought you meant add the attribute 'clear' to both the #container AND (something else).

Check the css now... better? Any more points, feedback, whatever you think of the site?

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

www.chemicalscripts.com

Dropped in because of "accessibility" in your tag. Suggest you move away from pixel sized fonts - now would be a good time - if one of your aims is to help people build accessible sites. Wink

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

Yeh... I actually started with em's got a bit messy... but now the structure is there, ill go back to them.

Thanks for the tip Smile

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

Ok, I've changed all the font sizes to use percentages, and added a few accessibility bonuses. More will be added as time goes on...

Any more feedback for my site?

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

www.chemicalscripts.com

Me again Sad
Like the site, although as has already been said the "default" text is a bit tiny, also chunks of italicized text are not easy on the eye.

There is a little glitch when using "THIN" - which produces a horizontal scrollbar in Fx and IE at 800x600 - should be easy to sort. Personally I find it annoying that on choosing THIN or WIDE I am thrown back to the index page with each switch. Maybe pukka javascript stylesheet switching would be in order.

Access keys are generally on their way out because there are so few key combinations that have not been reserved. You may care to visit this thread: http://www.csscreator.com/css-forum/ftopic11358.html&highlight=. In particular http://www.wats.ca/articles/thefutureofaccesskeys/66 and the related articles listed at the start of the article.

Have you considered adding a "skip" (over navigation) link?

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

Wow, thanks for your feedback Lorraine... I agree that the text may be a bit too tiny, but I'm implementing a larger stylesheet that may be chosen. I haven't noticed the glitch myself, but i'll sort that too!

As for the jumping back to the index page, this was deliberate. I liked www.stylegala.com's way of doing this 'dynamic CSS loading', so I made my own PHP interperation of it, which like stylegala, defaults you back to the home page. VERY easy to fix this using PHP/referer.

Skip over navigation will also be implemented... but how should this work? Have a button to skip over the navigation on every page AND REMEMBER the user's choice (via Cookies, and if so they'd have to scroll up for nav again), or just link to skip on every page, without remembering their choice.

Access keys are lame I know. I did it because it's simple to implement and make my site more accessible (even if only by 0.1% - it's still more accessible).

Oh yeh, italicised text is only temporary... working on those chunks 2night. Italics should really only be used for short phrases, or single words.

Thanks again for the feedback!

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

www.chemicalscripts.com

Hi, sorry for the delay, Ed - I've been earning a crust today Laughing out loud

Suggest skip links are just ordinary links on each page at the start of the navigation - so as not to assume the visitor will always want to skip over the navigation. They can be visible or if you want to try "fancy" skips, why not visit www.seowebsitepromotion.com then TAB a few times into the page - cute eh? Cool

Lorraine

oh yes and stylegala wide/narrow annoys me as well, particularly as it does not offer the same info on the narrow pages - too much of the old "more" links, imho - just put it down to my xtreme age Oups

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

I think this weekend (well sunday now) i'm going to redesign chemicalscripts.com. Based on the excellent feedback you guys have given me, I feel it's necessary to have a complete refresh before my CSS gets too messy!

I'll keep you posted Wink

Blueprint.

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 7 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

www.chemicalscripts.com

The Mirror-Mail is great LOL
What do you think which frameset is faster: Goliath or Plein Air? Sound very fast both of them ...
I don't like framesets at all btw. Why don't they give any info about how many frames you can nest in each other and which one is the fixed or the resizable? How will they be able to make their mirrors work then ...

Blueprint
Offline
Regular
UK
Last seen: 14 years 7 weeks ago
UK
Joined: 2005-10-25
Posts: 19
Points: 0

www.chemicalscripts.com

Genius!!! I have a few more funny emails coming:

1. Asking a stationary store if their notebooks have Centrino in them.
2. Asking either an elastic-band manufacturer, or a musical band for their bandwidth.
3. Asking a fishing store if they have any nets because I was told i need a net to shop online.

Any more? I'll put a page up where you can post your ideas...

Blueprint.

http//www.chemicalscripts.com/
Web Scripts for the Wicked!
CSS | PHP | MySQL | JavaScript | Accessibility

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 7 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

www.chemicalscripts.com

What if the phishing rod doesn't work for bank accounts? Never heard of that species?