Add verified links to your Mastodon profile

Recently I, among a whole lot of others, revived my Mastodon account now that a spoiled brat took over Twitter and is currently burning it to the ground. Along with the revival I started searching for the people I'd like to follow and I saw several accounts that had verified link … | Continue reading


@bnijenhuis.nl | 1 year ago

Changing urls but keeping webmentions in Eleventy

I started out creating these notes with the date in the url, because I thought it was an easy way to keep some overview of my notes. But it turned out to be rather annoying when I was creating new posts. I rarely start and finish a post on the same day, which meant I would have t … | Continue reading


@bnijenhuis.nl | 1 year ago

Setting up a local development environment

Full disclosure: I'm writing this mainly because I keep having to look up how I've set up my development environment. I'm happy with how it's set up, but because I use it for some hobby projects and the occasional client work, I keep forgetting how I have to set up a new project. … | Continue reading


@bnijenhuis.nl | 1 year ago

Load file contents in Eleventy

At the moment the only image on my website is my logo on the homepage. But since it's an SVG, I decided to load it directly in the HTML. I could just copy the contents of the SVG file and paste it where I wanted it. But if I decide to have the image at several different places, a … | Continue reading


@bnijenhuis.nl | 2 years ago

Implementing Service Workers with limited cache

When I wrote the post about Implementing clientside webmentions a while ago it was mentioned by Nicolas Hoizey that this implementation would result in many requests to webmention.io. And although that's the result of having a static website with dynamic webmentions, I still want … | Continue reading


@bnijenhuis.nl | 2 years ago

Automatically generate open graph images in Eleventy

When sharing links on social media, it's nice to have an image instead of just the link. To achieve this you can implement the og: meta tags. You can check out the Open Graph protocol for more information about all the available tags. To define this image you can use the og:image … | Continue reading


@bnijenhuis.nl | 2 years ago

Implementing clientside webmentions

I came across webmentions a while ago and I wanted to try it out. If you don't know what a webmention is, Wikipedia describes it as follows: Webmention enables authors to keep track of who is linking to, referring to, or commenting on their articles. By incorporating such comment … | Continue reading


@bnijenhuis.nl | 3 years ago

Cache busting in Eleventy

Because I'm still following my Unhurried Development principle I'm taking small steps and making small changes. That's how I came across an issue with cached assets[1]. A cached CSS file in my case, to be specific. And although it's easy to force reload on desktop browsers, this … | Continue reading


@bnijenhuis.nl | 3 years ago

How to add self-hosted variable fonts to your website

To give my website a bit more personality I wanted to use a webfont instead of a system font. And because variable fonts are gaining traction I thought I would give it a shot. If you're not familiar with variable fonts, I would suggest you read the Introduction to variable fonts … | Continue reading


@bnijenhuis.nl | 3 years ago

Creating a feed in Eleventy

With the rise of all the different social media platforms several years ago, RSS was deemed unnecesary. Even Google discontinued Google Reader in 2013. But with the weird algorithms used in social media, lots of people (well, lots of developers at least) still rely on feeds to ha … | Continue reading


@bnijenhuis.nl | 3 years ago

Adding a favicon in Eleventy

I recently stumbled upon an article posted on CSS-Tricks about How to Favicon in 2021. Usually I would just use whatever a Favicon Generator would output for me, but it always felt like it returned...well...a lot! That's great though, because you can serve a favicon on every brow … | Continue reading


@bnijenhuis.nl | 3 years ago

Collection archive in Eleventy

When creating collections, like I am with these notes, it's expected to have an index file of all the posts. All my notes are under the /notes/ url path, but by default the /notes/ url path itself isn't available. And creating a file in the notes folder in the Eleventy project wo … | Continue reading


@bnijenhuis.nl | 3 years ago

Dates in Eleventy

When writing notes it's important to add a date to them. Even if it's just for your own use, it can be really helpful for future you to directly see how recent and relevant the note is. Because in the ever changing world of front-end development just a year can make a real differ … | Continue reading


@bnijenhuis.nl | 3 years ago

Unhurried Development

I recently changed hosting and instead of moving my old website, I thought it was the perfect time to build the new website I had in my mind for a while now. The only problem was, I hadn't even started on it yet. And before I would have it at a stage where I feel comfortable enou … | Continue reading


@bnijenhuis.nl | 3 years ago