Hacker News Reader

Hacker News

Comment by superkuh | Hacker News Reader

Full thread

superkuh

A bit off topic but this is the best webpage design I've seen on the HN frontpage in months.

View on HN

http://bettermotherfuckingwebsite.com/

I actually used this template for an internal development tool and everyone loves how fast and simple it is.

Now that is really a great website design.

Regarding the line width section, I really wish people had developed the habit of resizing browser windows. Though unfortunately these days resizing the window makes fingerprinting significantly easier.

I have dozens of webpages open in my browser window. The tabbed UI means ALL webpages have the same window size. If I were to resize my window for various sites (or even various locations on the same site or page) I'd do nothing else but resize. Just switching back and forth between tabs then often requires resizing the window! I think the idea of "make websites full width, users can resize their window" builds on a few assumptions that were perhaps true on a linux desktop in 1996 but they aren't anymore:

- Users have reasonable window managers for non-maximized windows(they don't, they run windows mostly).

- Websites display text mostly that can flow nicely.

- Web browsers have one window per web page

I love the drag-window-to-edge-to-split-screen behavior in windows.

Yes, I wish there was something to make it split in 3 though for example. On an ultrawide monitor you don't want your browser on either the left or the right side, you want a 3 column layout.

Niche product: ability to resize the viewport within a tab

Sort of like a better UI for the mobile viewport/responsive design dev tools in browsers

Was this website written by Maddox? I haven't seen prose like this since the early 2000's. It's way over the top and never calms down.

By the looks of it, no; Drew McConville is not George Ouzounian. Guess Drew's just a fan.

confirmed

It's worse than the original because the contrast is lower.

https://bestmotherfucking.website

Thanks, that's the real best one. I tried to find it with HN's search engine but failed because I forgot about the weird TLD.

That one actually hurts to look at on a calibrated monitor. Like, I literally get migraines from that contrast.

A lesson on why CSS should be able to specify the nits and colorspace you’d like your content to be displayed in, so it can be readable on your shitty screen, and avoid giving me headaches on my screen.

Well, if you do not like white background, just change default background in your browser config. I have light gray and it is perfect. I do not see why websites should override default colors unless they have a good reasons for specific colors.

Also, the color calibration AFAIK does not specify brightness. Perhaps the headaches are not from contrast, but from too much brightness?

Brightness is also specified for different media — between 100 and 300 nits for SDR content, and 1000 nits for HDR.

Text becomes painful if the contrast is too high, but if you have a cheap screen at 70 nits it won't ever be an issue.

Too bad the page's source isn't properly formatted, certainly if it's meant to make a point on how to do it properly.

Eh, I don't really like text that fills all the way to the edges. It's a bit difficult to read that way. The http://bettermotherfuckingwebsite.com/ posted below definitely reads better to me (though expanding line length a bit might still apply to longer articles).

https://ux.stackexchange.com/questions/108801/what-is-the-be...

I picked up a tidbit about optimal line widths in one of my courses and it's stuck with me. I think back to it whenever I see websites that don't constrain the width.

It’s kind of awful on mobile, though.

Fixing that would just be adding one line to the head though:

    <meta name="viewport" content="width=device-width, initial-scale=1">

Anyone know why mobile browsers have this default rendering?

Probably because websites used to not be mobile-optimized and they wouldn't fit on the screen if you didn't set a large viewport.

It looks fine for me on Android Brave.

Works fine in reader mode but yeah it's totally unreadable on mobile.

Most users run full screen browsers. Yes we run full screen browsers across our 1980, 2560 and 3840 screens. There is no way a web designer could or should say "well that's the fault of users". That's just a reality.

Users want a readable-width column in front of their eyes. That is: it shouldn't be full width, it has to have a max size that is smaller. And the column has to be centered because the left edge of a big screen is way too off center to read comfortably.

Agree on the minimalist design being a breath of fresh air though. Just needs a reasonable paragraph formatting and it's perfect.

If you're insane enough to full-screen the web on a large wide-screen monitor, can't you just hit the reader mode button in your browser?

That's a great idea. I always forget that exists (It doesn't help all pages though but in examples like this it's perfect).

The nears a design what I call Spartan Webdesign [0]. The UX on mobile devices is not there yet but I agree this is one of the better sites we've seen here in a long time :-)

[0] https://www.sinax.be/blog/general/guidelines-for-spartan-web...

The line length just expands to fill the screen. Which means if you happen to have the "right" device/screen size, it will look good and be easy to read. But on many (probably most) screens the lines will be far too long to be easily readable.

I'm not a fan of the text that stretches across the whole screen, but I do like the use of <ul> to slightly indent the paragraphs wrt to the headings. Don't know how common it is, but it's the first I've seen it.

It's among the worst on mobile. Luckily Firefox for Android has reader mode.

Also iOS “safarifox” (Firefox:) ) and Safari. It failed to render it properly though.

html3 + readability = happiness

Not really best as I hate full width Webpages, especially if you are on a 21:9 monitor, but I do like minimal webpages.

Somewhere along the line people just want to make Web Apps, when the Apps itself is no different to a page.

the width is just too big for my taste. i hate to move my eyes left and right.

maybe extend your arm or if sitting in front of monitor, move chair back a bit to eliminate calories burned from having to swivel eyes.

bruh have you seen the home page

http://apollo.backplane.com

I would agree with you but it's unreadable on mobile.

It uses <center> tags though I assume unironically. Those are long depreciated.

A tiny bit of CSS would make it perfect

Reply on news.ycombinator.com