Frontend First

Creating a background gradient from an image


Listen Later

Ryan talks to Sam about reproducing iOS's new image background treatment for his Open Graph Preview tool, opengraph.ing. They talk about different approaches for generating gradients from images, including finding the vibrant color of an image, luminosity-weighted averages, k-means clustering, and more.

Timestamps:

  • 0:00 - Intro
  • 3:07 - Apple's new OG image gradient
  • 10:06 - Luminosity-weighted average
  • 14:22 - Finding the vibrant color of an image
  • 21:41 - Contrast ratios on favicons
  • 32:21 - K-means clustering
  • 41:25 - Refactoring UI tip about rotating the hue

Links:

  • Open Graph Preview
  • Refactoring UI
...more
View all episodesView all episodes
Download on the App Store

Frontend FirstBy Sam Selikoff, Ryan Toronto

  • 4.8
  • 4.8
  • 4.8
  • 4.8
  • 4.8

4.8

19 ratings


More shows like Frontend First

View all
Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Syntax - Tasty Web Development Treats

987 Listeners