Posted in General 27 Dec 2016 @ 12:16 PM~2 min read

First blog; about time

It’s taken me a while (a long while), but finally done. Welcome to my first blog, where I’ll be posting about web development, ProcessWire, and some musings here and there.

At the ripe age of 25, I’ve finally gotten around to doing the blog thing – and it actually feels awesome to have one. My first thoughts on the matter were, who doesn’t have a blog these days?” Alas, the real reason behind doing this is simply because the time has come for me to actually write about the things I think about, the things that interest me, and the things readers may be interested in.

For far too long, I’ve wanted to write about something specific – be it related to my work, hobbies, or general personal interests that might enlighten others. Honestly, though, the time just never availed itself. In 2017, however, that’s all set to change.

Sometime early in the year, I’ll write about the changes, and how my daily routine is affected by them. Hopefully, I’ll be able to dedicate a little more time to hobby-development, specifically my open-source projects. Right now, there aren’t many – but I’d like to add to it in the near future.

ProcessWire

For loyalists of ProcessWire, you’ll be glad to know this blog is powered by it. As one would expect, it was my first choice, and it really is working well.

Easy enough to tell, this blog is very simple. The home page simply lists the posts in reverse-chronological order, and differentiates between posts and link-posts, the latter of which opens up an external site in a new tab.

I’m using Parsedown Extra with Smartypants [1] for content, AvbImage for image manipulation, and Twig for templating – this has always been my favourite engine to work with. Lastly, I’m also using TextformatterVideoEmbed to automatically embed videos from YouTube and Vimeo without fuss.

In terms of the front-end, I’ve decided to not use a bloated CSS framework. Instead, I’m using Skeleton, and only really making use of the grid. The stylesheet is compiled with LESS and Lesshat, and fonts are imported from Google Fonts.

Lastly, you may have noticed that the banner image at the top is somewhat randomised. These images were obtained from Pexels, and AvbImage scales them down to for quick loading. They are brought into the front-end via JavaScript, and then processed for randomisation.


  1. I’ve decided to drop Smartypants in favour of Typeset, which also gives me hanging punctuation, and does a much better job in terms of kerning and various replacemenets. Unfortunately, the browser build (as published) is a bit old, but it’s quite easy to make a new build using Webpack. Will do a small write-up about it.

    I’m now using my own TextformatterTypographer, which you can learn more about here. You can follow development in the repo, or over at the ProcessWire Forum thread