Two lines of CSS that will improve HN on mobile (IMO) • Hacker News Board

Re: Two lines of CSS that will improve HN on mobile (IMO)

#31

Post by rayrag » Thu, Dec 09, 2021, 10:21 AM UTC

This few lines will improve HN on desktop, IMHO.

body { margin-top: 0; background-color: #EAEBE3; }

.title { font-size: 14px; }

.titlelink { color: #131010 }

.subtext { font-size: 11px; }

.comment { font-size: 14px; line-height: 1.5; }

.default p { margin-top: 16px; max-width: 100ch; }

https://i.imgur.com/FmbgVOo.png

and moving "Lists" from bottom navigation to the top navigation would good thing.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#32

Post by janaagaard » Thu, Dec 09, 2021, 10:24 AM UTC

S0und wrote: post #6

Or just use: https://play.google.com/store/apps/details?id=com.simon.harm...

Personally not a fan of using an app to browser something that contains that many links to the web. You're either stuck in the in-app browser (no bookmarks, etc.) or there is a lot of switching between the app and the browser.

I have an iOS device. The experience might be better on Android.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#33

Post by pritambaral » Thu, Dec 09, 2021, 10:24 AM UTC

S0und wrote: post #6

Or just use: https://play.google.com/store/apps/details?id=com.simon.harm...

Mobile Web > Mobile App (especially for sites like HN).

Re: Two lines of CSS that will improve HN on mobile (IMO)

#34

Post by egeozcan » Thu, Dec 09, 2021, 10:28 AM UTC

omarfarooq wrote: post #7

frenkel wrote: post #4

I just zoom in to 115% on iOS and 120% in Firefox on my desktop computer.

150% on desktop here.

I'm 35 with no known problems with my sight, still 190%.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#35

Post by janaagaard » Thu, Dec 09, 2021, 10:28 AM UTC

(A bit ironic that the article about supporting small screens doesn't render well on a small screen: The before and after headings are both placed above the two screenshots.)

Re: Two lines of CSS that will improve HN on mobile (IMO)

#36

Post by egeozcan » Thu, Dec 09, 2021, 10:30 AM UTC

yawaworht1978 wrote: post #2

Ok, but there are also other css things I would like to add on mobile, but how can I do this without a console, do I need an extension like grease monkey?

Tampermonkey works on FF Nightly (the one with the blue icon). You just need a mozilla account and create your own allowed extension list.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#37

Post by Lhiw » Thu, Dec 09, 2021, 10:30 AM UTC

janaagaard wrote: post #32

S0und wrote: post #6

Or just use: https://play.google.com/store/apps/details?id=com.simon.harm...

Personally not a fan of using an app to browser something that contains that many links to the web. You're either stuck in the in-app browser (no bookmarks, etc.) or there is a lot of switching between the app and the browser. I have an iOS device. The experience might be better on Android.

Use userstyles browser add-on?

Re: Two lines of CSS that will improve HN on mobile (IMO)

#38

Post by adrianojlt » Thu, Dec 09, 2021, 10:33 AM UTC

I made a bookmarklet to toggle all the comments at once. Check it out if you find it useful: https://greptips.hashnode.dev/hacker-news-toggle-comments

Re: Two lines of CSS that will improve HN on mobile (IMO)

#39

Post by dncornholio » Thu, Dec 09, 2021, 10:45 AM UTC

The technical state of Hacker News front-end is an embarrassment.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#40

Post by lessname » Thu, Dec 09, 2021, 10:50 AM UTC

dncornholio wrote: post #39

The technical state of Hacker News front-end is an embarrassment.

I wouldn't say that. Maybe not the best design you might think of but much faster than e.g. indiehackers.