eleventy-plugin-images-responsiver
eleventy-plugin-images-responsiver copied to clipboard
nhoizey
eleventy-plugin-images-responsiver is a simple solution for most responsive images needs with Eleventy
This will be possible only when https://github.com/11ty/eleventy/issues/789#issuecomment-601891680 is resolved.
- https://www.sanity.io/docs/asset-pipeline - https://www.sanity.io/guides/how-to-add-promotional-images-to-the-11ty-blog-starter
Thanks again for replying to my question about 11ty/Netlify CMS and responsive image markup and for suggesting this plugin. I've looked through the repo as well as through the Pack11ty...
There are Jest tests for the core library `images-responsiver` in https://github.com/nhoizey/images-responsiver/tree/main/packages/images-responsiver/__tests__ But there are no tests yet for `eleventy-plugin-images-responsiver`, the plugin for Eleventy.
Test against `stable` and `dev` versions. See https://dev.to/joshx/test-your-npm-package-against-multiple-versions-of-its-peer-dependency-34j4
See: - https://mastodon.social/@monochromer/113968124851316528 - https://github.com/web-alchemy/eleventy-plugin-html-transform Also uses LinkeDOM.
It uses AST instead of DOM API. Not documented yet. Example here: https://github.com/11ty/eleventy-plugin-font-awesome/blob/0cd3614968a02ed5f33ca9ab3f41ec198a35f060/src/transform.js#L55
As noted by Aaron, an image was not ignored when his HTML was split on multiple lines: https://github.com/aarongustafson/aaron-gustafson.com/commit/695bf9d0d8b89a562c0a0fe400665aba8fc91819