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

Perfect Motherfucking Website

perfectmotherfuckingwebsite.com

Post reply on HN
Print view View original

61–70 of 249 posts

Re: Perfect Motherfucking Website

#61

Post by GoblinSlayer »

542458 wrote: post #44
progval wrote: post #8

> And did you let the browser choose the font? Don’t make me read such text with Times New Roman. I don't understand this attitude. If you don't like Times New Roman, why don't you change your browser's default font? What I don't like is when websites tell my browser to use a different font or different colors than the ones I configured. (Off-topic, but something that really annoys me is websites that make text in ve…

Most websites are not designed for you, the 0.5% of users who are running some personalized style sheet override. They’re designed for the other 99.5% of people who don’t even realize that’s possible.

It's not a stylesheet, it's good old font choice dialog.

Re: Perfect Motherfucking Website

#62

Post by munchbunny »

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 reflects sunlight that is orders of magnitude brighter than the screen itself (measured in cd/m^2). #000000 never shows up as actual black either.

So if you're going to put black text on white background, just use #000000 on #ffffff. Nature doesn't need any more help to make text on screens hard to read.

Re: Perfect Motherfucking Website

#63

Post by hinkley »

camgunz wrote: post #35
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…

A fundamental design principle is that full black is unnatural. It's like, point three on "I don't know anything about design, give me a quick list" articles. And it's pretty true, frankly. Making text a little more navy or gray makes a big difference. Sure people have eyesight issues and not everyone has a great monitor, but most people prefer it this way.

Very true, however better has chosen #444 whereas #333 seems to work a bit more consistently.

One thing you should always consider during the requirements phase of a web application is whether your app is likely to be used projected on a conference room wall. Things like contrast and fonts make huge differences in such hostile settings, and available screen real estate is also considerably limited.

Re: Perfect Motherfucking Website

#64

Post by edoceo »

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…

Put #101010 on #f0f0f0

Re: Perfect Motherfucking Website

#65

Post by ffhhj »

542458 wrote: post #59
ffhhj wrote: post #45

Seriously, some minimal fucking things are needed to make this shit perfect. What's with the long ID's that look auto-generated? Imagine a large site with this pattern. Does it has a purpose, or is it part of the byte-wasting satire? Also, after developing large dynamic websites with jQuery I learned that using classes instead of ids is a better strategy.

You can (debatably should) do this, as it allows you to deep link into a document. http://example.com#elementID links to that specific item.

I see, thanks!

Re: Perfect Motherfucking Website

#66

Post by bob1029 »

hardwaregeek wrote: post #42

The overly curse happy programmer speak is so very stale. I'm not offended or anything but it's just not that great. It doesn't make the content more interesting. It doesn't make the author seem any cooler. It's just meh. It reminds me of Epic Meal Time; a facade of coolness based on cursing, alcohol and over the top food. I love that instead of this style we're getting a new generation of programmers who are genuine…

There is always a balance with these things. I try to be careful to use profanity as a tool rather than a literary crutch.

If you only use a phrase like "fucking bullshit" once across an entire blog post or book, you will find it has far greater impact on the reader. They will think "wow out of 400 pages of polite discourse, this is the one thing the author would really like to highlight as adverse".

Re: Perfect Motherfucking Website

#67

Post by lhorie »

Good advice regarding `lang` and a11y aside, I think people are starting to kinda miss the point of the brutalist format. The format is meant to prioritize pragmatism and functional form instead of being statements in and of themselves (in fact it's meant to be a pushback against earlier styles that prioritized form over function). The original has a great effect because the usage of expletives gels well with the tone of its message ("wake up, you're doing it wrong!").

Here, the substance of the article is primarily about subtle incremental improvements, and it's quite clear that the expletives are being used to draw more effect to content that would be quite a bit more "boring" otherwise (though don't get me wrong, the advice is generally good)

To be fair, one could argue that appropriating a style in a way that is counter to its original intent is itself a form of art. But by the third or fourth me-too, it feels cliche and watered down to me IMHO.

Re: Perfect Motherfucking Website

#68

Post by Naac »

The stylesheet for this website is linked as such:

https://perfectmotherfuckingwebsite.com/fuckingstyle.css?v=0...

And is minified. So not very simple, which was the whole point of http://motherfuckingwebsite.com/

So I would say there is some room for improvement, and calling it `perfect' is premature.

Re: Perfect Motherfucking Website

#69

Post by RedShift1 »

RandallBrown wrote: post #39
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…

> WHY. WHY DO PEOPLE DO THIS. Because too much contrast can be jarring and distracting, making it harder to read. These kinds of things are subjective.

Is there any research that proves this?

Re: Perfect Motherfucking Website

#70

Post by new_here »

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…

Lowering the contrast of text helps people with dyslexia (between 7.5% - 17.5% of users) to read the content more easily: https://www.w3.org/WAI/RD/2012/text-customization/r11

High contrast text can appear blurred for them while reading.

Post reply on HN