Johnathan.org

John.ly Version 2

Last week I hacked together a new version of my blog (this site) in hopes that I could actually create what I had envisioned in my head all along. So far, I’m quite pleased with how it turned out. I look forward to hacking on it some more, but this is a great start.

There were a few things I had to have in this version.

Easier to read type. I spent a few hours poking around the various font circles on the Interwebs and came across ITC Charter. I really like the way it renders on a page and from what I can tell, Medium.com also uses Charter. I guess I’m in good company?

Wider single-column layout. It didn’t have to be large, but something larger than before in order to accommodate flexibly-sized images. The CSS allows for image URLs to contain #med and #big and the content will eventually accommodate that.

A touch of color. The minimal design in the previous version was nice, but it felt bland. The light-blue links weren’t cutting it.

Navigation that’s always available. Scrolling to the top is no longer a thing.

Be small-ish. I wanted to keep the theme zip under a meg. The uncompressed them folder is around 760KB on my machine. The largest assets are the font files for each format (woff, woff2, eot, otf) at around 200-ish KB. The homepage, when loaded, sans tracking scripts is roughly 250KB with jQuery. A blog post will vary depending on images.

I’ve also shared the code on [GitHub for those interested. I can’t say the repo will always be updated but I’ll do the best I can to remember.

(permalink)

Johnathan Lyman
Kenmore, WA,
United States
 
blogging, design, technology, software, development, gaming, photography