HackerTrans
TopNewTrendsCommentsPastAskShowJobs

No CSS Club(nocss.club)

235 points·by Fred34·3 anni fa·270 comments
nocss.club
No CSS Club

https://nocss.club/

278 comments

Wowfunhappy·3 anni fa
Due to the long line length, I had to shrink my browser window in order to read this submission comfortably.

I dunno guys, I kind of like CSS.
ptx·3 anni fa
On the other hand, if all sites were like this, we would just keep our browser windows at a smaller size and it would work fine.
enumjorge·3 anni fa
We could also all go back to 800x600 monitors. That way, no one would have to be subjected to writing the 10 lines of css to make text heavy sites more readable ;)
Gordonjcp·3 anni fa
No, because then you'd have a short line of text that takes up a huge amount of space.

Your lines of text on the screen should never be much wider than your hand at arm's length, ever, for any reason. Not even if it's an example of a one-liner in bash - wrap that line to make it easier to read.

Don't believe me? Angrily click <reply> on this post to tell me what an idiot I am, start to type your reply, and then hold your hand up palm out at arm's length to the screen so it covers up the text box you're typing in.

How big is it?

Told you so, didn't I? And it looks *perfect*.
rascul·3 anni fa
> Your lines of text on the screen should never be much wider than your hand at arm's length, ever, for any reason.

No thanks. Ridiculously short lines are harder to read.

Edit: I also resize the reply text box because it's almost too small to be usable.
Wowfunhappy·3 anni fa
Decades of research show that long line lengths cause people to read more slowly, although it is of course possible that you process text differently than most.

"Ridiculously" short is another matter, but by my count, "significantly wider than your hand at arm's length" means well above 20 words per line.
GoblinSlayer·3 anni fa
Research also shows that light color theme works better.
Wowfunhappy·3 anni fa
> Not even if it's an example of a one-liner in bash - wrap that line to make it easier to read.

This is the one case (that I can think of right now) where I don't agree.

As part of a larger script, sure, wrap the line so it's not way longer than all the other lines.

But a single shell command in isolation is always easier to read as a single line, if sufficient horizontal space is available.
jprete·3 anni fa
When writing outside of a terminal, I wrap single-line shell commands with backslashes and space indentation. The breaks are at logical clauses, as if writing a conventional programming language. I find this much more readable than the alternatives. Often my terminal will also get it this way, from a copy-paste.

This also usually helps in documentation.
Gordonjcp·3 anni fa
If I have to do it twice I stick it in a proper script, with some comments, so I remember what it all does next time I go to do it. I do this particularly for stuff like complex ffmpeg filter chains where I need to do a lot of stuff to a video file. By simply running the bash script, at some later date I can get it to remind me what it does, and suitably mangle the video file.

Then, later on, often weeks later, I use command history to scroll back through everything I've typed until I find something that looks vaguely like what I originally typed, or I don't find it and figure it all out from scratch again, having totally forgotten about the bash script I wrote.

I suspect this workflow is surprisingly common.
Gordonjcp·3 anni fa
Yeah, but how many times do you see a one-liner that's in a nice little boxout, but there's a scrollbar and you need to slide it backwards and forwards to read the whole thing?
wruza·3 anni fa
ever, for any reason

I have a stylebot rule for stackoverflow that makes the default container 150% wider so I can read teh codes without h-scroll.

Also, I don’t always use HN on desktop.

But when I do, that textbox is too narrow for almost every code-related post. And too short in general.

Thankfully there is a sizer handle.
amno·3 anni fa
> we would just keep our browser windows at a smaller size

I wouldn't keep a browser at all, I would just read them in Emacs all the time or from the command line. I would also be able to use my preferred visual theme with the entire web, and not have to look at some really nasty web designs from time to time, albeit I do agree that as a game dev (long time ago) I do like when I see pretty graphic design.

However, I am not sure how my bank will do and all the other web services in just plain text. Perhaps it is possible, perhaps not?
Fred34·3 anni fa
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.
thejohnconway·3 anni fa
Which is pretty bad on mobile, because the lines wrap before the hard line endings, making a long-line/short-line repeating cadence which I find really difficult to read.
lgas·3 anni fa
Honestly it's not great on desktop either.
Fred34·3 anni fa
Added a viewport tag for the html page, I may try to display the text in a page and then just link to the .txt file.
bbrks·3 anni fa
What's with the encoding on that website? It's virtually unreadable in my browser.

e.g. From https://www.pilledtexts.com/files/nick-land/february.txt

> “This can’t go on,” he said. “It’s too blatantly wrong. It’s insolence.”
jorams·3 anni fa
It's UTF-8, but the server doesn't specify that so the browser treats it as windows-1252.
Fred34·3 anni fa
Edited my nginx file to display UTF-8, should look better now
Fred34·3 anni fa
Cool, the guy who ran the no CSS club added my site.
codetrotter·3 anni fa
No one will ever need more than 800x600 pixels resolution
hot_gril·3 anni fa
Unironically, somewhere between 1080 and 2K scaling is probably all anyone will ever need since humans can't focus on more real estate than that. The higher-res monitors all scale the UI to that.
Pannoniae·3 anni fa
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.

