Skip to main content

{{ 11tybundle.dev }}

11 posts by Aleksandr Hovhannisyan

Interactive HTML Code Demos in Eleventy

With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos...

Categories: How to...  

11ty Serverless and Object Permalinks: Hybrid Rendering

Learn how to reuse a single source template in 11ty Serverless to generate both a static and...

Categories: Serverless  

Optimizing Images with the 11ty Image Plugin

While imagery can enrich your content, it can also slow down your site if it's not used responsibly....

Categories: Images  Plugins  

Add Build Info to an 11ty Site

Expose information about your 11ty site at build time to all templates using global data. Among...

Categories: Deployment  How to...  

A Set of Useful 11ty Filters

One of my favorite things about 11ty is its flexibility and how easily you can customize your chosen...

Categories: Filters  How to...  

Design Mode in 11ty

Sometimes, I prefer to compose text right in my browser and copy it over to my source files. In...

Categories: How to...  

Passing Object Arguments to Liquid Shortcodes in 11ty

Currently, 11ty doesn't allow you to pass object arguments to shortcodes in Liquid. As a temporary...

Categories: How to...  

Custom Markdown Components in 11ty

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a...

Categories: How to...  

Configuring Web Fonts in 11ty with Global Data

Rather than using static font-face declarations for web fonts, you can take advantage of global data...

Categories: Global Data  How to...  

Automate Netlify Redirects in 11ty

Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of...

Categories: How to...  

11ty: The Good, the Bad, and the... Possum?

An in-depth review of 11ty, an extensible static site generator written in Node that supports a...

Categories: Why Eleventy?