/ #hugo  #responsive 

Responsive Images

My quest for a slimmer website is ongoing. The newest addition tackles responsive images. This technique allows the browser to select an optimal format for an image, for example a small image on a mobile phone and a larger one, on a desktop. The technique I use is based off of the works by Laura Kalbag, Adam Wills and Nils Norman Haukås. I use the same Hugo Image Processing techniques as in other parts of the Hugo Chaschper template, this time in a figure shortcut that overrides the Hugo internal one. ...

Jens-Christian Fischer
/ #hugo  #image 


The Website Obesity Crisis is a wonderful talk about the sheer size that even simple websites have. Thanks to @stilkov for the pointer: For an upcoming client engagement, I was reminded of this, the best talk on web tech ever given: https://t.co/K526LJHlru — Stefan Tilkov (@stilkov) January 16, 2019 That led me to look at the size of this blog and it was scary: The weight of the front page of this humble blog is a whopping 5 MB. ...

Jens-Christian Fischer
/ #tech  #hugo 

Travis checks Chaschper

One of these “ohh - that’s a nice idea, I should totally also implement that” ideas. I stumbled upon the Dream Plus Hugo theme, that included a little badge that linked to a Travis CI build status. Using CI (Continous Integration) to check the sanity of the template seemed like a good thing to me, so I looked around on how various people do this. I found one template by Vicky Lai that included HTML checking. ...

Jens-Christian Fischer
/ #hugo  #css 

Chaschper Galleries

The new version of the Chaschper template that I’m using to power this blog has gained a new capability: Image galleries. I started out with a gallery by VickyLai to see how to do that in general. From there I looked at How to Build a Responsive Image Gallery with Flexbox to do some basic layouting and Fluidbox to style the images and load larger versions. I didn’t quite like the way, the galleries were defined in the original example, so I came up with the following scheme: ...

Jens-Christian Fischer
/ #wordpress  #hugo 

Rescue Old Blog

Two days ago, when I resurrected this blog, I thought I’d just start from scratch, leaving the 930+ old blog posts forever gone. Then I read how Amit moved from Squarespace to Hugo using the ExitWP tool to convert a Wordpress XML export to markdown files. I had an old export file lieing around and after just a few minutes with ExitWP I had 936 Markdown files, spanning 10 years (2003 — 2013) of my old blog content. ...

Jens-Christian Fischer
/ #hugo  #tech 

Hugo Templating

I spent most of the time setting up this new blog deciding on which template to use. I settled on Casper-Two but had to make changes literally minutes after I started using it. I created a fork, hugo-chaschper and made the following changes: Cleaned up (HTML formatting) Removing the ‘caspertwo’ options (Casper-Two contains two ways of displaying single page content. I have started to remove the one I don’t use) Added support for IndieWeb and IndieAuth. ...

Jens-Christian Fischer