What more do you want? :D
addisonl·3 anni fa
To not have to resize my window for each website I visit?
Pannoniae·3 anni fa
The alternative is the "accessible" mush which is common nowadays - no matter how big your screen is, the content is compressed together into a small strip in the middle of the screen, almost like a phone.

No thanks, I'll take fullwidth content anytime over that....
hot_gril·3 anni fa
There's an ok in-between where wide windows get margins and narrow ones use the full width. But yes a lot of sites have the stupidly huge margins.
addisonl·3 anni fa
The best alternative is a site that is responsive that takes advantage of wider screens but not lazy fullwidth.
Pannoniae·3 anni fa
Why is full width lazy? It uses all your screenspace;)
ThunderSizzle·3 anni fa
Making text wider is lazy. At some point, you'll need to break it into columns so that the text is readable. Perhaps on super wide screens, three or four columns (akin to a two column book that's wide open or a newspaper) may even be more preferable.

Otherwise, the other option is to scale up thr text size, but that takes up precious vertical space on wide screens, and doesn't increase information density.

Obviously, text columns may only make sense it certain scenarios - a minimum amount of text might be required to justify a second column as opposed to just limiting the width of the first column.
addisonl·3 anni fa
Because it forces your users to make your site readable which is lazily passing off the responsibility.
GoblinSlayer·3 anni fa
And what if users want light or dark theme too. How do you guess it?
aeno·3 anni fa
You don't have to guess. You can just use https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...
GoblinSlayer·3 anni fa
How it plays with the idea of not passing responsibility to the user? User can request window width too.
bjornasm·3 anni fa
No its not, there are lots of more alternatives.
hot_gril·3 anni fa
Why do you have to resize it?
yakubin·3 anni fa
So that it's shaped more like a page of text than a telegram.
hot_gril·3 anni fa
But why does that matter for reading it? It's just reading left to right either way. The submission was fine for me to read, and so is HN which has pretty thin margins by modern standards.
GoblinSlayer·3 anni fa
I browse all sites in a window of my preferred width, works fine.
sdiq·3 anni fa
Similarly, I can no longer browse HN on a Firefox browser on Android. I am not really sure what exact settings changed. This started a few weeks ago.
master-lincoln·3 anni fa
What browser are you using? Mine (Firefox on Android)wrapped the long lines nicely.
master-lincoln·3 anni fa
Ah, never mind. I understood it the wrong way around. So you have a big resolution and want shorter lines. Maybe use reader mode which applies some css. I still like this for content centric websites. My favorite blog also works like this for years
codetrotter·3 anni fa
Desktop browser. Big monitor with high resolution and big window = long lines
lucideer·3 anni fa
Presumably they're on desktop: long lines don't tend to be an issue on portrait screens.
wouldbecouldbe·3 anni fa
:) I think it's sarcasm.
web3-is-a-scam·3 anni fa
reader mode ftw
ftl64·3 anni fa
"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?
edent·3 anni fa
I agree. That's why I made http://no-ht.ml/

I submitted it to the site a few minutes ago.
jonatron·3 anni fa
If you serve this with:

    Content-Type: text/plain; charset=utf-8
You can actually have no HTML at all
edent·3 anni fa
I did try that, but a few mobile browsers seemed to choke without at least something vaguely HTMLish.
devoutsalsa·3 anni fa
I prefer “application/json”. The user can write their own interface.
Lockal·3 anni fa
What happens when server responds with text/plain and css?

https://blog.openreplay.com/incorporating-css-to-a-page-via-... (no time to check, only works in Firefox, but that's one idea on how to trick the system)

Upd: checked and it works (e. g. add `Link: <https://unpkg.com/chota@latest>;rel=stylesheet;media=all`)
jwilk·3 anni fa
Discussed on HN last year: https://news.ycombinator.com/item?id=33645398 (32 comments)
drivers99·3 anni fa
Ah, cool, someone already had the same thought:

> I'll eagerly await the ASCII-only "You Don't Need Unicode"
em-bee·3 anni fa
the foreign language speakers here would like to have a word...
innocenat·3 anni fa
Good old codepage to the rescue!

