-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (64 loc) · 3.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css"/>
<title> Better Mother Fucking Website</title>
</head>
<body>
<header>
<h1>This is <em>still</em> a motherfucking website.</h1>
<p>And it's more fucking perfect than the last guy's.</p>
</header>
<h2>Seriously, it takes minimal fucking effort to improve this shit.</h2>
<p><b>7 fucking declarations.</b></p>
<p>That's how much CSS it took to turn that <a href="http://motherfuckingwebsite.com/">grotesque pile of shit</a> into this easy-to-read masterpiece.
It's so fucking simple and it <em>still</em> has all the glory of the original perfect-ass website:
</p>
<p>
<ul>
<li>Shit's <em>still</em> lightweight and loads fast</li>
<li><em>Still</em> fits on all your shitty screens</li>
<li><em>Still</em> looks the same in all your shitty browsers</li>
<li>The motherfucker's <em>still</em> accessible to every asshole that visits your site</li>
<li>Shit's <em>still</em> legible and gets your fucking point across</li>
</ul>
</p>
<h3>And guess what, motherfucker:</h3>
<p>You never knew it, but it's easy to improve readability on your site. Here's how.
</p>
<h2>Let it breathe</h2>
<p>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 <code>line-height: 1.4</code> for body copy.
Headings should be tighter. If you can't see that...piss off.
</p>
<p>If your text hits the side of the browser, fuck off forever.
You ever see a book like that? Yes? What a shitty book.
</p>
<h2>A little less contrast</h2>
<p>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 <code>#EEEEEE</code> if I wasn't so focused on keeping declarations to a lean 7 fucking lines.
</p>
<h2>Size Matters</h2>
<p>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.
</p>
<h2>Line-width, motherfucker</h2>
<p>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.
</p>
<h3>Yes, this is <em>also</em> fucking satire, you fuck</h3>
<p>I love what the creator of <a href ="http://motherfuckingwebsite.com/">this site's inspiration</a> 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. Y
ou and all the other web designers out there need to make them not total shit.
</p>
<blockquote >
<cite>"You're a fucking moron if you use default browser styles." </br>
- Eleanor Roosevelt
</cite>
</blockquote>
</body>
</html>