altagos.dev
this repo has no description
fmt
+45
-18
+45
-18
src/bettermotherfuckingwebsite.mdx
+45
-18
src/bettermotherfuckingwebsite.mdx
···
1
1
---
2
2
draft: true
3
3
title: "This is still a motherfucking website."
4
-
5
4
metas:
6
-
description: "This is still a motherfucking website"
5
+
description: "This is still a motherfucking website"
7
6
---
8
7
9
8
Source: [bettermotherfuckingwebsite.com](http://bettermotherfuckingwebsite.com/)
···
11
10
---
12
11
13
12
# This is still a motherfucking website.
13
+
14
14
And it's more fucking perfect than the last guy's.
15
15
16
16
## Seriously, it takes minimal fucking effort to improve this shit.
17
17
18
18
**7 fucking declarations.**
19
19
20
-
That's how much CSS it took to turn that grotesque pile of shit into this easy-to-read masterpiece. It's so fucking simple and it still has all the glory of the original perfect-ass website:
20
+
That's how much CSS it took to turn that grotesque pile of shit into this
21
+
easy-to-read masterpiece. It's so fucking simple and it still has all the glory
22
+
of the original perfect-ass website:
21
23
22
-
- Shit's *still* lightweight and loads fast
23
-
- *Still* fits on all your shitty screens
24
-
- *Still* looks the same in all your shitty browsers
25
-
- The motherfucker's *still* accessible to every asshole that visits your site
26
-
- Shit's *still* legible and gets your fucking point across
24
+
- Shit's *still* lightweight and loads fast - *Still* fits on all your shitty
25
+
screens - *Still* looks the same in all your shitty browsers - The
26
+
motherfucker's *still* accessible to every asshole that visits your site -
27
+
Shit's *still* legible and gets your fucking point across
27
28
28
29
### And guess what, motherfucker:
29
-
You never knew it, but it's easy to improve readability on your site. Here's how.
30
+
31
+
You never knew it, but it's easy to improve readability on your site. Here's
32
+
how.
30
33
31
34
## Let it breathe
32
-
Look at lines 1 and 2 of some shitty website you're building. Assuming they're not married they probably shouldn't be humping. The defaults are trash — pick a minimum `line-height: 1.4` for body copy. Headings should be tighter. If you can't see that...piss off.
33
35
34
-
If your text hits the side of the browser, fuck off forever. You ever see a book like that? Yes? What a shitty book.
36
+
Look at lines 1 and 2 of some shitty website you're building. Assuming they're
37
+
not married they probably shouldn't be humping. The defaults are trash — pick a
38
+
minimum `line-height: 1.4` for body copy. Headings should be tighter. If you
39
+
can't see that...piss off.
40
+
41
+
If your text hits the side of the browser, fuck off forever. You ever see a book
42
+
like that? Yes? What a shitty book.
35
43
36
44
## A little less contrast
37
-
Black on white? How often do you see that kind of contrast in real life? Tone it down a bit, asshole. I would've even made this site's background a nice `#EEEEEE` if I wasn't so focused on keeping declarations to a lean 7 fucking lines.
45
+
46
+
Black on white? How often do you see that kind of contrast in real life? Tone it
47
+
down a bit, asshole. I would've even made this site's background a nice
48
+
`#EEEEEE` if I wasn't so focused on keeping declarations to a lean 7 fucking
49
+
lines.
38
50
39
51
## Size Matters
40
-
I know your partner says otherwise, but it's true. Bump that body copy to render close to 16px or more. Smaller type works well for print, not the screen.
52
+
53
+
I know your partner says otherwise, but it's true. Bump that body copy to render
54
+
close to 16px or more. Smaller type works well for print, not the screen.
41
55
42
56
## Line-width, motherfucker
43
-
Looking at an LCD screen is strainful enough. Don't make me read a line of text that's 200 fucking characters long. Keep it to a nice 60-80 and users might actually read more than one sentence of your worthless dribble.
57
+
58
+
Looking at an LCD screen is strainful enough. Don't make me read a line of text
59
+
that's 200 fucking characters long. Keep it to a nice 60-80 and users might
60
+
actually read more than one sentence of your worthless dribble.
44
61
45
62
### Yes, this is also fucking satire, you fuck
46
-
I love what the creator of this site's inspiration did. What I'm saying is that it's so, so simple to make sites easier to read. Websites are broken by default, they are functional, high-performing, and accessible, but they're also fucking ugly. You and all the other web designers out there need to make them not total shit.
63
+
64
+
I love what the creator of this site's inspiration did. What I'm saying is that
65
+
it's so, so simple to make sites easier to read. Websites are broken by default,
66
+
they are functional, high-performing, and accessible, but they're also fucking
67
+
ugly. You and all the other web designers out there need to make them not total
68
+
shit.
47
69
48
70
```
49
71
"You're a fucking moron if you use default browser styles."
50
-
- Eleanor Roosevelt
72
+
- Eleanor Roosevelt
51
73
```
74
+
52
75
---
53
76
54
77
## Epilogue
55
-
Inspired by the geniuses behind [motherfuckingwebsite.com](http://motherfuckingwebsite.com/) and [txti](http://txti.es/).
78
+
79
+
Inspired by the geniuses behind
80
+
[motherfuckingwebsite.com](http://motherfuckingwebsite.com/) and
81
+
[txti](http://txti.es/).
56
82
57
-
This page — that isn't a total fucking eyesore — was created by me with help from him.
83
+
This page — that isn't a total fucking eyesore — was created by me with help
84
+
from him.