Dynamic Open Graph Images with Satori and Astro

Open Graph Images are a great way to improve the social sharing experience of your website. In this post I'll show you how to create them and how to generate them dynamically with any static site generator, like Astro, Nuxt or Next.

Optimizing performance by subsetting fonts

Font subsetting is an incredible technique to reduce the file size of fonts and speed up page load times. In this article, we will explore a few techniques that Google Fonts uses to optimize font performance on the web.

A short introduction to Motion One, the new kid on the block

Motion One is the new kid on the block when it comes to animation libraries. It is based on native browser APIs, which makes it incredibly fast and lightweight. In this article, I'll give you a short introduction to Motion One, and explain why you should use it.

Beautiful & Minimal progress indicator built with Motion One

Learn how to build a minimal and beautiful progress indicator with Motion One. It is a great way to spice up your articles, blog posts and documentation.

Serving the perfect image to every device with Astro 3.3 and up

Serving the right image to every device is difficult. Luckily, Astro 3.3 offers a toolbox of tools to make it easier.