This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Site Ratings & Reviews > December 2003 > A Better Way to Read Books?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author A Better Way to Read Books?
Allen

2003-12-03, 7:29 pm

Please check out this site. Uses javascript and permits the user to adjust the
appearance of their page.

http://swnews.net/besant-yoga

Nico Schuyt

2003-12-03, 7:29 pm

Allen wrote:
quote:

> Please check out this site. Uses javascript and permits the user to
> adjust the appearance of their page.
> http://swnews.net/besant-yoga



Very nice experiment!
Disadvantage is it relies to much on client side scripting. Did you consider
to use CSS in combination with e.g. PHP to change the stylesheet?
Probably a lot easier and more reliable than the js-solution.
Regards, Nico


kchayka

2003-12-03, 7:29 pm

Allen wrote:
quote:

> Please check out this site. Uses javascript and permits the user to adjust the
> appearance of their page.
>
> http://swnews.net/besant-yoga



Your attempt at customizing the page for the user may be
well-intentioned, but the delivery isn't optimal. If you set no
font-size at all, the visitor will get their (preferred) default text
size. If you set no font-family at all, the visitor will get their
default font. All this with no effort on either your part or your
visitors. :)

If you really want to help your users, then point to a page that
instructs them how to change the text size and/or font preferences in
their browser. This is something they can use anywhere, not just at
this site.

BTW, the rest of the site is pretty much inaccessible with JavaScript
disabled. This is bad. JS should be an optional embellishment, not a
requirement.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Allen

2003-12-03, 7:29 pm

Nico Schuyt wrote:
quote:

> Allen wrote:
>
> Very nice experiment!
> Disadvantage is it relies to much on client side scripting. Did you consider
> to use CSS in combination with e.g. PHP to change the stylesheet?
> Probably a lot easier and more reliable than the js-solution.
> Regards, Nico



I hadn't used Javascript before this project, but I wanted more interactive
menus and it snowballed from there when I discovered that most (maybe all?)
browsers will cache .js files. I even made the html part of the menu display an
included javascript file, and all it does is document.write ('heml code') for
each line of html. The only variables are the items wich are put in a local
cookie. I aolso tried server side includes to put the menu-drawing html in a
file to be included as part of each page, but that slowed down the server.
Allen

2003-12-03, 7:29 pm

kchayka wrote:
quote:

> Allen wrote:
>
>
> Your attempt at customizing the page for the user may be
> well-intentioned, but the delivery isn't optimal. If you set no
> font-size at all, the visitor will get their (preferred) default text
> size. If you set no font-family at all, the visitor will get their
> default font. All this with no effort on either your part or your
> visitors. :)
>
> If you really want to help your users, then point to a page that
> instructs them how to change the text size and/or font preferences in
> their browser. This is something they can use anywhere, not just at
> this site.
>
> BTW, the rest of the site is pretty much inaccessible with JavaScript
> disabled. This is bad. JS should be an optional embellishment, not a
> requirement.
>


I should show a warning message if the user doesn't have javascript enabled,
that's for sure. But I don't want to teach people how to change fonts in their
browser preferences.

Also, the whitespage margin on each side of the text is important for
readability if people have wide windows and also if they are working with
low-res (narrow) windows.
Toby A Inkster

2003-12-03, 7:29 pm

Allen wrote:
quote:

> I hadn't used Javascript before this project, but I wanted more interactive
> menus and it snowballed from there when I discovered that most (maybe all?)
> browsers will cache .js files.



The problem is though that 10-15% of human users seem to have Javascript
disabled, as well as 100% of Googlebot users.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?page=132

Toby A Inkster

2003-12-03, 7:29 pm

Allen wrote:
quote:

> http://swnews.net/besant-yoga



It might be handy to include a proper next link on each page. To do this,
in the <head>...</head> area:

<link rel="next" href="nextpage.html">

This will mainly be handy for Opera users, who can use space bar to scroll
down the page, and when they reach the bottom, space bar to go on to the
next page!

It will also be of use to Lynx, Links and Mozilla users, who will see a
"Next" button on their navigation toolbar or similar.

