Time for Some Mobile CSS?

5 points by maliker ↗ HN
I know I’m not alone in browsing hacker news on my phone.

On mobile devices the flag/hide buttons are super close to the article and comment links. I hit them all the time unintentionally.

Maybe hacker news could throw an @media section in the CSS and make the links large enough to avoid accidental taps on mobile?

I have the same development philosphy as HN, roughly doing a minimal implementation that is close to what the machine requires. But I also value an interface that humans can use. I think with a couple lines of code HN could make this more usable without corrupting the spirit of a no-frills website.

2 comments

[ 9.4 ms ] story [ 12.8 ms ] thread
Related, just in case there aren't any changes in the books: I made some CSS user styles for HN and am hoping there's a way to get user CSS working in Chrome mobile.

I put together my own really basic CSS for HN. It addresses basic issues where things like font sizing can affect accessibility, and limits line length for reading comfort.

This works well in desktop Chrome using the "Custom Stylesheet & Script" extension. But it seems like the extension won't work for Chrome mobile.

Screenshot:

https://www.friendlyskies.net/images/hncssmods01.png

CSS paste:

https://pastebin.com/6nV8FUF4

Anyhow. Just in case anybody knows. Feel free to use the CSS if it can be helpful as well.

"Hackers" know how to use Materialistic, or zoom lol