Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
social

7 Articles
{
,

}
Direct link to the article Automatic Social Share Images
meta tags puppeteer social

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
Direct link to the article Comparing Social Media Outlets for Developer Tips
analytics social

Comparing Social Media Outlets for Developer Tips

As a little experiment, I shared a development tip on three different social networks. I also tried to post it in a format that was most suitable for that particular social network:

  • On Twitter, I made it a thread.
…
Avatar of Chris Coyier
Chris Coyier on May 15, 2020
Direct link to the article Yap
social

Yap

Direct Link

Interesting idea for a “chat room” from Postlight:

  1. Create a Yap chat room.
  2. Invite others to join and talk.
  3. Share a URL of just about anything.
  4. Everyone gathering can comment on what you’ve shared.
  5. If you think your conversation deserves
…
Avatar of Chris Coyier
Shared by Chris Coyier on Dec 13, 2019
Direct link to the article IndieWeb and Webmentions
indieweb social webmentions

IndieWeb and Webmentions

The IndieWeb is a thing! They’ve got a conference coming up and everything. The New Yorker is even writing about it:

Proponents of the IndieWeb offer a fairly straightforward analysis of our current social-media crisis. They frame it in

…
Avatar of Chris Coyier
Chris Coyier on Jul 9, 2019
Direct link to the article How to Use the Web Share API
social web share

How to Use the Web Share API

The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, …

Avatar of Ayooluwa Isaiah
Ayooluwa Isaiah on Jun 6, 2019
Direct link to the article Social Cards as a Service
headless browser serverless social

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
social

The Simplest (and Most Performant) Way to Offer Sharing Links for Social Media

This past summer, I wrote The Essential Meta Tags for Social Media about how developers can prepare web pages to optimize their appearance when shared on social media. But what about creating the links to let users share these web …

Avatar of Adam Coti
Adam Coti on May 17, 2019
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top