(Yes, I know technically codepage isn't ASCII. I guess you could use box drawing extension to draw foreign language character if you wanted. Or maybe just SVG of the text)
em-bee·3 anni fa
please not codepages. finally being able to write multiple languages in a single document, which is something i need to do frequently, really makes a difference. codepages were a nightmare compared to the simplicity that unicode is in this aspect.
innocenat·3 anni fa
Yes, that's the joke.
vunuxodo·3 anni fa
They should have thought of that before they put non-ASCII characters in their language.
ris58h·3 anni fa
... but they couldn't...
dicytea·3 anni fa
The table didn't render that well for me: https://i.imgur.com/afFkYe1.png
edent·3 anni fa
I suggest you upgrade to a newer version of Internet Explorer.
unsungNovelty·3 anni fa
I like the work you share Edent. Big fan of SuperTinyIcons!
dist-epoch·3 anni fa
Honestly your site is unnecessarily bloated with Unicode.

For an English language site, ASCII is enough.
[deleted]·3 anni fa
SketchySeaBeast·3 anni fa
I see you too read the flow chart.
Tomte·3 anni fa
Unless you go to a café.
toastal·3 anni fa
These make me feel weird. On one hand, I love the way justified way it takes me back to old READMEs, GameFAQs, etc. but on the other all accessibility is thrown out the window.
fjert·3 anni fa
Looks even better with view source on a dark background
ftl64·3 anni fa
This is art. Perfection, even.
tentacleuno·3 anni fa
Honestly, it looks really good. Cool work!
Fred34·3 anni fa
Nice ASCII art
_Algernon_·3 anni fa
Perfection
pjmlp·3 anni fa
Great, finally back to the golden age of OS specific native applications with networking protocols.
NoMoreNicksLeft·3 anni fa
The "No HTTP Club". Take a look at this beauty...

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
nextaccountic·3 anni fa
Also no DNS club and quite likely no Unicode club as well (haven't checked)
hk__2·3 anni fa
> what could we ever need those pesky "tags" for?

Links.
6510·3 anni fa
Clicking on links is a bad idea, links are a bad idea. Besides from the horrendous potential for wasting your time you expose your reader to all kinds of dangers. Links could be changed in ways you don't control. They could point at offensive content, thinks you are not suppose to know, illegal things, phishing websites, hackers and much more you are better of not knowing about.

https://securityforeveryone.com/blog/unknown-danger-clicking...

Just like writing a program put all relevant information inline in the txt.
adr1an·3 anni fa
Not really if you know how to copy and paste :) (Keeping with the sarcastic tone of the ftl64 comment)
nicoco·3 anni fa
Hyper ones.
kidsil·3 anni fa
Made a CSS-only website just a few days ago https://www.kidsil.net/2023/07/css-only/
mypastself·3 anni fa
Look at Mr. hoity-toity here with his use of ASCII, as though ones and zeros alone can’t do the job.
goodpoint·3 anni fa
No HTML and no HTTP would be even better, unironically.
em-bee·3 anni fa
right, because FTP was working just fine.
thefurdrake·3 anni fa
Telnet was clearly better.
em-bee·3 anni fa
well, obviously!

just the other day i logged into a MUD which presented me with an interactive world with a graphical map in color. the same MUD has a built-in http server so it can display the same information with the interactive and feature rich, yet compact telnet interface, as well as the round-trip heavy and verbose http/html interface.
excusemyfrench·3 anni fa
Can we at least add this meta tag in the head of the document ? I don’t know if it is considered styling but it is not css. My eyes will thank you:

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Source: https://stackoverflow.com/a/39239194
ezequiel-garzon·3 anni fa
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.

[1] https://drafts.csswg.org/css-viewport/
excusemyfrench·3 anni fa
No problem, really. Thanks for the correction. This is indeed css. I must have automatically associated meta tags to non css data only. And I totally agree with you concerning the microscopic font and the meta tag.
kkoncevicius·3 anni fa
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)?
OtherShrezzing·3 anni fa
That'd force a pretty substantial breaking change to a lot of sites that don't currently use the tag.
ezequiel-garzon·3 anni fa
If the webpage has no CSS at all then nothing will be broken, either adding it internally or pretending that it's included.
GoblinSlayer·3 anni fa
Webdevs can always say those aren't their target audience.
lapcat·3 anni fa
All you need is initial-scale=1.0, and width is redundant.

I discuss this in more detail here: https://news.ycombinator.com/item?id=36112889
xigoi·3 anni fa
That applies only to Safari. How about other browsers?
[deleted]·3 anni fa
sublinear·3 anni fa
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
flagrant_taco·3 anni fa
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.
lolinder·3 anni fa
This is one of the main use cases for reader mode for me—I already have an ad blocker to remove noise, reader mode means I don't have to deal with whatever each random site's designer thought would be the most readable thing, I can standardize all my reading in a format that works for me.
type0·3 anni fa
There's Lynx Browser for that https://lynx.browser.org/
adr1an·3 anni fa
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)
sublinear·3 anni fa
Ok if this is the serious intent (minimalism) then they probably want SGML, not HTML. They would also not want this delivered using the seven layer burrito that is the OSI model.
GoblinSlayer·3 anni fa
Salesmen expect consistent branding, not users. Users expect consistent presentation across sites.
CaptainFever·3 anni fa
I guess those who prefer reader mode and user-agent styling are insane, then? /s
mlok·3 anni fa
To all No-CSS webmasters : you can still respect your readers light/dark mode preference with this simple line :

