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 to your Eleventy site using Markdown.
Aleksandr Hovhannisyan · Jul 30, 2023
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.
Aleksandr Hovhannisyan · Sep 5, 2022
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.
Aleksandr Hovhannisyan · 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.
Aleksandr Hovhannisyan · May 31, 2022
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.
Aleksandr Hovhannisyan · 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.
Aleksandr Hovhannisyan · May 5, 2022
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.
Aleksandr Hovhannisyan · Mar 17, 2022
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.
Aleksandr Hovhannisyan · Mar 3, 2022
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.
Aleksandr Hovhannisyan · Nov 14, 2021
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!
Aleksandr Hovhannisyan · Aug 8, 2021
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.
Aleksandr Hovhannisyan · Jun 3, 2021
Categories: Why Eleventy?