howto

15.12.2019

"Static" Comments with Gulp, Hugo & Netlify

“Static” comments…? Working for friends and family is always quite a bit of an extra challenge, as “no” generally doesn’t count. That’s probably how I ended up looking for what I’ll call “‘static’ comments” for now. Sounds weird at first, but refers to comments (= dynamically added feedback/discussion) within the context and technical limitations of a static website. There’s a fair amount of “out of the box” 3rd party services you can use, an overview can be found in the Hugo Docs . [...]

Read More...
12.12.2018

jQuery Multiselect Filter

Filter requirements I spent quite some time working on a friend’s portfolio website recently. She wanted to get rid of some sort of hosted service, moving to her own website. Showcasing her work was clearly the focus of the site, so it also needed to provide some decent filtering of the portfolio items. The site itself was supposed to be built with Hugo that already provides a ton of functionality in terms of taxonomy and content metadata. [...]

Read More...
20.09.2018

Building a responsive menu with Tailwind CSS

Tailwind CSS According to their docs: Tailwind is a utility-first CSS framework for rapidly building custom user interfaces. Being used to Bootstrap and/or other component based frameworks, this is quite a different approach. Using Tailwind, basically everything you know from these frameworks is possible, but the way to get there is a little different. There’s no navbar, card or modal - instead, all of Tailwind’s classes can be used to actually build those components. [...]

Read More...
03.09.2018

Using CSS Variables in Internet Explorer

Using CSS variables CSS variables (see: w3schools.com ) make working with stylesheets easier, no doubt about that. Defining a color, a breakpoint or even a font-family globally, makes changes easier and almost completely eliminates the copy/paste and the find/replace cycle when it comes to updates in your CSS. Now, having to support Internet Explorer 11 and below with your CSS makes this a little less exciting, as it simply doesn’t support CSS variables at all. [...]

Read More...
21.08.2018

Random Content from Data in Hugo

Data in Hugo Hugo comes with the possibility of storing structured content in a data file where it can be pulled from by the template placing it on the site. I’ve seen this used for things like pricing tables for example. There’s quite a bunch of use cases for random content on a website though, from customer references on a company website to quotes of the day for a literary blog. [...]

Read More...