Posted a month ago
Generative Placeholders
Use generative art as your image placeholders.
<img src="https://generative-placeholders.glitch.me/image?width=600&height=300">Visit the project page for instructions and more examples.
Generative Placeholders – Use generative art as your image placeholders https://t.co/xqkTjKoVSa by @fourtonfish pic.twitter.com/Q5VqA3vftq
— algoritmic (@algoritmic) January 6, 2020
Use #generativeart as your placeholder images. https://t.co/RHQgyK3wkq
— Botwiki 🤖💾🎨 (@botwikidotorg) December 23, 2019
Shout-out to @twholman, @mattdesl, and @kGolid whose code this project heavily relies on.
— Stefan Bohacek (@fourtonfish) December 26, 2019
And, of course, @glitch! https://t.co/uL0bqLedmV
The project page showcases several styles plus their variations, and lets you also generate new previews — while receiving a very high PageSpeed score thanks to a few clever tricks. For example, the initial thumbnails, which are lazy-loaded, are static, and only created dynamically when you click the images.
And the image thumbnail used on social media is generated randomly as well.
This project was featured in:
