Medium Style Layout

A Medium Style Layout

In this article, I will show that it is possible to create a Medium-style article with beautiful typography and not have it take up over a megabyte on the wire. I will include fonts and other CSS bells and whistles, but not a smidgen of JS outside of embedded content. Because when you run something like Medium, you should be able to get all the analytics you need from your goddamned server logs.

Something to add another paragraph here.

Why do I bother

I bother because for some reason Medium, the "publishing platform", is slow to load even for really simple, text-only documents. I believe the issue is that it loads unnecessary scripts that don't add to much. And they also strongly recommend using an app on mobile devices - why is this even necessary to view text files with an occasional image?

  • This is a normal, unordered list. It's rendered by your browser.
  • It means that the bullets might look a bit different in different browsers, or the margins might not quite match up.
  • But this is fine, because at least I am not wasting CSS on doing my own list bullets.

Some other heading

Someone important said this. Simone Importe-Ante

Recipe for total panic:

  1. Cats
  2. Dogs
  3. Living together

Some code

#include int main(int argc, char* argv[]) {
puts("Hello, world!");
return 0;

I'm fine with this code rendering with different fonts on different systems.

What about images

A rumbling wave A rumbling wave off the coast of California, presumably. Source.


What now, Medium?