L: I tried viewing the testbed file in a 640×480 window and the text was still quite readable, so I’m not sure why it turned out too small for you. As for the controls exceeding the footer at smaller font sizes, that would appear to be a fault in the theme’s CSS, one that wasn’t revealed until the scaling routines were added. I’ll worry about that part later.


function fontSize(value)
{
if (!isIE) {
var obj = document.getElementsByTagName('body')[0];
obj.style.fontSize = value;
} else {
if ('undefined' == document['s5ss'] + '') {
document.createStyleSheet();
document.s5ss = document.styleSheets[document.styleSheets.length - 1];
}
document.s5ss.addRule('body','font-size: ' + value + ' !important;');
}
}

function fontScale() {
...
var newSize = Math.min(Math.round(vSize/vScale),Math.round(hSize/hScale));
fontSize(newSize + 'px');
}


However when resizing the window several times in a short timespan, I noticed it would sometimes miscalculate the font size. Maybe IE5/Mac needs a few microseconds to update the current window dimension properties (?!).

The various suggestions of forcing a reload didn’t work out because the font scaling, which is fired by a window.onresize event, was what had to do a history.go(0) call in order to trigger the reflow. But a reload is interpreted as a resize, so an infinite loop of reloading was set up where the reload fired an onresize event, which ran the scaling code, which fired a reload, which…

Ben: a big part of this is to make the process transparent, and to work in all supported browsers. IE/Win, for example, doesn’t allow font scaling if the font size is set in pixels, as I expect will happen with many themes. In fact, the only reason the keyboard text-scale function worked is that the intro slide show’s theme sets the body font size in pixels, and everything else in ems or percentages, and you were using a Gecko browser. A theme that did a lot of font setting and element sizing in pixels would scale badly, whether via the keyboard or the scaling routine I’ve created.

Michaël: I’m not so concerned about adding rules ad infinitum; some of the existing code already does that. I also don’t expect users to do a lot of resizing of the window– none at all, actually, in 99% of cases. The major point of this is to allow dynamic rescaling if the target resolution isn’t what the theme author expected, so that if your 1024×768 show ends up in an 800×600 environment, the slides should at least be readable.

var ss = document.styleSheets[1];
ss.addRule(...);

in FontZero() and FontScale() subroutines.

If you write something like:

document.createStyleSheet();
document.styleSheets[document.styleSheets.length - 1].addRule('body','font-size: ' + newSize + 'px !important;');

… it works back again (?!). This is kind of puzzling. In this particular CSS configuration, it seems IE/Mac fails to add rules to an existing style sheet.

Of course, you wouldn’t want to add styles sheets ad infinitum so we’ll need to figure a way to add and remove rules from the dynamic stylesheet we just created. I’m a little busy right now so I’ll come later on this topic unless someone would write the necessary glue code for IE/Mac.

Warning: Cannot modify header information - headers already sent by (output started at /home/httpd/vhosts/meyerweb.com/httpdocs/eric/thoughts/wp-includes/functions.php:1353) in /home/httpd/vhosts/meyerweb.com/httpdocs/eric/thoughts/wp-comments-post.php on line 89

I get alot of these on a blank page when posting a comment.

Is the aim of this bug to make that process completely transparent and automatic so as to avoid minor manual labour like this? Or is the bug actually something much larger that I’ve missed?

As regards image scaling: Why not leave that up to the author? Including some classes that can be added to images for dynamic sizing with height or width as 90% (for instance) and allow the browser handle the aspect automatically.

I’m extremely impressed with everything so far though, and look forward to the progress. Here’s to free time!

Also: am I alone in wanting a print version that looks pretty much like the slideshow version?