Listen "Creating a background gradient from an image"
Episode Synopsis
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 - Intro3:07 - Apple's new OG image gradient10:06 - Luminosity-weighted average14:22 - Finding the vibrant color of an image21:41 - Contrast ratios on favicons32:21 - K-means clustering41:25 - Refactoring UI tip about rotating the hueLinks:Open Graph PreviewRefactoring UI
More episodes of the podcast Frontend First
Exploring useActionState
14/11/2024
Can you self-host Next.js?
10/10/2024
Tom Occhino on the future of React
18/09/2024
Render props
05/09/2024
Controlled and uncontrolled components
28/08/2024
Unstyled React components
15/08/2024
What is a framework?
01/08/2024
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.