It will have no adverse effect on any other browsers (well, apart from
the extra 40 bytes or so that the link would add to the pages, but that is
so tiny it's not worth considering.)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?page=132

kchayka

2003-12-03, 7:29 pm

Allen wrote:
quote:

> kchayka wrote:
>
> I should show a warning message if the user doesn't have javascript enabled,
> that's for sure.



No, you should not rely on JS for vital features, like navigation.
quote:

> But I don't want to teach people how to change fonts in their
> browser preferences.



Well OK, but consider that your particular selections are awfully
limiting. I'd much rather use a sans-serif font if I'm going to be
reading large amounts of text on screen. You don't have any sans-serif
fonts listed, let alone my preferred one. You don't have my preferred
serif font listed, either. I would do better ignoring your fonts
altogether, methinks.

As for the size, if you don't set any size at all, the user's preferred
size will be used by default and they won't likely need to change it at
all. All you are doing is setting it up so they may *have* to change it
unnecessarily.

BTW, none of these font changes work when I refuse your cookies.
quote:

> Also, the whitespage margin on each side of the text is important for
> readability if people have wide windows and also if they are working with
> low-res (narrow) windows.



Um, I believe that most folks know how to adjust their browser window
size for optimal reading of long lines. The likelihood that this is the
only site even one of your visitors will ever want to adjust is
virtually zero.

From one of your other posts it sounds like it is more important to you
to use these JS gimmicks you just learned than for the user to have a
pleasant browsing experience. You should seriously reconsider. If
nothing else, you need a link to a separate TOC page they can use when
JS is disabled, coded as a <link> element and/or a plain-text link in
the page body. I suggest using both.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Allen

2003-12-03, 7:29 pm

Toby A Inkster wrote:
quote:

> Allen wrote:
>
>
> It might be handy to include a proper next link on each page. To do this,
> in the <head>...</head> area:
>
> <link rel="next" href="nextpage.html">
>
> This will mainly be handy for Opera users, who can use space bar to scroll
> down the page, and when they reach the bottom, space bar to go on to the
> next page!
>
> It will also be of use to Lynx, Links and Mozilla users, who will see a
> "Next" button on their navigation toolbar or similar.
>
> It will have no adverse effect on any other browsers (well, apart from
> the extra 40 bytes or so that the link would add to the pages, but that is
> so tiny it's not worth considering.)
>


Thanks. I did that and it works well in Netscape!
Allen

2003-12-03, 7:29 pm

kchayka wrote:
quote:

> Allen wrote:
>
>
> From one of your other posts it sounds like it is more important to you
> to use these JS gimmicks you just learned than for the user to have a
> pleasant browsing experience. You should seriously reconsider. If
> nothing else, you need a link to a separate TOC page they can use when
> JS is disabled, coded as a <link> element and/or a plain-text link in
> the page body. I suggest using both.
>


I did code in a few <noscript> additions today. Funny how a <noscript> in the
<head> area to fetch stylesheets will not validate at w3c, but seems to work on
all my browsers. I left it in for now, but will probably remove it in the
future.

Anyway, I'm happy with the font choices I've made. There are alternatives which
led me to want to do this project such as:

http://www.sacred-texts.com/alc/hortulan.htm which does not look much different
than most long documents on the web.


I found this today: http://pdreader.org/ . Server-side everything, except for a
few javascript navigation aids. It seems they put the text of their books into
a database, which is fed out to the client in what they feel are pages. It is
an ambitious project, but readability is awful with an overload of colorful
navigation doo-dads. They will let you chose Arial! Perhaps you will lighten up
on Javascript when Microsoft finally reases an IE update which lets you turn
off javascript pop-up windows.
Allen

2003-12-03, 7:29 pm

Toby A Inkster wrote:
quote:

> Allen wrote:
>
>
> The problem is though that 10-15% of human users seem to have Javascript
> disabled, as well as 100% of Googlebot users.
>


Separating the mark-up from the content is ideal for Google!
William Tasso

2003-12-03, 7:29 pm

Allen wrote:
quote:

> ...
> Perhaps you will lighten up
> on Javascript when Microsoft finally reases an IE update which lets
> you turn off javascript pop-up windows.



If one allows javascript, pop-ups are the least of your problems:
http://www.google.com/search?q=java...security+issues

--
William Tasso - http://WilliamTasso.com


jake

2003-12-03, 7:30 pm

In message <bpv5l8$1t0ko7$1@ID-139074.news.uni-berlin.de>, William Tasso
<news27@tbdata.com> writes
quote:

>Allen wrote:
>
>If one allows javascript, pop-ups are the least of your problems:
>http://www.google.com/search?q=java...security+issues
>


The article you quote seems only to refer to very old versions of
Netscape and IE.

--
Jake
Toby A Inkster

2003-12-03, 7:30 pm

Allen wrote:
quote:

> Separating the mark-up from the content is ideal for Google!



Seperating style from content, shurely?

Markup has to be embedded in content by its very nature.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?page=132

kchayka

2003-12-03, 7:30 pm

Allen wrote:
quote:

>
> Perhaps you will lighten up
> on Javascript when Microsoft finally reases an IE update which lets you turn
> off javascript pop-up windows.



You assume everyone uses IE? This is an incorrect assumption. I
suspect I will lighten up on JS when I see it used appropriately. FWIW,
my browser already lets me disable unrequested pop-ups, but I believe
there are third party apps that would do it for IE, too.

BTW, pop-up windows are far from the only issue with JS. For a long
time there was an IE security vulnerabilities page which, unfortunately,
was recently taken down. It usually listed 15-20 open issues at any one
time, many related to holes in scripting. This would worry me a whole
lot more than annoying pop-ups. It should worry you, too.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
William Tasso

2003-12-03, 7:30 pm

jake wrote:
quote:

> In message <bpv5l8$1t0ko7$1@ID-139074.news.uni-berlin.de>, William
> Tasso <news27@tbdata.com> writes
> The article you quote seems only to refer to very old versions of
> Netscape and IE.



Now then, I shall take your note with just a small pinch of salt if you have
no objection. SERPs being what they are in these troubled times it should
be fairly obvious there was no intent to supply a link to any particular
resource. I had hoped it was plain that the link given is a hint at what to
search for via one's own favourite search engine should one be inclined to
research the matter further.

java script: the choice - as always - rests with the consumer.

--
William Tasso - http://WilliamTasso.com


kchayka

2003-12-03, 7:30 pm

Allen wrote:
quote:

> kchayka wrote:
>
> I did code in a few <noscript> additions today. Funny how a <noscript> in the
> <head> area to fetch stylesheets will not validate at w3c, but seems to work on
> all my browsers. I left it in for now, but will probably remove it in the
> future.



You did pretty good. :) It is much more accessible now, thank you. I
think you could probably remove the <noscript> tags and just always
include the stylesheet. The JS should override those default styles.

A couple niggly things, though...

- You appear to be using <h6> inappropriately. Headings should be used
in their intended heirarchy. On the home page, you jump directly from
h2 to h6. To me, it doesn't look like what's in h6 markup is really
headings at all. It would be better suited to <p> or generic <div>
markup instead. If you want it styled like your h6, just add a class
selector and style it accordingly.

- The Contents page should be using list markup rather than paragraphs.
Use nested lists for the lecture chapters, like
<ul>
<li><a href...>Foreward</a></li>
<li><a href...>Lecture I...</a>
<ul>
<li><a href...>The Meaning of the Universe</a></li>
<li><a href...>The Unfolding...</li>
</ul>
</li>
<li><a href...>Lecture II...
</ul>

You can style these any way you like, add class selectors if they make
it easier for you. You can hide the bullet markers if you want by
including list-style-type:none as one of the rules.

- You are using the same colors for text, unvisited and visited links.
Links aren't identifiable at all without some specific user action, like
mousing over the link text. This is not so good for usability. Also,
you might have intended the series be read in sequence, but you can't
rely on that, nor can you rely on a visitor reading the whole series in
one session. It would benefit the user to see some indication which
pages have already been viewed. Using different link colors is a good
way to do this.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews