In the past couple of years I have been trying to get this blog to a more minimal state with every version and iteration that gets pushed to the public.
This blog has always focus on articles and notes. Yet I have been missing a place to put certain individual photos. Sure, Flickr is still the place where I post most of my photography. Yes, I obviously have a very active Instagram account. But there was no place for me place to put individual, meaningful images.
Next to that, there were a bunch of things that I definitely needed to update and a few new techniques I was interested in experimenting with.
Since launching the previous version of this blog, the state of the web has changed quite a bit. Retina displays have become more commonplace and I was that guy who wrote about optimising for retina with a blog that didn’t have retina images. Yet just bolting on some retina images wouldn’t do.
Where using sprites for more high-fidelity graphics is definitely the way to go, the minimalism strived for with this blog design lent itself perfectly to check out the use of an icon font.
Another approach I was very interested in, is seeing with how little code footprint I would be able to make the website responsive, whilst adhering to a modular scale and baseline I had set up. As a result, the front-end implementation of this version leans heavily on rem-based dimensions.
Anyway, I won’t bore you with all the details right now. I plan to write up more about the different approaches and techniques used for this design at a later date.
For now, enjoy.