Contents tagged “Eleventy”

I mixed this awesome #Netlify proxy for #Cloudinary trick from @philhawksworth and @tkadlec with #Eleventy and my responsive images plugin, and the result is great! 😍

https://demo-11ty-netlify-cloudinary.netlify.app/

I may have created a new plugin for #Eleventy… 😅

If you use Nunjucks layouts and want an easy way to build internal links between your contents, this might help you:
https://github.com/nhoizey/eleventy-plugin-link_to#readme

Browsing #Eleventy docs to see data available in a page and in a collection item. title vs item.data.title…

Wish it was the same, for simpler Nunjucks macros with a single item object with the same attributes.

Each step of eleventy-plugin-images-responsiver tutorial is both a README and a small Eleventy site with the plugin and progressively improving configuration and usage… 😎

https://github.com/nhoizey/images-responsiver/tree/main/docs/eleventy-plugin-images-responsiver/tutorial/01-without-plugin

I'm already using #Jest to test images-responsiver, my #Node package for easier responsive images, but I wonder how to use it to test my plugin wrapping it for #Eleventy… 🤔

https://github.com/nhoizey/images-responsiver/issues/95

I'm quite happy with this nice and simple collection of complementary tools that help me maintain my pet projects on #GitHub:

https://nhoizey.github.io/images-responsiver/#tools-and-automations

⚠️ People using my #Eleventy plugin for responsive images should be aware that its Git(Hub) repository has moved into the new images-responsiver monorepo.

There's nothing to do if it has been installed from npm, though.

Should I use a monorepo for images-responsiver and eleventy-plugin-images-responsiver, the #Eleventy plugin? 🤔

Might be better to manage dependencies and sync releases, and easier for users to find/add issues.

YouTube and Vimeo videos are now embedded thanks to @gfscott's great #Eleventy Embed Everything plugin.

YouTube videos are light and without trackers thanks to @paul_irish's lite-youtube-embed.

Using speedlify with #Netlify is great, because enhancing the sites performance will reduce the build times, therefore the monthly cost… 😁

This new monitoring tool based on #Eleventy, built by @zachleat, is awesome! 😍

Zach Leatherman @zachleat

New project: Speedlify 🐇

A self-hosted dashboard to continuously measure and publish web site performance statistics using Lighthouse and Axe.

Demo:speedlify.netlify.app/ssg/c
Blog post:www.zachleat.com/web/speedlify/L

303 07:27 PM · Jun 30, 2020

It took me just a few minutes to built my dashboard for multiple sites:
https://webperf-monitoring.netlify.app/

I use #Eleventy transforms for multiple use cases, but they can only be run on the almost final HTML.

How would you run other transforms on the source #Markdown, before Markdown-it?

How could it be done in en Eleventy plugin?

Tracking my #Eleventy based web sites in #Dareboost to make sure my performance and accessibility results stay good for the leaderboards… 😅

Pack11ty, my #Eleventy template project, now uses some of #EveryLayout layouts and starts looking much better!

https://pack11ty.dev/

I guess #CSSNakedDay is the best day to launch my own heavily opinionated #Eleventy template project, for which I didn't write any CSS yet… 😅

Here is Pack11ty, hosted on #Netlify!

https://pack11ty.dev/

Trying to write documentation for my #Eleventy plugin as runable examples… not so easy, but I think it's worth the effort!

https://github.com/nhoizey/eleventy-plugin-images-responsiver/tree/master/docs/examples

I guess (without proof) #Eleventy builds including assets bundling/minifying could be accelerated with memoization.

Did this for the slugify filter (I use @sindresorhus's one instead of the default) called multiple times with the same string:
https://github.com/nhoizey/nicolas-hoizey.com/blob/master/src/_utils/slugify.js

images-responsiver is a simple solution for most responsive images needs

Is it catchy enough? 😁

Here's my latest pet project, trying to help people struggling with responsive images: https://nhoizey.github.io/images-responsiver/

If you use #Eleventy, there's also a plugin: https://github.com/nhoizey/eleventy-plugin-images-responsiver

Documentation is still a little rough around the edges, but should be enough at least for people already knowing npm and JS.

People using #Eleventy and #Webmention, when and how do you send mentions from your content to remote sites?

My #Eleventy build time is now down to 37 seconds on average! 💪

A few external data fetches, 1087 HTML pages generated, 1608 simple images <img src…> automatically transformed into responsive <img srcset… sizes…>…

You should remember I told you nho.io is built with #Eleventy.

So why do #Netlify Analytics tell me the most visited URL is https://nho.io/wp-login.php ? 🤷‍♂️

Now that I use #Rollup to generate my #ServiceWorker with #Workbox in #Eleventy, I guess I should try to remove #Webpack from #JavaScript assets bundling… 😅

You might have noticed that these notes are #POSSE on social networks with a link to a shorter domain. 🤔

https://nho.io/ is my short URL domain, hosting only redirects. It is also powered by #Eleventy! 💪

Use the "1y" template to create your own: https://github.com/nhoizey/1y

Hashtags written in Markdown content of such notes are automatically transformed into tag links in the site with some #Eleventy magic (I'll explain later), but are not yet "true" tags.

Waiting for an issue to be resolved (if possible): https://github.com/11ty/eleventy/issues/971

Migration from #Jekyll to #Eleventy now complete, and even more! 💪

• Responsive images now use standard #Markdown, made responsive with #Cloudinary
• Talks synchronized from #Notist
• Notes to #POSSE to #Twitter and #Mastodon