I think the trick is to avoid the hr tag and to center the pages. I run a no css website https://www.pilledtexts.com/ and just have the readable content in .txt files where I can add a max width.
What do you mean? It perfectly adapts to any browser width; if you want to resize it, just resize the browser window. It's perfectly readable on both a 4k screen and a small phone.
"No HTML Club" stands as the only logical step forward in this evolution. Browsers are perfectly capable of rendering plaintext, what could we ever need those pesky "tags" for?
It is considered CSS [1], which makes sense to me as this relates to styling. What has never made sense in my mind is to have completely unstyled pages rendered with microscopic fonts on smartphones. Doing so for old sites that, at the beginning of the mobile revolution, assumed on their CSS sheets 1024px wide screens is reasonable (though still debatable). Not so for CSS-free pages, whether they were authored in 1991 or in 2023.
I'm sorry if I got carried away, I wasn't replying to you in this last part :) For the record, I would also make this exception, though it would be neat to be able to select those without even the meta viewport tag.
I don't understand why it has to be added to every single page. Is there a reason this is not implemented as a default browser behaviour for devices where it matters (i.e. mobile phones)?
Counterargument: sane users expect consistent presentation across all browsers and viewport dimensions.
A CSS reset overrides the user-agent stylesheet and the rest of the CSS determines the final style. This is the best practice. If you don't like web pages, then don't use them.
The final form of this club would be to settle on their favorite serialization format bit banged into their nervous system so they can be one with the matrix. /s
This is still subjective. Some users would prefer to see consistency across all sites they visit rather that consistency on the same site across all browsers.
When every site uses it's own reset there's no consistency while in the same browser, which is way more common for most users that don't have a separate browser for every site they visit.
I'd rather look at this club as some sort of 'code golf' than take it seriously as a manifesto. Actually, even as a manifesto their point is valid, as a form of minimalist art. I consider the web as to be a canvas for many artists too. You don't need to agree to admire their work (e.g. dadaism is not frowned upon today)
I consider that the browser's obligation. If I'm not specifying any font or background color, I cannot be responsible to add special media queries because someone chose a dark theme.
Thank you for bringing this up. I had been looking for an “easy” way to enable a Dark Mode on my website without overriding user-configured default colors and this seems to do it pretty well.
My page uses a minimalistic CSS and only changes the colors for syntax highlighting -- which is now slightly broken in the dark mode but probably still an improvement over the white background for those people who want the dark mode :)
One problem though is that the default link colors can be unreadable in dark mode. That's why I use @media (prefers-color-scheme: dark) to set a:link, a:visited, a:active colors.
Maybe it's time to add some decent looking CSS defaults to browser, but only for websites without CSS includes. Page width, better fonts, maybe even mobile specific improvements could be added. Of course, I understand that would introduce incompatibility with old websites.
> Of course, I understand that would introduce incompatibility with old websites.
Why, though? If the website has no styling (we can exclude sites that use <font> and friends), the whole premise of HTML from very early on was that it only specifies content and the user agent controls formatting.
Dennis Ritchie's site is given as an example, but it's filled with ancient bgcolor and width HTML attributes, which are, how to put it, not better than CSS.
I wonder if what we're really lacking is just a decent set of default web fonts. The main modification I do when I kick out a basic HTML presentation of some data is throw in bootstrap so I can get a more comfortable font experience.
Shouldn't this be the default though? Why is the default bad?
I used to be no CSS, but a little CSS can improve readability. There's nothing magical about the browser default fonts, margins, etc. And no max-width can be problematic.
You might want this to prevent the text size from changing when you rotate to landscape on mobile:
html {
-webkit-text-size-adjust: none;
text-size-adjust: none;
-moz-text-size-adjust: none;
}
I felt guilty at adding "<meta name="viewport" content="width=device-width, initial-scale=1.0">" so my no-CSS site wouldn't look on mobile like a website for ants.
[+] [-] Wowfunhappy|2 years ago|reply
I dunno guys, I kind of like CSS.
[+] [-] ptx|2 years ago|reply
[+] [-] Fred34|2 years ago|reply
[+] [-] codetrotter|2 years ago|reply
[+] [-] Pannoniae|2 years ago|reply
What more do you want? :D
[+] [-] sdiq|2 years ago|reply
[+] [-] master-lincoln|2 years ago|reply
[+] [-] wouldbecouldbe|2 years ago|reply
[+] [-] web3-is-a-scam|2 years ago|reply
[+] [-] ftl64|2 years ago|reply
[+] [-] edent|2 years ago|reply
I submitted it to the site a few minutes ago.
[+] [-] pjmlp|2 years ago|reply
[+] [-] NoMoreNicksLeft|2 years ago|reply
ftp://192.168.3.79/bestmo~4.txt
Of course, none of you have accounts, so please go ahead and postal-mail me for one, I'll get back to you in 6-8 weeks.
NO HTTP CLUB
PO Box 1147
Chungus AL 35035
[+] [-] hk__2|2 years ago|reply
Links.
[+] [-] kidsil|2 years ago|reply
[+] [-] mypastself|2 years ago|reply
[+] [-] goodpoint|2 years ago|reply
[+] [-] excusemyfrench|2 years ago|reply
[+] [-] ezequiel-garzon|2 years ago|reply
I'm sorry if I got carried away, I wasn't replying to you in this last part :) For the record, I would also make this exception, though it would be neat to be able to select those without even the meta viewport tag.
[1] https://drafts.csswg.org/css-viewport/
[+] [-] kkoncevicius|2 years ago|reply
[+] [-] lapcat|2 years ago|reply
I discuss this in more detail here: https://news.ycombinator.com/item?id=36112889
[+] [-] unknown|2 years ago|reply
[deleted]
[+] [-] sublinear|2 years ago|reply
A CSS reset overrides the user-agent stylesheet and the rest of the CSS determines the final style. This is the best practice. If you don't like web pages, then don't use them.
The final form of this club would be to settle on their favorite serialization format bit banged into their nervous system so they can be one with the matrix. /s
[+] [-] flagrant_taco|2 years ago|reply
When every site uses it's own reset there's no consistency while in the same browser, which is way more common for most users that don't have a separate browser for every site they visit.
[+] [-] adr1an|2 years ago|reply
[+] [-] GoblinSlayer|2 years ago|reply
[+] [-] CaptainFever|2 years ago|reply
[+] [-] mlok|2 years ago|reply
<meta name="color-scheme" content="light dark">
[+] [-] Tomte|2 years ago|reply
[+] [-] Linux-Fan|2 years ago|reply
My page uses a minimalistic CSS and only changes the colors for syntax highlighting -- which is now slightly broken in the dark mode but probably still an improvement over the white background for those people who want the dark mode :)
[+] [-] lapcat|2 years ago|reply
[+] [-] unknown|2 years ago|reply
[deleted]
[+] [-] butz|2 years ago|reply
[+] [-] lolinder|2 years ago|reply
Why, though? If the website has no styling (we can exclude sites that use <font> and friends), the whole premise of HTML from very early on was that it only specifies content and the user agent controls formatting.
[+] [-] tentacleuno|2 years ago|reply
[+] [-] underdeserver|2 years ago|reply
[+] [-] XorNot|2 years ago|reply
Shouldn't this be the default though? Why is the default bad?
[+] [-] psnehanshu|2 years ago|reply
[+] [-] pjot|2 years ago|reply
[+] [-] mkl95|2 years ago|reply
[+] [-] ttepasse|2 years ago|reply
https://css-naked-day.github.io
[+] [-] ignoramous|2 years ago|reply
- https://blog.pastly.net/posts/2016-09-04-how-css-alone-can-h... (related: https://news.ycombinator.com/item?id=10833629)
- https://nakedsecurity.sophos.com/2019/05/09/css-tracking-tri...
[+] [-] vogon_laureate|2 years ago|reply
[+] [-] gerikson|2 years ago|reply
[+] [-] lapcat|2 years ago|reply
You might want this to prevent the text size from changing when you rotate to landscape on mobile:
[+] [-] shpx|2 years ago|reply
https://chromium.googlesource.com/chromium/src/third_party/+...
https://github.com/WebKit/WebKit/blob/main/Source/WebCore/cs...
https://searchfox.org/mozilla-central/source/layout/style/re...
[+] [-] nullbyte808|2 years ago|reply
[+] [-] 3stripe|2 years ago|reply
For example was looking at http://www.steephill.tv/ yesterday for cycling news (recently shut down sadly)
[+] [-] Julesman|2 years ago|reply
[+] [-] davidgerard|2 years ago|reply
I felt guilty at adding "<meta name="viewport" content="width=device-width, initial-scale=1.0">" so my no-CSS site wouldn't look on mobile like a website for ants.