On: Is that Hacker News web page optimized for iPad? Yes it is

[pg]

If I were to render different frontpages for different clients, what font sizes should I use on the iPad instead of the current ones?

[_zhqs → pg]

The font sizes/styles don't bother me. What is a pain are the voting arrows - they are so tiny that i sometimes tap the wrong one, and there's no way to undo one's vote.

[iamelgringo → _zhqs]

I click the wrong arrow quite often on my netbook. On my phone... fuggettaboutit

[dugmartin → _zhqs]

About 30% of the time I fat finger and click on the story link instead of the comments on my iPad. I don't know if that would be fixed with a bigger font or a bit more padding between the story and the comments link.

[donohoe → _zhqs]

I double the size of the voting arrows but they are a little blurry. I'll address that when I have more time

[carbocation → pg]

If you decide to do this, please consider using a larger font size on the iPhone, too. For my browsing habits, that would be greatly appreciated, though perhaps others find the font size on the iPhone to be OK.

[ronnier → carbocation]

I've made a mobile version of hn here http://toadjaw.com/hn

You guys are welcome to the CSS if you like the font sizes I'm using.

[aaronbrethorst → ronnier]

I dig the upgrades you made this morning. thanks again for making that web app!

[ronnier → aaronbrethorst]

Thanks! Had some free time on my hands yesterday.

[Toucan → carbocation]

There is an iPhone app already: (not mine) http://itunes.apple.com/us/app/hacker-news/id339408916?mt=8

A lot of the complaints are for older versions, you can at least vote now.

[andrewljohnson → pg]

When I reformat pages in my online iPhone app user manual for use on mobile devices, I go with 2.5em.

I prefer to read horsey big text on my mobile devices of all stripes.

[pt → pg]

From donohoe's CSS here: http://ifelse.org/projects/ipad/hn/hn.css

.pagetop { font-size:12pt; } .title { font-size:14.5pt; } .subtext { font-size:12pt; } .comhead { font-size:10pt; } table table img { width:19px; height:19px; }