[ prog / sol / mona ]

prog


Minimum CSS required for maximum legibility

1 2022-06-07 18:02

I have been tinkering with the CSS of my site for way too long. I like the look of plain html files but many don't. I used to think a centered body with a max-width of 860px would satisfy everyone but some say that it looks weird on their ultra-wide monitors. Please give me some suggestions for this issue and maybe link some examples of sites which have good typography.

2 2022-06-07 18:25

<style>body{background-color:#FFFFFF;line-height:1.5;max-width:100ch;text-align:justify;font-size:11pt}a{color:#FF0077}</style>

3 2022-06-07 18:28

>>2
I prefer left align but are justified text more readable?
the background is already white.

4 2022-06-07 18:32

>>2
I think I saw a site with this css linked on lainchan.

5 2022-06-07 18:38

>>3

I prefer left align but are justified text more readable?

Yes.

the background is already white.

It's not, in Dillo.

>>4
Yes, it's my website.

6 2022-06-07 18:41

>>5
Hey you seem to be famous. I don't understand most of the stuff on your site. Can you make an about page or something?
Anyways do you have reasons for your design choices?

7 2022-06-07 19:05

>>6

I don't understand most of the stuff on your site.

That's unfortunate. What's hard to grasp?

Can you make an about page or something?

I could, but won't. I dislike them. What one sees is what one gets.

Anyways do you have reasons for your design choices?

I hate the WWW, so I won't waste much time tweaking CSS.

8 2022-06-07 19:12

>>7
"About" page is meta-info. It is helpful when searching for your site or deciding whether it is useful for the reader.

9 2022-06-07 19:14

I prefer left align but are justified text more readable?

No.

10 2022-06-07 19:15

>>7
That was just a general comment. I understand stuff but dont have enough expertise to make comments.
I also hate the web tbh. I'm just removing the css at this point.

11 2022-06-07 19:19

Well.. Do you guys know any browser extensions that apply custom css rules to sites. It would save my time figuring out what css rules to add.

12 2022-06-08 03:46

>>11
It's built into Firefox, put your CSS into "<profile>/chrome/userContent.css" (use sections "@-moz-document domain("example.com") { ... }" to apply custom CSS per site). Don't forget to restart the browser.

13 2022-06-08 03:48

>>12
That would work for me but I wanted a simpler solution for normal people to use. I think I'll make an extension like that if one doesn't exist already.

14 2022-06-08 03:50

>>13
Stylish (of specific old versions, new ones are broken)?

15 2022-06-08 05:35 *

Why couldn't we have just used sexps for everything?

16 2022-06-08 08:22

>>1,2
You could use the CSS from this website:
http://bettermotherfuckingwebsite.com

Related websites:
https://motherfuckingwebsite.com
https://nocss.club
https://250kb.club
https://512kb.club
https://1mb.club

17 2022-06-08 08:28

>>16

http://bettermotherfuckingwebsite.com

Reproducing the CSS here just in case the site goes down:

body {
  margin: 40px auto;
  max-width: 650px;
  line-height: 1.6;
  font-size: 18px;
  color: #444;
  padding: 0 10px;
}

h1, h2, h3 {
  line-height: 1.2;
}
18 2022-06-08 08:31

>>16
Forgot to add this: https://xhtml.club

19 2022-06-10 01:19

xhtml (strict) is just like manna from god of israel
they are not ready, they can not

20 2022-06-11 01:05 *

>>19
Isn't the abrahmanic god a big meanie though?

21 2022-06-11 03:04

>>4

I think I saw a site with this css linked on lainchan.

What site was it?

22 2022-06-11 07:17

>>21
some site called verisimilitude or something
it was linked here too

23 2022-06-11 10:41

Why is XHTML hated by many?

CSS

I think Solarized Light (or similar theme) is the best color scheme for legibility. I think the text should have margins/be centered, too.

>>20
It depends on who you ask, really. Some say he is just a strict judge but gnostics disagree.

24 2022-06-12 03:32

>>23

Why is XHTML hated by many?

1. It breaks when you write like a fool.
2. It stops the fool from doing foolish things.

25 2022-06-12 09:15

>>24
3..It breaks when your network condition is like shit.

26 2022-06-12 10:01 *

>>25
Dealing with that is the responsibility of the transport layer.

27 2022-06-12 10:57 *

>>26
loop: Fetch. Timeout. Missing the last few bytes. Refresh the page? Goto loop.

28 2022-06-12 11:30 *

>>23

Some say he is just a strict judge but gnostics disagree.

https://www.biblegateway.com/passage/?search=Genesis%2019&version=CEB

6 Lot went out toward the entrance, closed the door behind him, 7 and said, “My brothers, don’t do such an evil thing. 8 I’ve got two daughters who are virgins. Let me bring them out to you, and you may do to them whatever you wish. But don’t do anything to these men because they are now under the protection of my roof.”

29


VIP:

do not edit these