 | |
Tide prediction site critique
Websites/HTML pages critique & reviews Discuss and review existing WWW material (alt.html.critique)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
Tide prediction site critique -
10-16-2006
, 01:51 PM
#2
| |||
| |||
|
|
I have a very simple but functional tide prediction website I'd love to have some feedback on. The url is http://primefishingtimes.com :-) |
:-(
- There are a number of validation errors. They are all because you do not
place the href values in quotes.
- The default body size is 76%. Why do you make me squint?
- No background color is set for <body>.
- The header colors are light text on dark background. This is an
automatic degradation in readability. It is further aggravated by
lightening the background on hover, and the tiny font size.
- The footer link font weight and hover is different from the header
link's. Since there is no other visual difference, why change the hover
action?
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
#3
| |||
| |||
|
|
Greetings all, I have a very simple but functional tide prediction website I'd love to have some feedback on. The url is http://primefishingtimes.com |
main page should tell me that, so that I don't waste time
going any further. There's a great big world outside the USA.
There are easily fixable validation errors.
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
#4
| |||
| |||
|
|
JB wrote: I have a very simple but functional tide prediction website I'd love to have some feedback on. The url is http://primefishingtimes.com :-) The design is clean and the content well focused. :-( - There are a number of validation errors. They are all because you do not place the href values in quotes. - The default body size is 76%. Why do you make me squint? - No background color is set for <body>. - The header colors are light text on dark background. This is an automatic degradation in readability. It is further aggravated by lightening the background on hover, and the tiny font size. - The footer link font weight and hover is different from the header link's. Since there is no other visual difference, why change the hover action? I use the tidy HTML validator with Firefox and don't see any validation |
you're seeing the errors?
I can't find the link right now, but I seem to remember reading
somewhere about the convention of setting the default body font size to
76% and then using em units to scale the fonts for your various
elements. So if you scale your p element to say 1.2 em, you should get a
rough equivalent of 12 point text across most browsers. Am I aproaching
this wrong?
And thanks for the feedback, it's much appreciated.
#5
| |||
| |||
|
|
On 2006-10-16, JB wrote: Greetings all, I have a very simple but functional tide prediction website I'd love to have some feedback on. The url is http://primefishingtimes.com It looks good. However, it is useless to me, and something on the main page should tell me that, so that I don't waste time going any further. There's a great big world outside the USA. There are easily fixable validation errors. Sorry about that. You're definately right. This is "world wide web" . . . |
You're the second person who mentioned validation errors. What are you
using to validate the site? I'm using the tidy html validator plug-in
for firefox and haven't found any errors on any of my pages.
And thanks for the feedback.
#6
| |||
| |||
|
|
I use the tidy HTML validator with Firefox and don't see any validation errors on any of my pages. |
have it, get the Web Developer extension for Firefox. It comes with
validation tools plus oodles of other goodies. You'll wonder how you
ever lived without it.
Quote:
|
I can't find the link right now, but I seem to remember reading somewhere about the convention of setting the default body font size to 76% and then using em units to scale the fonts for your various elements. |
designers doing web design of using small, pixel-based font sizes for
"artistic" reasons. That doesn't make for good web design, though.
Quote:
|
So if you scale your p element to say 1.2 em, you should get a rough equivalent of 12 point text across most browsers. |
body {font-size:100%}
then you don't have to bother scaling p elements at all.
BTW, points are a print measurement and are not appropriate for screen use.
--
Berg
#7
| |||
| |||
|
|
JB wrote: I use the tidy HTML validator with Firefox and don't see any validation errors on any of my pages. Tidy isn't a real validator. The one at W3C is. If you don't already have it, get the Web Developer extension for Firefox. It comes with validation tools plus oodles of other goodies. You'll wonder how you ever lived without it. I can't find the link right now, but I seem to remember reading somewhere about the convention of setting the default body font size to 76% and then using em units to scale the fonts for your various elements. There is no such convention. There is, however, a practice by graphic designers doing web design of using small, pixel-based font sizes for "artistic" reasons. That doesn't make for good web design, though. So if you scale your p element to say 1.2 em, you should get a rough equivalent of 12 point text across most browsers. And if you start with body {font-size:100%} then you don't have to bother scaling p elements at all. BTW, points are a print measurement and are not appropriate for screen use. |
when styling my font sizes: http://www.clagnut.com/blog/348/.
By the way, thanks for the suggestion about the Firefox Web Developer
extension. I'm sure it's going to come in very handy.
#8
| |||
| |||
|
|
here is the stuff I was thinking about when styling my font sizes: http://www.clagnut.com/blog/348/. |
body {font-size:62.5%}
is ludicrous
--
Berg
#9
| |||
| |||
|
|
:-( - There are a number of validation errors. They are all because you do not place the href values in quotes. I use the tidy HTML validator with Firefox and don't see any validation errors on any of my pages. Can you be a little more specific on where you're seeing the errors? Any of the <a href=...> elements. For instance <a href=/> should be <a |
In XHTML in particular it is almost a necessity to put the values of
name/value pairs in quotes, like the href above.
Quote:
|
I can't find the link right now, but I seem to remember reading somewhere about the convention of setting the default body font size to 76% and then using em units to scale the fonts for your various elements. So if you scale your p element to say 1.2 em, you should get a rough equivalent of 12 point text across most browsers. Am I aproaching this wrong? Bizarre. |
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
#10
| |||
| |||
|
|
Greetings all, I have a very simple but functional tide prediction website I'd love to have some feedback on. The url is http://primefishingtimes.com Thanks, JB |
Works for me; I'm impressed with the number of locations covered.
About 25% of the page is off the right side of my 800px-wide screen,
even with the browser maximized. There's really no need for that.
I'm on a 56Kb dialup line, so if I were a fisherman I'd really
appreciate the use of a cookie to remember my favorite spot; getting
there took a loooong time. And I REALLY appreciate that you tell me,
right up front, how you are using cookies, so I can make an informed
decision about whether to allow it to be set or not.
Chris Beall
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.