I'm trying to create a book type interface that has 'pages', and the user can manually resize text, the catch is that I don't want the text to ever scroll.
I was using the studio HTML5 demo as a starting point, the problem is as any given text is allocated to one slide, so as the text size is increased the slide sizes just increase and it doesn't scale well.
Any ideas?
Thanks
Not an answer to your question, but one view is that HTML is not the right language for this - what you want can probably be achieved somehow using jQuery, but it's likely to be really kludgy.
There is no native way of doing this, say by having a text block that gets a certain width, and its contents scaling to that width. Every resize of the window would have to trigger a complex recalculating operation.
I think this would be solvable much better, and smoother, in Flash.
Use em unit. when use properly, the font scale based on its parent. This give you some point of reference.
So if you get the parent font (let say body or your page) to be in ratio with the size of the page (use jQuery to ensure that). Then every child fonts will be automatically in ratio.
I did my thesis defense in Feb using HTML/CSS/jQuery. I create a power point like program. It scaling reasonably well. Let looks at my blog here.