7 ms·
As ever, the staggering difference in readability between https://motherfuckingwebsite.com/ https://motherfuckingwebsite.com/ and http://bettermotherfuckingwebs
by lexicality 3y ago
As ever, the staggering difference in readability between https://motherfuckingwebsite.com/ https://motherfuckingwebsite.com/ and http://bettermotherfuckingwebsite.com/ http://bettermotherfuckingwebsite.com/ (on desktop at least) demonstrates that rawdogging the internet is generally a bad idea.
- Tomte 3y agohttps://bestmotherfucking.website/ https://bestmotherfucking.website/ is my favorite (https://thebestmotherfucking.website/ https://thebestmotherfucking.website/ is an abomination).
- bjourne 3y agotext-align: justify ruins the readability of the text. Won't ever work until browsers become much better at hyphenation.
- GoblinSlayer 3y agoUh, hyphenation ruins readability much worse than justified text.
- LoganDark 3y ago> Bump that body copy to render close to 16px or more also known as the default font size in browsers, don't you dare override the user's preferred font size for body copy, scale everything else in units of rem instead.
- wizzwizz4 3y agoDon't scale everything in units of rem; we want "zoom text only" to continue to do what it says on the tin. Only scale the things that need to be text-sized.
- Tade0 3y agoThings like border-radius are especially fun to watch then they're sized in rem. What was a regular border, eventually becomes a half-circle.
- FalconSensei 3y agoAlso spacing/padding increases to much that then at some point you only have like 1 word per line, and the screen is half blank space
- LoganDark 3y agoIs there a reason for certain CSS frameworks like Tailwind to scale absolutely everything in units of rem and ignore px like the plague? Or is that just too far? I did mean font sizes though. :)
- dmix 3y agoEveryone jumped on the only-use-rem train when mobile started dominating because it provides relative units that scale better rather than absolute pixels. In practice it doesn't really mean much outside of blog-like text so when doing layouts it's more of just a standard everyone agrees on using everywhere because it's easier to stick to one for consistencies sake and it does the job. I don't think many frontend devs ever test zooming text using a browser anyway, their main concern is variations in screen sizes, basically device variation not manually zooming text. But I get the arguments to limit it to text.
- afiori 3y agoModern browsers zoom by increasing the CSS pixel size, so now all units are relative
- GoblinSlayer 3y agoZoom can use different algorithms, it's a setting.
- 542458 3y ago> don't you dare override the user's preferred font size for body copy I’d bet you that 98+% of users don’t even know you can change the browser font size. For that overwhelming majority of users the size reported by their preferences and their actual preferences do not necessarily align. This is not a defence of setting smaller-than-16px font sizes, but it is a defence of setting larger sizes if testing shows it improves user experience.
- LoganDark 3y ago> This is not a defence of setting smaller-than-16px font sizes See: HN, that sets a "10pt" font size, otherwise known as 13px. At least they have a reason and it fits for me. :)
- justcool393 3y agoOn the contrary, I've always found HN's font size to be one of the worst parts about the UI. I actually have a userstyle set to override it body { font-size: larger; } .comment, .default, .comhead { font-size: 14px; } .subtext, .pagetop { font-size: 13px; } .title { font-size: 16px; } It's not the prettiest CSS or the most well done, but it works and it's better than the defaults imo.
- FalconSensei 3y agoI do use HackerNews at 150% because otherwise it's unreadable
- FalconSensei 3y ago> I’d bet you that 98+% of users don’t even know you can change the browser font size. The users that need that to be able to read (e.g. vision problems) definitely do know that. It's about accessibility
- Popeyes 3y agoI disagree, I field a lot of reasonable adjustment requests and a staggering number of people don't know about basic functionality. They are also not interested in them.
- EGreg 3y agoIf you’re interested in sites loading quickly in more… practical scenarios, read this: https://community.qbix.com/t/qbix-websites-loading-quickly/232/3 https://community.qbix.com/t/qbix-websites-loading-quickly/2...
- deleted 3y ago[deleted]
- eyko 3y agoAnd all it takes is a few typographic rules in a style tag.
- isaacremuant 3y agoPersonally, the childish "saying motherfucker is shocking/bold" style is a bit of a cop out to make a proper argument. I don't even say it with the typical puritan TV USA mindset but just the, give me the facts, not the show. Yelling won't make you right, just 14. Specially when it's clearly not a visceral reaction but a thought out post. It's like comedy that thinks saying fuck or shit is funny when that's basically the lowest bar of humor. Say it, but style matters, the word in itself is not funny (unless you're a kid and afraid of someone telling you off, again: boldness).
- stavros 3y agoI agree, I like a well-placed swearword, but when used as a crutch for humor, it falls a bit flat.
- alemanek 3y agoIf you read it in Samuel L Jackson’s voice it makes it a lot better.
- sigg3 3y agoWhile I appreciate the sentiment, I feel you're missing the point. This is akin to maddox's writing. It aims to strike a nice balance between satire and self-immolation, but might stumble in its attempts. You're supposed to feel conflicted between the obnoxious tone and the rational message. The writing makes fun of know-it-alls while also making a well reasoned argument.
- Typhon 3y agoIt reminds me of the extreme advertising meme.
- arcanemachiner 3y agoI don't think you can just say "Maddox" in 2023 and assume people will know what you're talking about. maddox.xmission.com
- 3y ago
- deleted 3y ago[deleted]
- lecozi 3y ago[flagged]
- pwdisswordfishc 3y agoWell, given the former of the two is much better…
- JKCalhoun 3y agoSadly, no one ever stops at bettermotherfucking and that turns out to be the problem. I'd be happy with a No Ads And No 3rd Party Trackers, Analytics or Other Shit Club.
- Aeolun 3y agoHow the 'motherfuckingwebsite.com' looks is entirely up to your user agent. If it looks terrible that's not the fault of the website.
- toastal 3y agoYou can customize the user agent. Firefox I can set the colors & fonts …and this includes different settings for dark themes as well. I prefer this experience; namely on my OLED displays I like being able to have #000 black backgrounds & on my e-reader, I much, MUCH prefer #000 text on #fff for maximum readability. There so many contexts where the designer doesn’t need to get overly involved versus letting users decide.
- red_trumpet 3y agoI have mixed feelings about the second one. Yes, line width highly improves readability. But I think the grey font makes it more difficult to read. And I'm no fan of the increased font height, though that might be more personal.
- Tepix 3y agoI agree about the reduced contrast. Not cool.
- pdntspa 3y agoThere's a design tenet to never use pure black or white, that's probably what is going on here
- johntiger1 3y agoYeah my #1 peeve is a striking pure white background especially when I'm browsing at night. Maybe they should offer day/night contrast options?
- xigoi 3y agoDecrease your brightness.
- least 3y agoDecreasing the brightness reduces the contrast which also decreases the readability of it. A dark background with light text has both higher effective contrast and less light hitting your face.
- rtheunissen 3y agoExperiment with monitor brightness. My phone is always on low brightness at night, but for some reason my monitor is always at 100% without question, which means light theme during the day (to match paper/pencil in front of me) and dark theme at night because it is otherwise too much light. Then one day, I tried a light theme at night at 50% monitor brightness and my eyes relaxed immediately. I realized that I have been squinting constantly to brace against the maximum brightness. The usual advice is to instead increase ambient/room light but I have the room light set perfectly for writing and reading on paper.
- lapcat 3y agoIronically, both sites attempt to load Google analytics.
- TuringTest 3y agoAnd still, none of them really works on mobile. If I zoom in to increase the font size and make it more readable, the text doesn't reflow so it forces me to drag left and right to read the whole line. There used to be a time where you could have actual adaptive reflowing zoomable text content, but web designers and browser developers conspired to break it and make it worse.
- solarkraft 3y agoIt's just browser developers. And I think it's largely caused by the brain worm of "you don't need that on mobile".
- mistercow 3y agoOn iOS Safari, there’s a little “ᴀA” button left of the location bar which lets you zoom to make the text larger, reflowing the way you expect. This makes sense to me. Pinch to zoom is a specific affordance which means “make the line segment between my fingers be this long”. It wouldn’t make sense with reflow.
- arcbyte 3y agoInteresting..... But if you change the font size setting on your browser you will get exactly what you want. Odd how zoom and font size are not linked the same as on desktop - at least for me on Firefox mobile.
- TuringTest 3y agoYes, but compare changing the size of small text on a per-site basis by changing the browser settings vs simply doing a pinch gesture... There used to be a Firefox extension to force text reflow on any website, but recent versions with the new extension API don't allow installing it.
- Narishma 3y agoThe first is more readable to me, mainly due to the lack of contrast in the second one.
- mulmen 3y agoThe first one respects my wishes. If I want to adjust the line width I will just adjust the size of my browser window. I have a 38" monitor, the second page is an ocean of grey pixels. I view white space as a direct insult to my intelligence.
- addisonl 3y agoI definitely do not want to live in your world where I need to manually adjust my window size on each website I visit.
- mulmen 3y agoWhy would you adjust it on every site? You just do it once and you're done. It's less effort than all the scrolling required by modern CSS. I don't know about you but I typically have more than one window open. Information density is valuable to me, even on a large screen.
- bluescrn 3y agoSome sites take the 'reduce line width' way too far though, and on a widescreen desktop display you're looking at a narrow column in an ocean of whitespace. (It's one of the more glaring flaws of the Reddit redesign...)