---
date: Jan 04, 2020
tags:
- Web
- HTML
- CSS
language:
English
---
This post is more than 6 years old. If this is a technical post, the post will most likely not working, but feel free to try it and see if it works.
The one thing I hate about the modern Internet is that it is filled with too many fancy CSS elements, long-running JavaScripts, cookies to “improve your browsing experiences”, random popups to “SUBSCRIBE NOW!” They just made my brain hurt.
One day, I found a website called, uh, Motherf**king Website[^1]. It’s an extremely simple website with only the following CSS:
[^1]: Censored f-words in this article for good. My blog is family-friendly (well, technically, but this is not YouTube).
OwO whewe iws the css
1
⠀
Yeah, it doesn’t even have a CSS[^2]! But it really did just work. Then, unsurprisingly, I found a sequel to that website called Better Motherf**cking Website.
[^2]: I used a special space here called BRAILLE PATTERN BLANK, U+2800 if anyone need it
The heck?
But it did look better than the previous one. Well, I dig it although I know both of the sites are satire. Here is the original CSS source for the second one:
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.
How about… no?
Nah, actually he(or she)'s definitely right, it will need more CSS extension. But first, I need somewhere to test it first before putting on the main site, and the Access is the perfect place. It actually doesn’t look bad! So I started to make a fork of this CSS. Here is what I have done:
For the base, I just add an extra background-color property in body, just for helping the dynamic dark/light theme on my website: