A little #SVG snippet: an image placeholder that maintains its appearance regardless of size. Useful while prototyping.

https://danburzo.ro/snippets/placeholder-svg/

placeholder.svg · Dan Cătălin Burzo

a SVG placeholder image for prototyping

@db Lovely!

I made a little generator a while ago for when you want some text: https://github.com/cloudfour/simple-svg-placeholder

But I like the simplicity of this solution!

GitHub - cloudfour/simple-svg-placeholder: A very simple placeholder image generator with zero dependencies.

A very simple placeholder image generator with zero dependencies. - cloudfour/simple-svg-placeholder

GitHub
@tylersticka oh, that’s super useful! I have a bunch of external URLs that broke recently in several of my demos, this seems like a good replacement.
@db I’ll be showing how I use it at the next Eleventy Meetup: https://11tymeetup.dev/events/ep-30-rapid-prototyping-helpers/
Ep. 30: Rapid prototyping helpers

In this episode, Tyler shows us how he leverages 11ty for rapid prototyping.

@tylersticka Awesome topic, has actually been top of mind recently. Will try to tune in!
@tylersticka @db Looking forward to this one. See you there!