<meta name="color-scheme" content="light dark">
Tomte·3 anni fa
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.
Linux-Fan·3 anni fa
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 :)
50·3 anni fa
> only changes the colors for syntax highlighting -- which is now slightly broken in the dark mode

might be of use:

  @supports (color-scheme: dark light) {
      @media screen and (prefers-color-scheme: dark) {
          code { ... }
      }
  }
Linux-Fan·3 anni fa
My current solution is to switch the syntax highlighting to monochrome which should work fine for both modes. I love the colorful syntax highlighting, though. So maybe I will revisit this later to find out if I can do something along the lines of what you suggest.
lapcat·3 anni fa
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.
50·3 anni fa
i like the default (unstyled) link colors chrome uses, they seemingly do accessibility the best. on the other hand, safari's default link colors for dark mode are quite poor, e.g., a:link is dark blue, a:visited is purple

worth noting, browsers also treat the default dark mode background colors differently: chrome uses black, safari uses dark gray, and firefox uses dark navy
[deleted]·3 anni fa
butz·3 anni fa
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.
lolinder·3 anni fa
> 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.
jakelazaroff·3 anni fa
The browser is the user agent, so I don’t see why changing the default styles would contradict that.
lolinder·3 anni fa
That's what I'm saying—websites that don't specify styling cannot have compatibility problems with changed default styles.
tentacleuno·3 anni fa
That sounds good, but it'd most likely end up as YACL (Yet Another CSS Library).
lolinder·3 anni fa
If the browsers implemented it officially it wouldn't be a library, it would just be a sane default style.
qayxc·3 anni fa
A "sane" default style would require "default" content coupled with a "default" viewing device. None of which exist. There can't be a one-size-fits-all solution.

In addition, content is more than just text - style, design, and layout are information, too.
lolinder·3 anni fa
I don't think anyone is suggesting that the new defaults be standardized. Each browser should pick defaults that make sense in the context they're used.
Popeyes·3 anni fa
Doesn't the reader view already do this?
ezequiel-garzon·3 anni fa
For completely unstyled sites, reader view should be the only view. What guidelines or rules should the other/s view/s be following? I say definitely not "nostalgic" view!
underdeserver·3 anni fa
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.
robin_reala·3 anni fa
They’re literally mapped to styles internally in modern browsers.
XorNot·3 anni fa
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?
psnehanshu·3 anni fa
These websites have no individual identity, they all look the same.
master-lincoln·3 anni fa
This probably says more about yourself than these websites. Identity should go beyond visuals...
lexicality·3 anni fa
Unfortunately the web is a visual medium and humans evolved to identify things with their eyes.

Unless your audience is entirely the blind and partially sighted, visual identity is pretty important
krapp·3 anni fa
True hackers only read the web directly as source files fetched by CUrl and opened in Nano anyway. Only normies need anything more than their minds to "parse" or "compile" source.
bcrosby95·3 anni fa
Most books get by with a cover and hundreds of pages of only text.
lexicality·3 anni fa
I have a bookshelf of books next to me and the only ones with even slightly similar spines are books in the same series, not to speak of the covers.

I opened a couple of text heavy ones and they all had different font choices and minor variations on page layout. Most of them had elaborate and unique chapter headings.

Book typesetting is a fascinating subject, I would recommend anyone who works with websites to look into the way typography influences the reader's subconscious. (Maybe we'd have less Helvetica spaffed all over the internet!)
kkoncevicius·3 anni fa
> I would recommend anyone who works with websites to look into the way typography influences the reader's subconscious.

To me, paradoxically, it reached a point where my subconscious associates light or poor typography with serious material, and pretty web pages with empty ad-ridden content:

Serious vibe: http://fmwww.bc.edu/repec/bocode/t/transint.html

Intermediate vibe: https://drewdevault.com/2023/06/30/Social-and-parasocial-med...

Empty content vibe: https://www.theverge.com/2023/7/12/23792382/google-notebookl...
GoblinSlayer·3 anni fa
Ebooks used to be plain text files, it worked well.
innocenat·3 anni fa
You can use table, bgcolor, <font> etc. Or worse, images in tables. Just like the old day.
jjgreen·3 anni fa
Needn't be in a table, you can still get supercool effects https://meyerweb.com/eric/css/edge/raggedfloat/demo.html
innocenat·3 anni fa
Then you can't join the no CSS club.
psnehanshu·3 anni fa
Yes, but then just use CSS.
pier25·3 anni fa
Content provides identity too.
psnehanshu·3 anni fa
Yes, but only half
pier25·3 anni fa
You think the content of a newspaper or a blog is only half the identity? I'd say it's probably more like 99%.
pjot·3 anni fa
58 bytes is all you need.

  main {
    max-width: 38rem;
    padding: 2rem;
    margin: auto;
  }
