Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
social media images

7 Articles
{
,

}
Direct link to the article Create Your Own Automated Social Images With Resoc
social media images

Create Your Own Automated Social Images With Resoc

There has been a lot of talk about automated social images lately. GitHub has created its own. A WordPress plugin has been acquired by Jetpack. There is definitely interest! People like Ryan Filler and Zach Leatherman have implemented …

Avatar of Philippe Bernard
Philippe Bernard on Oct 29, 2021 (Updated on Nov 2, 2021)
Direct link to the article Social Image Generator + Jetpack
social media images

Social Image Generator + Jetpack

I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found Social Image Generator.

The trajectory there was that I ended up …

Avatar of Chris Coyier
Chris Coyier on Sep 13, 2021
Direct link to the article If I work really hard on my Open Graph images, people will share my blog posts.
open graph social media images

If I work really hard on my Open Graph images, people will share my blog posts.

Direct Link

Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …

Avatar of Chris Coyier
Shared by Chris Coyier on Sep 2, 2021
Direct link to the article GitHub Explains the Open Graph Images
github social media images

GitHub Explains the Open Graph Images

Direct Link

An explanation of those new GitHub social media images:

[…] our custom Open Graph image service is a little Node.js app that uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to 

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jul 29, 2021
Direct link to the article Auto-Generated Social Media Images
social media images

Auto-Generated Social Media Images

I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …

Avatar of Chris Coyier
Chris Coyier on May 14, 2021 (Updated on Sep 10, 2021)
Direct link to the article Automatic Social Share Images
meta tags puppeteer social media images

Automatic Social Share Images

Direct Link

It’s a pretty low-effort thing to get a big fancy link preview on social media. Toss a handful of specific <meta> tags on a URL and you get a big image-title-description thing. Here’s Twitter’s version of an article on this …

Avatar of Chris Coyier
Shared by Chris Coyier on Dec 29, 2020 (Updated on May 7, 2021)
Direct link to the article Social Cards as a Service
headless browser serverless social media images

Social Cards as a Service

I love the idea of programmatically generated images. That power is close at hand these days for us front-end developers, thanks to the concept of headless browsers. Take Puppeteer, the library for controlling headless Chrome. Generating images from URLs …

Avatar of Chris Coyier
Chris Coyier on Feb 19, 2019 (Updated on Jun 9, 2021)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top