Hugo Pipeline Series – Intro
In this post(s) I'll describe how I created my personal blog with a fair amount of work to achieve simplicity.
Read →
Category: Coding
8 JavaScript Recommendations to a Struggling Student
I recently helpt a student struggling with a web development assignment. Not surprisingly, it wasn't one specific thing that wasn't working with a clear question on how to solve that specific problem. There were errors in the web browser console, long functions with wrong indentation that made it all hard to understand.
Read →
Lazy Loading Images in Hugo
When writing another post, I realised that I hadn't documented/described my image lazy loading implementation in Hugo anywhere, so here it comes. The first thing we need are responsive images, not the thing you get when setting the width to 100% in CSS, but different versions of the same image in different resolutions so that the web browser can pick the best one (using srcset).
Read →
Yarn Resolutions to Fix Build Error With Multiple Versions of NPM Package
So, I upgraded Cypress from 3.7.0 to 3.8.2 and ran everything locally - no problems. But the build failed both in GitHub Actions and Netlify. I now had two conflicting versions. When using Yarn, this can be solved with Selective dependency resolutions, by adding the following to package.json Read →
Gatsby vs Hugo for a Personal Blog
Having built two personal websites/blogs that are fairly similar, one using Gatsby and one using Hugo, I’ll take a moment to compare my experiences. All CSS is written from scratch for both sites, no framework. They both have categories and tags that you can use to find related posts. No server-side API is used, so once the build is done, everything is static. Well, I use Google Analytics and Disqus on both sites, but those are third-party API's that I don't have to manage.
Read →