Fonts and CSS - Reducing the amount of icons in your font files
I have been hunting performance on my blog once again. I recently reduced the size of my fonts from around 65kb to 5kb without breaking the »
Web - An alternative to using image-set with background in CSS with a bit of Javascript and built-in lazy-load
I wanted to make my website score a little bit better on Google pagespeed and one area was the size of my images. I use background »
HTML / CSS - How to preload fonts using the link tag and rel="preload" attribute - 2022
In a series of recent posts I have optimised my site as Google lighthouse / Pagespeed has shown some performance issues. This post is on how to »
Disqus recommendation mark up suddenly messed up on page
Today my disqus recommendations suddenly looked like the following on my pages: As you can see, in the above the recommendations are a lot wider than »
How to preload Google fonts using Google API
I recently went through the performance issues I had in lighthouse or Google pagespeed. One of those was that I did not preload Google fonts which »
How to add font-display: swap; to font-face CSS from Google font API
You are likely here because of Google lighthouse or pagespeed telling you that you need to use "font-display: swap;". You can of course add swap to »
HTML - Should you use <br> or <br/> as line break?
I recently realised that I had some old posts on my blog with some line break
tags (
) in them, however what I had been using in »
Ghost blog - How to link within the same document using an anchor tag in markdown
It took me way too long to figure out how to link to a headline further down in my blog post within markdown. I hope I »
Ghost blog - Getting rid of the <br> tag and space added between text and image when inserting images from Unsplash
I recently tried the feature "Add image from Unsplash" on my Ghost blog. However I found out that there is a lot of extra space between »
How to make prism.js word-wrap (line-wrap) code snippets
I recently made a post where I needed to show some code that would look better without word wrap as it was basically one or two »