Skip to main content

Ralsina.Me — Roberto Alsina's website

Thinking in 800x480: Web browsing

I am still anx­ious­ly wait­ing for my Asus eee (still a week to go or so), and I was think­ing about web brows­ing in the 7", 800x480 screen.

Yes, you can do the usu­al things, go to full screen mod­e, what­ev­er, but for many sites, 800 pix­els is just too nar­row.

You can make pages fit bet­ter in a lim­it­ed width by re­duc­ing the font size. A good 8pt font is prob­a­bly read­able on that screen, since you will be pret­ty close to the screen.

How­ev­er, that does noth­ing for lay­outs that are pix­el-based, and for the size of im­ages.

How­ev­er, af­ter read­ing about Qt 4.4's sup­port for we­bkit and wid­gets in QGraph­icsView, I start­ed think­ing... that's do­ing it wrong.

What you want in lim­it­ed screen space is text in the usu­al size and the page in a small­er size.

So, my idea is:

  • Make the font larg­er. Say, 12p­t.

  • Ren­der the page in a we­bkit wid­get that's 1200x720 pix­el­s.

  • Put the wid­get in a QGraph­ic­sS­cene, and re­­duce it 33%.

The re­sult? a 800x480 web page view that con­tains the whole page.

Of course you should be able to change all these pa­ram­e­ters with a sin­gle con­trol. Is the page too wide to see in 800x480 with 8pt fonts?

Then try 1000x600 with 10pt fonts, and re­duce it to fit the screen.

Still too wide? Then try 1200x720 and a 33% re­duc­tion.

Pos­si­ble tip­s:

  • Should work bet­ter with aliased fonts, since the size re­­duc­­tion should make an­­tialiased fonts too blur­ry. A wide, open font will look bet­ter,

  • The scrol­l­bars will look squashed, I ex­pec­t. Prob­a­bly check­­box­es and ra­­dio but­­tons will look funky. Here, more ad­­vanced wiz­­ardry is need­ed.

Of course it would have to be test­ed, but I am will­ing to bet this will work bet­ter than oth­er al­ter­na­tives. If I had a work­ing PyQt 4.4 I would try to do it my­self ;-)