DTP


 
Lively discussions on the graphic arts and publishing — in print or on the web


Go Back   Desktop Publishing Forum > General Discussions > Web Design

Reply
 
Thread Tools Display Modes
Old 11-22-2008, 04:25 PM   #1
don Arnoldy
Curmudgeon
 
don Arnoldy's Avatar
 
Join Date: Oct 2004
Posts: 491
Default My little experiment...

Folks-

I have been mulling about creating a layout that adjusts itself—not just reflows—based on the reader's default font size. So, i built a page where almost all the measurements are in ems. It is only one page, at this point—so none of the links go anywhere. Please, let me know what you think... does it break, does it suck, is it readable, whatever response will be appreciated.

--don

   
__________________
--don
don Arnoldy is offline   Reply With Quote
Old 11-22-2008, 04:56 PM   #2
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,189
Default

I keep both Safari and Firefox default font sizes (16). At that size I get a horizontal scroll bar at your test page.

I decided to change it to 14, and then to 12, but I still got the scroll bar.

As a rule, I refuse to scroll horizontally. If the content is compelling, I sigh and do it. Or I open the window to accommodate the page. But that accommodation comes at a price! <g>

Even if I reduce the type size to what appears to my eyes to be 9 point, and then if I widen the window to 2/3 of my screen, I still need to scroll.

Not sure what you want to know, but if you are looking for the annoyance factor, I would say your site is something like 85% annoying.

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 11-22-2008, 05:04 PM   #3
don Arnoldy
Curmudgeon
 
don Arnoldy's Avatar
 
Join Date: Oct 2004
Posts: 491
Default

Quote:
Originally Posted by ktinkel View Post
Not sure what you want to know...
Well, that's one of the things I wanted to know. For reference, what is the pixel width of your monitor?

   
__________________
--don
don Arnoldy is offline   Reply With Quote
Old 11-22-2008, 07:24 PM   #4
JVegVT
Member
 
Join Date: Jan 2005
Location: northern New England, USA
Posts: 510
Default

I also got horizontal scrolling in Opera 9.62 for Linux. I eliminated the horizontal scrolling with Opera's Fit to Width feature, but that's a browser-specific solution and so it's no solution at all for the large majority who are not using Opera.

With SeaMonkey 1.1 13 for Linux I had the horizontal scrolling and had to drag the scroll bar to the right in order to have the full line of text on the screen.

My resolution is 1280 by 800 pixels.
--Judy M.

   
__________________
Registered Linux User #397786
Being productive with VectorLinux 7 Standard
JVegVT is offline   Reply With Quote
Old 11-22-2008, 11:39 PM   #5
don Arnoldy
Curmudgeon
 
don Arnoldy's Avatar
 
Join Date: Oct 2004
Posts: 491
Default

Quote:
Originally Posted by JVegVT View Post
I also got horizontal scrolling...
Okay, two horizontal scrolling replies, and I went back to look at my math on the line length calculation. I have now recalculated it a different way, and the page is less wide.

--don

   
__________________
--don
don Arnoldy is offline   Reply With Quote
Old 11-22-2008, 11:44 PM   #6
iamback
Member
 
iamback's Avatar
 
Join Date: Oct 2005
Location: Amsterdam, NL
Posts: 4,894
Default

Quote:
Originally Posted by don Arnoldy View Post
Well, that's one of the things I wanted to know. For reference, what is the pixel width of your monitor?
Irrelevant. What you should consider is window width. The larger the monitor, the more likely people will not be browsing full-screen.

With my normal window size, the horizontal scroll bar is at about 3/4. That should tell you something about my window size. If I go full-screen (just to test) I note everything is at the left - it would be better to center it.

And I'm with Kathleen: I use a horizontal scroll bar only when absolutely necessary.

   
__________________
Marjolein Katsma
Look through my eyes on Cultural Surfaces (soon!), My ArtFlakes shop and Flickr.
Occasionally I am also connecting online dots... and sometimes you can follow me on Marjolein's Travel Blog
iamback is offline   Reply With Quote
Old 11-23-2008, 12:15 AM   #7
Mike
Staff
 
Mike's Avatar
 
Join Date: Oct 2004
Location: Llanwrtyd Wells
Posts: 1,450
Default

Looks OK to me using Safari with whatever defaults it comes with.
Attached Thumbnails
Click image for larger version

Name:	Picture 1.jpg
Views:	12
Size:	167.4 KB
ID:	1389  

   
__________________
Mike

www.welshframing.com
Mike is offline   Reply With Quote
Old 11-23-2008, 05:17 AM   #8
George
Member
 
George's Avatar
 
Join Date: Feb 2005
Posts: 1,036
Default

Don,

The font is great for reading but the screen is too wide.

However, in regard to your argument -- isn't there a natural rejection of Service-Learning programs, as they are inductively orientated and less concrete in assessment methods?? If this is commonly the first objection to the programs, then I would think you should have at least a few sentences somewhere on how effectiveness is measured in real terms, or the article will be dismissed summarily. However, it's amazing the extent to which educators still do not understand inductive learning methods at all -- so a link within the article to some review on that probably would serve the article well.

I hate using the word "pedagogy" for educational philosophy. I know some educators relate to it, but I'll never understand why --too abstract for an everyday, real life situation.

George
George is offline   Reply With Quote
Old 11-23-2008, 05:53 AM   #9
Bo Aakerstrom
Member
 
Bo Aakerstrom's Avatar
 
Join Date: Mar 2005
Location: Derby,UK
Posts: 1,316
Default

Just a question. I'm not saying it's right or wrong, but why would you want the margin to increase with the font size?

In Opera on Win the page looks like it does in Mike's screenshot.

My screen resolution is 1600 x 1200 on a 21" monitor and with the default settings in Opera, the paragraph font is a little on the large side but not really large. I would add a little more line-height to aid readability.

The different widths on the navigation bar at the top, the background and the content area looks a bit odd too, but that's my opinion only.

   
__________________
www.boaakerstrom.com
Behance Portfolio
Bo Aakerstrom is offline   Reply With Quote
Old 11-23-2008, 06:13 AM   #10
Michael Rowley
Member
 
Join Date: Jan 2005
Location: Ipswich (the one in England)
Posts: 5,105
Default

Don:

Quote:
Please, let me know what you think.
I've looked at your specimen page in Firefox 3, Chrome, and Internet Explorer 8, and it looks very good (i.e. clear and easily readable) in all three browsers. However, in IE 8 the text appears to be too large and the lines are correspondingly short; in FF 3 and Chrome the text looks all right. I'm viewing on a 24-in LCD wide-screen, with 75–80% image width, and the view is set to landscape, which is good for text; the resolution is 1900 whatsits × 1200 whatsits.

You don't get full marks for composition though: three 'its' in a row that should have been 'it's' is not good enough! Tsk, tsk!

   
__________________
Michael
Michael Rowley is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Intriguing interface experiment ktinkel Web Design 7 07-26-2005 12:32 PM


All times are GMT -8. The time now is 02:26 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Contents copyright 2004–2014 Desktop Publishing Forum and its members.