The iPhone could display this page much more readably

Here's the page it's displaying.

www.scripting.com/gems/support/iphonetimesriver.html

Which is an adaptation of nytimesriver.com/, in an attempt to create something that's readable on the iPhone without forcing the user to adjust the browser before reading anything. No luck, it didn't work.

To take full advantage of Flickr, you should use a JavaScript-enabled browser and
install the latest version of the Macromedia Flash Player.

Comments

myelin says:

You could hack your way around this by setting the font size really huge - like 8em...

[EDIT: I mean in the HTML -- just 'font-size: 8em' in the CSS somewhere. The suggestions below sound much better, though.]
Posted 30 months ago. ( permalink )

scriptingnews says:

How?
Posted 30 months ago. ( permalink )

JimRoepcke says:

Remove the table that is wrapping your content, and set the device-width to 320px (if that doesn't look right, try 480px) pixels using CSS and I think that'll make a big difference.
Posted 30 months ago. ( permalink )

David Harper says:

We're using XHTML MP with an iPhone-optimized CSS and serving it up based on the iPhones User Agent.

Go directly to the following address with your iPhone for an example NYT business feed I set up on my mobile site:

winksite.com/xhtml/ms_rss_feed_el.cfm?susid=1 561&cid=...

Or,

winksite.com/xhtml/ms_main.cfm?susid=1561

...if you just want to click around.

For Scripting News try here:
winksite.com/xhtml/ms_rss_feed_el.cfm?susid=1 561&cid=...

Font will be readable (could even be larger - we're still testing)

Better yet, turn the screen horizontal and the font gets larger automatically.

David Harper
Posted 30 months ago. ( permalink )

technoweenie says:

TadaList has a great iPhone interface, probably one of the best I've seen. I think the key is to use all of the available width, like Hahlo, which also works well on the iPhone.
Posted 30 months ago. ( permalink )

David Harper says:

@ technoweenie. Re: Hahlo. I really dig the Menu List/CSS. Cool stuff. Apparently, the iPhone flavor of Safari does not support the static div on the bottom though so it scrolls along with the rest of the screen rather then staying locked to the bottom. Home button on the top is a good idea.
Posted 30 months ago. ( permalink )

Yandle says:

Use CSS rather than tables for layout
Posted 30 months ago. ( permalink )

Would you like to comment?

[?]

	scriptingnews' photostream
		4,691 uploads

1 person calls this photo a favorite

Additional Information

Some rights reserved Anyone can see this photo

Taken on June 30, 2007
Viewed 1,953 times

Add to your map

Yay location removed

...

(Some formats are OK.)

Or, remove it from the map.

Go to the map

You	Sign in \| Create Your Free Account
Explore	Places \| Last 7 Days \| This Month \| Popular Tags \| The Commons \| Creative Commons \| Search
Help	Community Guidelines \| The Help Forum \| FAQ \| Sitemap \| Get Help

The iPhone could display this page much more readably

Comments

myelin says:

scriptingnews says:

JimRoepcke says:

David Harper says:

technoweenie says:

David Harper says:

Yandle says:

Would you like to comment?

scriptingnews' photostream

Additional Information