2024

  1. Filter items by tag with plain Javascript

    · #tutorial #javascript

    I wanted a way to filter items by tag on the front-end and decided to build a quick demo. Here I'll talk through some decisions I ended up making and show you how to implement something like this in your own project.

  2. Get a single item from an 11ty collection

    · #tutorial #11ty

    Sometimes, you might need to get a single item from an 11ty collection to display information about that page inside of another. Here's a little filter you can add that will help you do this.

  3. Skip template evaluation in code blocks

    · #11ty #tutorial

    In my last post, I needed to show some njk syntax as a code example, but 11ty kept trying to evaluate the njk instead of displaying it. In this post, I'll show how I got around this with shortcodes

  4. 11ty - Previous and Next links

    · #tutorial #11ty

    Linking to pervious and next post in a collection is a somewhat common feature that I didn't need until recently. It took me a little bit to work out how to do it since the docs were a little ambiguous, so let's build it together using 11ty collections.