Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ask HN: New attempt at mobile markup – keep or bail?

news.ycombinator.com

Post reply on HN
Print view View original

241–250 of 299 posts

Re: Ask HN: New attempt at mobile markup – keep or bail?

#241

Post by rgoodwintx »

alpb wrote: post #111

Just adopt https://cheeaun.github.io/hackerweb/ it does wonders on phone/tablet form factors. This design will not easily accomodate slightly larger displays such as tablets very well. This screenshot someone posted points out a lot of CSS problems regarding font size and the navigation layout: http://i.imgur.com/idgEFon.png

I agree. I haven't used anything but this on mobile since the day I found it. The comments links are much easier touch targets, and built in back and forth navigation. 10x easier to read. (Not that I don't appreciate the work the HN guys are doing!)

Re: Ask HN: New attempt at mobile markup – keep or bail?

#242

Post by marrs »

probably_wrong wrote: post #180

The design looks actually worse on Windows Phone[1,2]. The text is (or feels) a bit smaller now on portrait mode, so I'd have to switch to landscape. And the top menu is out of alignment. (Edit: The text is definitely smaller. I think it used to reflow nicely with bigger text but now it doesn't, forcing me to zoom out all the way) Since we are talking about mobile, I'd focus on improving the arrows - I've downvoted w…

At least you get some margins on the home page. Looks a mess on my device. Also, when I tap through to comments, half the page falls off the right of the screen until I double-tap the screen.

Re: Ask HN: New attempt at mobile markup – keep or bail?

#244

Post by colinbartlett »

gideon_b wrote: post #148
tillinghast wrote: post #58

Earlier quoted context omitted.

Viewport "bug" is a "feature" in iOS—change the textarea's font-size to 16px to override the auto-zoom.

This works very well: @media screen and (-webkit-min-device-pixel-ratio:0) { select:focus, textarea:focus, input:focus { font-size: 16px; } } It uses a css selector only available on iOS devices and enables a larger font to prevent zoom. [Original concept] http://stackoverflow.com/a/16255670/209005

There are quite a few good code snippets and suggestions for improvements to the CSS here.

I only wish there was some collaborative environment we could use to request changes to the code be pulled in and utilized.

Re: Ask HN: New attempt at mobile markup – keep or bail?

#248

Post by nkjoep »

alpb wrote: post #111

Just adopt https://cheeaun.github.io/hackerweb/ it does wonders on phone/tablet form factors. This design will not easily accomodate slightly larger displays such as tablets very well. This screenshot someone posted points out a lot of CSS problems regarding font size and the navigation layout: http://i.imgur.com/idgEFon.png

I have to agree. Just adopt https://cheeaun.github.io/hackerweb/ or at least, start from it! :)
Post reply on HN