Posted on • tagged with #javascript#eleventy
Creating search functionality for a static site isn't always easy. Luckily, using custom data attributes and a bit of JavaScript. You can filter blog posts by comparing the search input to post titles and visually hide posts that don't match the search query.
Posted on • tagged with #eleventy#nunjucks#html
If you've built sites using Eleventy, you're probably familiar with collections. Using the Configuration API allows for creating custom collections which can be useful to only show certain posts on your site.
Posted on • tagged with #eleventy#nunjucks#html
There are many great features to choose from when building websites with Eleventy. One feature in particular that I find very useful is the ability to iterate over a global data file and generate page content using Nunjucks.
A starter site for creating a responsive image gallery using Eleventy.
An Eleventy shortcode that generates metadata for Open Graph, Twitter card, generic meta tags and a canonical link.
An Eleventy paired shortcode which performs build-time image transformations and generates responsive image markup.
Need a series to watch? Try finding one from the collection of shows, or add your own!
I'm always interested in having a chat about web development. If you think my skills would align with your projects needs, I'd love to hear from you. I'm available at any of the social links below or by navigating to my contact page.
Github
Twitter
LinkedIn