Don't use points, use em or rem. Otherwise it won't render well for people with unusual screen formats.
12pt = 1em, so how would using em be different?
Two lines of CSS that will improve HN on mobile (IMO)
51–60 of 163 posts
Re: Two lines of CSS that will improve HN on mobile (IMO)
#52Yes, please! I often tap the “[-]” button as well and it is quite difficult to get right.
Especially now that the “next” button has been added. It is very disorientating when I accidentally tap that.
In fact, all tap targets are too small for mobile. Clicking the comments link to open a post is difficult and I sometimes click flag or hide by accident.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#53Yes, please! I often tap the “[-]” button as well and it is quite difficult to get right. Especially now that the “next” button has been added. It is very disorientating when I accidentally tap that. In fact, all tap targets are too small for mobile. Clicking the comments link to open a post is difficult and I sometimes click flag or hide by accident.
^^ This so much. I click the [-] a lot and often click on the wrong 'link'.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#54The technical state of Hacker News front-end is an embarrassment.
not really? looks good, functions well. slightly awkward on mobile since the text is small. very fast, loads on all devices, very accessible because of good document structure. you could reasonably browse HN on a text-only terminal.
Tables for layout. The tag. Special spacer elements. HN is ridden with anti-patterns.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#55Its annoying that alt+left-arrow is broken on that site. Instead of taking the browser back, it just selects some random part of the page.
Yeah notion's habit of overriding essential browser shortcuts is bad enough on desktop but the site is basically useless on mobile.
The two Screenshots are placed next to each other instead of having the headline between them, and one of them doesn't even render.
I have to use notion at work and if I didn't love my job for other reasons their UI might be enough to make me walk out the door.
Plus: my goodness for a few words and two images this page takes forever to load and render, even with a warm cache. Cutting-edge UX in 2021! hooray!
Re: Two lines of CSS that will improve HN on mobile (IMO)
#56(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.)
At least you were able to see something. In Chrome, with cookies disabled by default, the page appears completely blank.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#57The technical state of Hacker News front-end is an embarrassment.
"Technical"? Nah. The html is readable, assets are minimal and get served almost instantly. The UX and design could be better, that's true.
Readable HTML does not mean it's good HTML, also these are not mutual exclusive. The UX and design can only be improved if you improve the code. Tables only bring you so far..
Re: Two lines of CSS that will improve HN on mobile (IMO)
#58Don't use points, use em or rem. Otherwise it won't render well for people with unusual screen formats.
12pt = 1em, so how would using em be different?
no he's right, pt is an absolute unit unlike rem/em, see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_...
Re: Two lines of CSS that will improve HN on mobile (IMO)
#59Re: Two lines of CSS that will improve HN on mobile (IMO)
#60(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.)
[deleted]