Eleventy (11ty)

Eleventy's Image Plugin Disk Caching Approach For HTML Transform Method

In this guide, I'll walk you through an approach of utilizing disk cache while using the HTML transform method of the eleventy image plugin. Disk cache is a persistent cache which allows you to not re-optimize every single image at every single build. However, there are some caveats which I ran into while using it with the HTML transform method. [...]

Builder.io's Partytown with 11ty

Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts. [...]

Using Fontsource With 11ty

For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected. [...]

Adding Custom Anchors to Headings in Markdown - Eleventy

Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page. [...]

Eleventy - Shortcode for Embedding Codepen

Shortcodes are used to invoke a particular function which returns some html or any other data based on the information that is passed. They are mainly used to reuse html templates which require some preprocessing. [...]