loading...

re: Automated Social Sharing Images with Puppeteer, 11ty, and Netlify VIEW POST

TOP OF THREAD FULL DISCUSSION
re: Great post, are there any screenshot examples for the blog posts?
 

Thanks! The ones I'm generating for the site mentioned are basically mini versions of the header that you see for posts. The wonderful part is that you can use CSS to achieve any design needed! Think of it as essentially an "iPhone in landscape mode" size canvas. You can populate the base HTML with something mimicking your real content to create the design, and start by allowing it to be picked up by 11ty for easier review, just shrink the viewport down to 600x315 👍🏻 Hope that helps!

 

I was looking for a link to the jpg file :).

Ha, ok! Here's one - I update only the title and the episode number:

moderncss.dev/img/animated-image-g...

code of conduct - report abuse