Neat little trick for zooming browser content for presentations...
During a presentation, one always needs to bump up the font-size to make sure all the audience members can see and read what you are presenting. I've found source code is pretty legible using 14pt Lucida Console font, and maybe 18pt if the room is large. With HTML content, the problem is you're relegated to the Text Size option, and it works only if you don't use fixed font sizes, and it doesn't scale images either. So it doesn't work all that great.
On this last trip of mine, I used a new approach. I had fixed sizes all over the HTML in the app I was using for my demo (including 8pt Tahoma) so the pages looked good on the desktop, but then had a special stylesheet selected (via the Accessibility settings under Tools | Options in Internet Explorer). The stylesheet contained just one rule that uses an IE-specific CSS attribute:
body { zoom: 133% }
This worked pretty well - scaled text, images, and form elements as well. Supposedly Opera has a zoom feature, but I haven't tried that. Firefox has a zoom feature that apparently works for text but not graphics...
In the past, while playing with Avalon, I found the ability to uniformly apply a scale transform to all your user interface, to be pretty compelling. This would be extremely helpful - right now with the parts of my demo using VS, I can make sure the source code is legible from afar, but the other parts of the UI, such as the property grid remain at their normal size.
Any other tricks people use? I'd love to hear...
Posted on Monday, 11/29/2004 @ 5:38 PM
| #
ASP.NET