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.

About the Author

A Seattle native, Johnathan has spent minutes scouring the globe for the best coffee, jerky, cheeseburgers, and whiskey. He's also writing about technology and often failing at being funny on Twitter.

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