12 posts by Aleksandr Hovhannisyan
Virtual Templates in Eleventy
In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.
Jun 1, 2024
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: ConfigurationFront MatterGlobal DataHow to...Plugins
Interactive HTML Code Demos in Eleventy
With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos to your Eleventy site using Markdown.
Jul 30, 2023
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: How to...
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
11ty Serverless and Object Permalinks: Hybrid Rendering
Learn how to reuse a single source template in 11ty Serverless to generate both a static and server-rendered page.
Sep 5, 2022
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: ServerlessPermalinks
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. Learn how to use the official 11ty image plugin to create optimized and responsive images.
Jun 10, 2022
Add Build Info to an 11ty Site
Expose information about your 11ty site at build time to all templates using global data. Among other things, this can be used to show your site's build time, package version, and the latest Git commit hash.
May 31, 2022
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: DeploymentHow 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 template language without having to leave the familiar comfort of the Node ecosystem.
May 15, 2022
Design Mode in 11ty
Sometimes, I prefer to compose text right in my browser and copy it over to my source files. In 11ty, we can enable this behind a keyboard shortcut in our development environment using environment variables.
May 5, 2022
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
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 workaround, you can assemble and parse a JSON string to pass along to the shortcode as an argument.
Mar 17, 2022
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
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 custom Markdown library parser.
Mar 3, 2022
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: How to...
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
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 in 11ty to create a single source of truth for fonts and reuse those values in your templates and CSS.
Nov 14, 2021
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: Global DataHow to...
Automate Netlify Redirects in 11ty
Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of 11ty templating magic!
Aug 8, 2021
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
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 variety of template languages.
Jun 3, 2021
by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed
Categories: Why Eleventy?