Perfect Motherfucking Website • Hacker News Board

Re: Perfect Motherfucking Website

#121

Post by GoblinSlayer » Thu, Apr 08, 2021, 5:08 PM UTC

lhorie wrote: post #31

Trufa wrote: post #10

Earlier quoted context omitted.

Um, what's so bad about that?

Some people see `px` and assume it's physical pixels and because they know some devices have different pixel densities, they go complaining about how coding in terms of pixels instead of `em` doesn't account for density, unaware that `px` refers logical pixels[0] [0] https://blogs.perficient.com/2014/12/24/css-pixel-ratio-or-h...

First, that article is about smartphones. Second, even on smartphones, logical or physical, pixels are not related to text, they are related to the screen resolution.

Re: Perfect Motherfucking Website

#122

Post by Matumio » Thu, Apr 08, 2021, 5:08 PM UTC

munchbunny wrote: post #62

rkangel wrote: post #7

From " http://bettermotherfuckingwebsite.com/ " which is one up the chain: > A little less contrast WHY. WHY DO PEOPLE DO THIS. To give this person credit they have at least chosen some sensible values, rather than gone with something that was just about enough on an expensive graphic designer high-contrast monitor and then not tested it on anything else. Leaving the rest of us squinting to try and read text or manua…

> Yes I know the art theory stuff about never using black because it doesn't appear naturally. I think the underlying reasons for that are underappreciated. When you pick #000000 for your text color, people won't see it as pure black anyway. Imperfections in your screen's backlighting aside, your screen reflects the ambient lighting, or, if you're outdoors and pointed the wrong direction on a sunny day, your screen r…

If you want to go into the "pure black" discussion, I liked that article: https://news.ycombinator.com/item?id=24303042

Re: Perfect Motherfucking Website

#123

Post by alex_c » Thu, Apr 08, 2021, 5:09 PM UTC

lxe wrote: post #74

I built an antithesis to this: https://lxe.github.io/everywebsite/

You missed a banner nagging me to download the mobile app, I can still see actual content on about 25% of my phone screen!

Re: Perfect Motherfucking Website

#124

Post by cityzen » Thu, Apr 08, 2021, 5:09 PM UTC

2edgy4me

Re: Perfect Motherfucking Website

#125

Post by GoblinSlayer » Thu, Apr 08, 2021, 5:09 PM UTC

Trufa wrote: post #10

GoblinSlayer wrote: post #5

> body{max-width:650px;margin:40px auto;padding:0 10px;font:18px Ugh, this guy shouldn't touch web design with a 10 meter pole.

Um, what's so bad about that?

Max width and font size are wrong. Text isn't measured in pixels.

Re: Perfect Motherfucking Website

#126

Post by DyslexicAtheist » Thu, Apr 08, 2021, 5:09 PM UTC

0xEFF wrote: post #114

booleandilemma wrote: post #72

Earlier quoted context omitted.

This one has a dark theme though.

And a license.

and a lang= attribute

Re: Perfect Motherfucking Website

#127

Post by danShumway » Thu, Apr 08, 2021, 5:10 PM UTC

0xEFF wrote: post #114

booleandilemma wrote: post #72

Earlier quoted context omitted.

This one has a dark theme though.

And a license.

I took booleandilemma's comment as a joke, but to the broader point, why does a joke page that's smaller than a blog post need a license?

Does it add something to the satire, or does it make it funnier? Clearly the original page's lack of a license didn't make it impossible for anyone else to iterate on it.

And again, I can't stress this enough, the point of the original page was not that every single addition you could make to a website was bad. It was not that you shouldn't have a dark mode. It used radical minimalism to show that by default websites work, even if you have no clue what you're doing.

The lack of niceties is the point. Nobody was unable to read the original page or iterate on it. Could the page have been nicer? Sure. But the point was that even if you did nothing at all, the web still worked.

Re: Perfect Motherfucking Website

#128

Post by jrockway » Thu, Apr 08, 2021, 5:10 PM UTC

booleandilemma wrote: post #72

danShumway wrote: post #56

I want to hecking scream. The point of the original website in this chain was not that you couldn't do media queries, or that all of your designs had to be unstyled. It was a gosh-darned satire that showed that even if you did literally nothing , your website would still be responsive and readable and load fast. The fact that it did nothing, that it was just a completely unstyled HTML page was the reason that the jok…

This one has a dark theme though.

I have stopped waiting for website authors to figure out how to make a dark theme. I just have my user agent do it with https://darkreader.org/

Like ad blockers, sometimes you have to adjust it, but it usually Just Works. The main innovation from this is that my display has much improved contrast, because I can set the brightness for text on a black background, instead of setting the brightness for an entire screen of white. It is amazing how good a screen looks when it's not running at 1% brightness. (Just don't open a non dark mode app at night, or you won't be sleeping for a week.)

Re: Perfect Motherfucking Website

#129

Post by [deleted] » Thu, Apr 08, 2021, 5:10 PM UTC

u801e wrote: post #102

kuschku wrote: post #79

Earlier quoted context omitted.

> WHY. WHY DO PEOPLE DO THIS. Do you like 400 nits of #ffffff right into your eyeballs? No? Me neither. The alternative is absolute darkness with extremely bright text, which in turn makes it unreadable (if you have astigmatism as I do) and literally causes pain due to the high contrast. Nothing in nature has such an extreme contrast. The only reason anyone would ever use full contrast is if they have a shitty 6-bit…

> Nothing in nature has such an extreme contrast. What about black text on white pages in an actual hardback book? But since you referred to nature, what about zebras?

[deleted]

Re: Perfect Motherfucking Website

#130

Post by kuschku » Thu, Apr 08, 2021, 5:11 PM UTC

u801e wrote: post #102

kuschku wrote: post #79

Earlier quoted context omitted.

> WHY. WHY DO PEOPLE DO THIS. Do you like 400 nits of #ffffff right into your eyeballs? No? Me neither. The alternative is absolute darkness with extremely bright text, which in turn makes it unreadable (if you have astigmatism as I do) and literally causes pain due to the high contrast. Nothing in nature has such an extreme contrast. The only reason anyone would ever use full contrast is if they have a shitty 6-bit…

> Nothing in nature has such an extreme contrast. What about black text on white pages in an actual hardback book? But since you referred to nature, what about zebras?

https://upload.wikimedia.org/wikipedia/commons/3/37/Colorspa...

The not-triangular shape labeled "2200 matte paper" are all colors representable by reflective materials.

Colors outside of that range can only ever be produced by emissive materials, such as fire, stars, or your monitor.

All the colors your website uses should be from the range of reflective colors, as those are the ones seen in nature, and the ones your eyes are adapted to see.

The same applies also to black/white contrasts. Even vantablack next to a white sheet of paper (which would already be massively higher than any contrast in nature) still has a much lower contrast ratio than your monitor has.