10 ms·
A bit off topic but this is the best webpage design I've seen on the HN frontpage in months.
by superkuh 7y ago
A bit off topic but this is the best webpage design I've seen on the HN frontpage in months.
- alkonaut 7y agoMost 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.
- saagarjha 7y agoIt’s kind of awful on mobile, though.
- shakna 7y agoFixing that would just be adding one line to the head though: <meta name="viewport" content="width=device-width, initial-scale=1">
- fulafel 7y agoAnyone know why mobile browsers have this default rendering?
- saagarjha 7y agoProbably because websites used to not be mobile-optimized and they wouldn't fit on the screen if you didn't set a large viewport.
- zucker42 7y agoIt looks fine for me on Android Brave.
- jdnenej 7y agoWorks fine in reader mode but yeah it's totally unreadable on mobile.
- tuananh 7y agothe width is just too big for my taste. i hate to move my eyes left and right.
- serpix 7y agomaybe extend your arm or if sitting in front of monitor, move chair back a bit to eliminate calories burned from having to swivel eyes.
- castratikron 7y agohttp://bettermotherfuckingwebsite.com/ http://bettermotherfuckingwebsite.com/ I actually used this template for an internal development tool and everyone loves how fast and simple it is.
- amanzi 7y agoNow that is really a great website design.
- nitrogen 7y agoRegarding 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.
- alkonaut 7y agoI 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
- esyir 7y agoEh, 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/ http://bettermotherfuckingwebsite.com/ posted below definitely reads better to me (though expanding line length a bit might still apply to longer articles).
- emmp 7y agoIt's among the worst on mobile. Luckily Firefox for Android has reader mode.
- rock_artist 7y agoAlso iOS “safarifox” (Firefox:) ) and Safari. It failed to render it properly though.
- agumonkey 7y agohtml3 + readability = happiness
- TheRealSteel 7y agoI would agree with you but it's unreadable on mobile.
- greyskull 7y agohttps://ux.stackexchange.com/questions/108801/what-is-the-best-number-of-paragraph-width-for-readability 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.
- goto11 7y agoThe 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.
- coheeman1 7y agobruh have you seen the home page http://apollo.backplane.com http://apollo.backplane.com
- smcl 7y agoI'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.
- ksec 7y agoNot 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.
- michaelanckaert 7y agoThe 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-webdesign.html https://www.sinax.be/blog/general/guidelines-for-spartan-web...
- sireat 7y agoIt uses <center> tags though I assume unironically. Those are long depreciated. A tiny bit of CSS would make it perfect