···11----
22-draft: true
33-title: "This is still a motherfucking website."
44-metas:
55- description: "This is still a motherfucking website"
66----
77-88-Source: [bettermotherfuckingwebsite.com](http://bettermotherfuckingwebsite.com/)
99-1010----
1111-1212-# This is still a motherfucking website.
1313-1414-And it's more fucking perfect than the last guy's.
1515-1616-## Seriously, it takes minimal fucking effort to improve this shit.
1717-1818-**7 fucking declarations.**
1919-2020-That's how much CSS it took to turn that grotesque pile of shit into this
2121-easy-to-read masterpiece. It's so fucking simple and it still has all the glory
2222-of the original perfect-ass website:
2323-2424-- Shit's *still* lightweight and loads fast - *Still* fits on all your shitty
2525-screens - *Still* looks the same in all your shitty browsers - The
2626-motherfucker's *still* accessible to every asshole that visits your site -
2727-Shit's *still* legible and gets your fucking point across
2828-2929-### And guess what, motherfucker:
3030-3131-You never knew it, but it's easy to improve readability on your site. Here's
3232-how.
3333-3434-## Let it breathe
3535-3636-Look at lines 1 and 2 of some shitty website you're building. Assuming they're
3737-not married they probably shouldn't be humping. The defaults are trash — pick a
3838-minimum `line-height: 1.4` for body copy. Headings should be tighter. If you
3939-can't see that...piss off.
4040-4141-If your text hits the side of the browser, fuck off forever. You ever see a book
4242-like that? Yes? What a shitty book.
4343-4444-## A little less contrast
4545-4646-Black on white? How often do you see that kind of contrast in real life? Tone it
4747-down a bit, asshole. I would've even made this site's background a nice
4848-`#EEEEEE` if I wasn't so focused on keeping declarations to a lean 7 fucking
4949-lines.
5050-5151-## Size Matters
5252-5353-I know your partner says otherwise, but it's true. Bump that body copy to render
5454-close to 16px or more. Smaller type works well for print, not the screen.
5555-5656-## Line-width, motherfucker
5757-5858-Looking at an LCD screen is strainful enough. Don't make me read a line of text
5959-that's 200 fucking characters long. Keep it to a nice 60-80 and users might
6060-actually read more than one sentence of your worthless dribble.
6161-6262-### Yes, this is also fucking satire, you fuck
6363-6464-I love what the creator of this site's inspiration did. What I'm saying is that
6565-it's so, so simple to make sites easier to read. Websites are broken by default,
6666-they are functional, high-performing, and accessible, but they're also fucking
6767-ugly. You and all the other web designers out there need to make them not total
6868-shit.
6969-7070-```
7171-"You're a fucking moron if you use default browser styles."
7272- - Eleanor Roosevelt
7373-```
7474-7575----
7676-7777-## Epilogue
7878-7979-Inspired by the geniuses behind
8080-[motherfuckingwebsite.com](http://motherfuckingwebsite.com/) and
8181-[txti](http://txti.es/).
8282-8383-This page — that isn't a total fucking eyesore — was created by me with help
8484-from him.