mkl95·3 anni fa
CSS will improve your readers / users quality of life if you use it properly. To me that's enough to keep using it.
ttepasse·3 anni fa
In the mid 2000s there was (and still is) CSS Naked Day, at 9. April, when you disable the CSS on your website to show of your semantic HTML markup:

https://css-naked-day.github.io
ignoramous·3 anni fa
CSS-based trackers can be a thing, if they aren't already:

- 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·3 anni fa
After the No HTML club trumps the rest, we’ll need to have No Web Server to finish the job. I see only upsides to this.
gerikson·3 anni fa
There's gemini already....
tgvaughan·3 anni fa
and gopher still exists
lapcat·3 anni fa
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;
  }
shpx·3 anni fa
It's really the "html.css-only Club" since you're still using the browser's default stylesheet

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...
lolinder·3 anni fa
That's an implementation detail of the user agent, not anything to do with the website.

The point is "your user agent should make this readable by default, somehow". If it chooses to do so by way of a CSS style sheet, that's the user agent's prerogative, but the standard doesn't care how it goes about rendering a style-free page.
shpx·3 anni fa
You can say "should make this readable" and talk about "the standard", but in real life you've chosen this specific stylesheet (or its 2 or 3 variations), which effectively hasn't changed since the beginning of the Web, for 99.9% of the times someone looks at your webpage as your stylesheet because it's already preloaded as opposed to choosing a different stylesheet because it looks better or some other criteria.
nullbyte808·3 anni fa
Is this like "No Nut November" but for Web Developers?
Semiapies·3 anni fa
Fewer neo-Nazis, though.
3stripe·3 anni fa
There’s definitely something to be said for “hardly any CSS” websites that are brutally functional.

For example was looking at http://www.steephill.tv/ yesterday for cycling news (recently shut down sadly)
hk__2·3 anni fa
> There’s definitely something to be said for “hardly any CSS” websites that are brutally functional

Yes, but only if we exclude those like the one you linked that require horizontal scrolling because of their <table>-based layout.
Fred34·3 anni fa
Another one is https://www.friesian.com/history One of my favorite references for philosophy.
Julesman·3 anni fa
Wow. How drastically edgy. What an independent thinker. Really sticking it to The Man. Epic.
davidgerard·3 anni fa
I mean, all the best websites are no-CSS.

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.
efortis·3 anni fa
The browser's default CSS can be removed with:

   document.head.insertAdjacentHTML(
     'beforeend', 
     '<style>* { all: unset }</style>')
Or compile a browser without them.
toinewx·3 anni fa
this is the real no-CSS.
arrowsmith·3 anni fa
https://motherfuckingwebsite.com/ is the same as this except more entertaining to read.
hk__2·3 anni fa
And, ironically, with Google Analytics.
elif·3 anni fa
If everyone had a non-css version and browsers had configurable style/themes, the web would be a beautiful thing.

Maybe there should be an optional MIME Content-Type: text/plainhtml header target.
metadaemon·3 anni fa
Maybe I’m in the minority, but I enjoy the modern web for the most part. I’d be pretty upset if HTML was the only formatting we were allowed.
6510·3 anni fa
Is the lack of <body> prevents readability mode from enabling?
qingcharles·3 anni fa
The HTML in the page is LITERALLY SATAN. It doesn't have a body tag and it is not prettified.
ggorlen·3 anni fa
The List is a fantastic CSS-less site I've been using for years to discover Bay Area live music shows: http://www.foopee.com/punk/the-list/.

I don't know the full history and I discovered it in the early 2010s, but it's been around since at least 1996 if the page content is to be trusted. I use a script to scrape the site and filter by artists I care about.
ggorlen·3 anni fa
Update/disclosure: The List sadly uses Google Analytics, disqualifying it from the club (except in spirit).
ilaksh·3 anni fa
He didn't say that you can't use an SVG element..
sirpilade·3 anni fa
Richard Stallman[1] should be appointed honorary president

[1] https://stallman.org/
lexicality·3 anni fa
He'd be disqualified because there's loads of CSS on his site.

Just because it's ugly doesn't mean he didn't use CSS!
VitoVan·3 anni fa
But he do have CSS on the site:

https://stallman.org/common/stallman.css
Fred34·3 anni fa
His site is on my blogroll. I still check it for his political takes -- not that I tend to agree with him on a lot.
CaptainFever·3 anni fa
I’m surprised by how often he posts, and that his posts aren’t usually related to free software.
synergy20·3 anni fa
https://watercss.kognise.dev/ I would argue classless css is the way to go, you just include a single css file, then write your html without touching any css anymore, all related tags in html are inherently css-ed for you. a nice trade off for me sometimes.
Tomte·3 anni fa
Chicmath (https://www.ocf.berkeley.edu/~abhishek/chicmath.htm) is a classic showcase.
qayxc·3 anni fa
That's horrible to read.
spread_love·3 anni fa
You didn't remove all the default styling added by all browsers? This site is styled differently depending on browser.

I suppose that means "you're trying to cover up your lack of interesting information"?
jrm4·3 anni fa
Why in the holy hell can we not just PICK THIS FOR OURSELVES?

This is the thing, right? Perhaps we could shoe-horn this in behind the ADA or something. Require every website to provide a "pocket" or whatever mode.
simonw·3 anni fa
Worth noting that this doesn't have to restrict you to Times New Roman: just put this opening tag at the start of your HTML, like it's the 90s:

    <font face="helvetica">
arcbyte·3 anni fa
Let the user change their own default font.

For me it shows up as sans serif by default.
simonw·3 anni fa
Is that even a feature of mobile browsers these days?
GoblinSlayer·3 anni fa
who knows https://news.ycombinator.com/item?id=36747274
chris_wot·3 anni fa
I’m sure Mozilla used to allow you to apply your own style sheets. I’m a huge fan of producing semantic markup and adding in a style sheet to do all the… styling.
zimpenfish·3 anni fa
> If you need "style" that just means you're trying to cover up your lack of interesting information.

They must really hate books, comics, magazines, ...
GoblinSlayer·3 anni fa
Books have mostly plain text style. No javascript, no cookie consent, no hover bars, no broken scrolling, no light gray text on white background, no crooked google fonts.
zimpenfish·3 anni fa
> No javascript, no cookie consent, no hover bars, no broken scrolling, no light gray text on white background, no crooked google fonts

Sure but what I quoted just said "style" - nothing about "bad style", "user-hostile style", etc. (Javascript would be out of scope since it's not CSS)

And that's before we consider that "style" can include "the style of writing" - should everything be written in the plainest, driest prose?
GoblinSlayer·3 anni fa
The whole reason for nocss is absence of good styles in the wild.
yieldcrv·3 anni fa
all these minimal “layout rejection” website trends look horrible and offer nothing to the collective conscious

they are readable and … load. so, congratulations?
karaterobot·3 anni fa
You actually don't even need the dang internet.
tangjurine·3 anni fa
The purpose of clothes is to cover up your body and keep warm.

If your clothes have any extra color on it that means you are frivolous and should be ashamed.
lexicality·3 anni fa
As ever, the staggering difference in readability between https://motherfuckingwebsite.com/ and http://bettermotherfuckingwebsite.com/ (on desktop at least) demonstrates that rawdogging the internet is generally a bad idea.
Tomte·3 anni fa
https://bestmotherfucking.website/ is my favorite (https://thebestmotherfucking.website/ is an abomination).
LoganDark·3 anni fa
> 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.
542458·3 anni fa
> 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.
FalconSensei·3 anni fa
> 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·3 anni fa
I 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.
freeone3000·3 anni fa
I’m not going to re-solve problems for users that already have a solution but refuse to use it.
LoganDark·3 anni fa
> 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·3 anni fa
On 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·3 anni fa
I do use HackerNews at 150% because otherwise it's unreadable
silon42·3 anni fa
They do on mobile.
wizzwizz4·3 anni fa
Don'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·3 anni fa
Things 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·3 anni fa
Also 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·3 anni fa
Is 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. :)
wizzwizz4·3 anni fa
Incompetence, and thus obedience to a mistakenly-generalised caricature of "good practice", is my guess. I used to use em everywhere for exactly this reason. (The only reason I didn't shift to "rem everywhere", "flexbox everywhere", "web fonts everywhere", etc. was obedience to some different caricature of "good practice".)

I've never seen a CSS framework that's good. (Unless you count https://simplecss.org/, but that's of very narrow usefulness.) They're all made by the kinds of people who don't understand web technologies, and seek to hide them behind a layer of abstraction so they don't have to think about them any more. Unfortunately for them, there's a reason the web's how it is. Some of it's backwards-compatibility, but most of it is that a large group of very clever people failed to find a way to make it any simpler without breaking something important; and so, the framework people tend to break important things.

If you find yourself reaching for something like Tailwind or Bootstrap, just use inline style attributes. It's easier for everyone involved.
afiori·3 anni fa
Good luck using pseudoclasses, pseudoelements or media queries in inline styles.

Wrt Tailwind I still have not used it enough to decide whether it is good™ but it is not that different from writing inline styles.

Apart from optional plugins it is more like a CSS preprocessor than a framework (every class expands to one or few CSS declaration)

The most frameworky features it has is that it predefines CSS variables to allow further customization
wizzwizz4·3 anni fa
If you need any of those things, you should be using a proper stylesheet. Use <style scoped='scoped'> in the <body>, if you really must.

A crude "not that different from writing inline styles" classy framework just makes it harder to refactor your CSS in future, because it's all tucked away under incomprehensibly-named CSS classes, and there are otherwise-useless <div>s all through the HTML.
afiori·3 anni fa
I should clarify that I primarily touch html via React, so the unit of reusability is not CSS but rather components.

For handwritten html I believe that tailwind has significant downsides (unless you abuse @apply), but that the case I focus on.

I should have mentioned that I believe tailwind to be applicable only if you have some strong templating support

> Use <style scoped='scoped'> in the <body>

This seems to have been removed from everywhere since at least 2017
pwdisswordfishc·3 anni fa
Joke's on you: I avoid inline CSS like the plague whenever I can. Which is to say, I use it as intended.
afiori·3 anni fa
This does not suprise me, inline CSS is very unwieldy
dmix·3 anni fa
Everyone 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·3 anni fa
Modern browsers zoom by increasing the CSS pixel size, so now all units are relative
GoblinSlayer·3 anni fa
Zoom can use different algorithms, it's a setting.
bjourne·3 anni fa
text-align: justify ruins the readability of the text. Won't ever work until browsers become much better at hyphenation.
GoblinSlayer·3 anni fa
Uh, hyphenation ruins readability much worse than justified text.
EGreg·3 anni fa
If you’re interested in sites loading quickly in more… practical scenarios, read this:

https://community.qbix.com/t/qbix-websites-loading-quickly/2...
[deleted]·3 anni fa
red_trumpet·3 anni fa
I 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·3 anni fa
I agree about the reduced contrast. Not cool.
pdntspa·3 anni fa
There's a design tenet to never use pure black or white, that's probably what is going on here
johntiger1·3 anni fa
Yeah my #1 peeve is a striking pure white background especially when I'm browsing at night. Maybe they should offer day/night contrast options?
pdntspa·3 anni fa
I have never understood this. Black text on white backgrounds is fine at night, maybe you should stare at screens more or something? Or use something that adjusts brightness to ambient light, like most phones do now. I personally do not like all this low-contrast nonsense, clear and legible is the way to go.
yoyohello13·3 anni fa
I think the comfortability of contrast is subjective. I have several coworkers who use higher contrasts themes and swear by them, but my eyes start to hurt if I look at content that’s too high contrast. White text on black is by far the worst for me, but I know people who find that very readable.
pdntspa·3 anni fa
Computers have been high-contrast since the first GUIs dating all the way back to Xerox PARC (https://crm.org/articles/xerox-parc-and-the-origins-of-gui)

Yet I have only ever heard of people complaining about it recently, when GUI designed started debasing itself by making everything web-based, and zoomers started demanding dark mode everywhere. Before that, and in my lifetime of computer nerditry dating back to the mid-90s (on self-luminescent CRTs!), I have never heard of people intentionally turning down the brightness or complaining about contrast of anything, whether its a tube TV or computer screen.

Which makes this whole preference for low-contrast incredibly suspicious. Like it was another one of those learned 'ailments' that spread around society like a shitty meme.
yoyohello13·3 anni fa
Ok, well. Sorry my preferences disturb you so.
xigoi·3 anni fa
Decrease your brightness.
rtheunissen·3 anni fa
Experiment 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.
least·3 anni fa
Decreasing 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.
Tepix·3 anni fa
There appears to be a different design tenet to use tiny fonts. Also not cool.
JKCalhoun·3 anni fa
Sadly, 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.
TuringTest·3 anni fa
And 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.
mistercow·3 anni fa
On 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·3 anni fa
Interesting.....

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·3 anni fa
Yes, 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.
solarkraft·3 anni fa
It's just browser developers. And I think it's largely caused by the brain worm of "you don't need that on mobile".
lapcat·3 anni fa
Ironically, both sites attempt to load Google analytics.
Aeolun·3 anni fa
How the 'motherfuckingwebsite.com' looks is entirely up to your user agent. If it looks terrible that's not the fault of the website.
toastal·3 anni fa
You 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.
mulmen·3 anni fa
The 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·3 anni fa
I definitely do not want to live in your world where I need to manually adjust my window size on each website I visit.
mulmen·3 anni fa
Why 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.
Narishma·3 anni fa
The first is more readable to me, mainly due to the lack of contrast in the second one.
bluescrn·3 anni fa
Some 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...)
isaacremuant·3 anni fa
Personally, 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).
sigg3·3 anni fa
While 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.
arcanemachiner·3 anni fa
I don't think you can just say "Maddox" in 2023 and assume people will know what you're talking about.

maddox.xmission.com
isaacremuant·3 anni fa
Just read a Maddox (didn't know who they were) post and, boy, is it full of edginess and self confidence to mask that they don't have a good point.

Of course it's easy to rant and monologue. Dozens of TV presenters do it but sometimes it's very easy to find fault in their subjectively humorous generalizations.

http://maddox.xmission.com/c.cgi?u=bob_dylan_is_a_podcaster

https://youtu.be/MMFj8uDubsE

Blowing in the wind, the first song that comes to mind, doesn't fit this at all.

A quick Spotify search through the most popular songs and I can't find any in 10-15 that fits that example soundbite he used, to extrapolate this "emperor's got no clothes" argument on bob Dylan.

I'm not particularly a fan of Dylan except a song here and there I like (looking at the list), but it just shows the style over substance and strength of argument.

To this, someone will call "don't be such a buzzkill, it's just a joke" and that's fine but then you've left the land of making valid points and into the self congratulatory "ironic" content.

I didn't miss the point, it seems, but you did miss mine.
logarhythmic·3 anni fa
I find it fairly cringe, personally.
Typhon·3 anni fa
It reminds me of the extreme advertising meme.
lelanthran·3 anni fa
> 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.

Yeah, but if they had done it your way neither you nor anyone else would know about it.

Looks to me like they put a lot of thought into the marketing of that thought out post
mrits·3 anni fa
Yelling or cussing doesn't make you 14. I like cussing and think that there should be more of it in technical literature.
pdntspa·3 anni fa
Agreed. The idea that words can bring curses or displease some fictional deity is a dated trope with no place in modern society. Which means the only reason left is that it displeases certain people to hear them... but fuck those folks for trying to impinge on freedom of speech
isaacremuant·3 anni fa
This is not about freedom of speech. I explicitly stated it was not a puritan thing. Fuck your strawman, if you want. See? That did very little in terms of argumentation.

Now it was about using insults instead of proper arguments and pretending the mere use was funny. Which isn't.

Also, it's funny how you "insult" in generic third person because if you insult me directly you might get banned. Hey, feel free to insult me directly. I won't care. You just won't necessarily have a good argument because of it and you might also get your comment deleted, but let's see if you're as "brave" to argue with the would be censors then.
isaacremuant·3 anni fa
You may also like writing in 1337speak. That's not an actual argument for it being an effective mechanism to convey an argument, which the website presumably tries to.

Finding an insult funny just because it's an insult is definitely childish, as I've said before and you haven't tried to address, it relates to rebelry against some authority, which just isn't there in this case.

I won't be offended by the insult, but using in the way the website in question does is just superfluous content and can effectively serve as an mechanism to hide less than solid points.
mrits·3 anni fa
Your response is definitely childish. Not in the immature sense but an underdeveloped sense of historical social transformation.
isaacremuant·3 anni fa
You've said nothing and basically held a mirror that says "no u".

How about you actually try?
mrits·3 anni fa
It is now apparent that you are an actual child. Have a good one
isaacremuant·3 anni fa
An actual child that signed up to HN in 2013 when they were 1 or something and has worked on the industry for a while, huh?

Running away with a false accusation and a dishonest "good wish" is just sad.
scarface_74·3 anni fa
> Say it, but style matters,

Would you call this style?

https://m.youtube.com/watch?v=dFrgIrWmTeY

https://m.youtube.com/watch?v=cV9MmqX089A
stavros·3 anni fa
I agree, I like a well-placed swearword, but when used as a crutch for humor, it falls a bit flat.
alemanek·3 anni fa
If you read it in Samuel L Jackson’s voice it makes it a lot better.
pwdisswordfishc·3 anni fa
Well, given the former of the two is much better…
[deleted]·3 anni fa
eyko·3 anni fa
And all it takes is a few typographic rules in a style tag.
lecozi·3 anni fa
eternityforest·3 anni fa
I like CSS a lot, but this is almost like a web ring, and web rings are even more awesome than CSS
pcthrowaway·3 anni fa
Why does the No CSS club add in no javascript?

Is there a club for people who eschew CSS but are comfy with JS?
[deleted]·3 anni fa
toinewx·3 anni fa
technically there is CSS, that is the useragent CSS. so you mean no custom CSS.
hot_gril·3 anni fa
I'm already in the no CSS club (I just use React styles).
wseqyrku·3 anni fa
If you got content, you only need markdown.
andrewstuart·3 anni fa
The bold headings made my eyes hurt.
PrimeMcFly·3 anni fa
I'm a big fan of minimizing JavaScript as much as possible, and will actively try to use CSS in place of it wherever I can.

No CSS as well? No thanks, I want my sites to look somewhat modern and aesthetically pleasing by modern standards.
jokethrowaway·3 anni fa
The defaults take between 5-50 years to catch up. But they'll still ship plenty of crap you don't care about in the meanwhile.

I have now webgpu running in my browser out of the box but the same shitty fonts.

By the time web components started being used, React went out of fashion.

Don't let me ramble about how much time I spent on rounded corners back in the days.
MrVandemar·3 anni fa
> I'm a big fan of minimizing JavaScript as much as possible

Me too! I like to minimise it to 0 bytes.
Fahata·3 anni fa