Radio and PodcastRadio and PodcastLive Radio & Podcasts
Creating a background gradient from an image artwork
Technology

Creating a background gradient from an image

Frontend First by Frontend First

Dec 12, 202400:48:39Technology

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 vi...

About This Episode

Creating a background gradient from an image is an episode from Frontend First by Frontend First. Ryan talks to Sam about reproducing iOS's new image background treatment for his Open Graph Preview tool, opengraph.ing. They talk about diffe...

Podcast

This episode belongs to Frontend First.

Listen Online

Use the player on this page to stream the episode online.

Episode Details

Published Dec 12, 2024, 00:48:39 long, audio available.

Related Episodes

Continue listening to more episodes from Frontend First.

Exploring useActionState

Nov 14, 2024 - 00:59:57

Sam and Ryan talk about React 19's useActionState hook. They discuss how adding async functions to a plai...

Can you self-host Next.js?

Oct 10, 2024 - 00:58:03

Sam and Ryan talk about how frameworks and infrastructure evolve with each other, using Next.js as a repr...

Tom Occhino on the future of React

Sep 18, 2024 - 01:00:27

Tom Occhino, Chief Product Officer at Vercel and former Engineering Director at Facebook, joins Sam to ta...

Render props

Sep 5, 2024 - 00:34:43

Sam and Ryan talk about render props in React. They discuss where they came from, how Hooks superseded th...

Unstyled React components

Aug 15, 2024 - 00:34:08

Sam and Ryan talk about the pattern of building unstyled components with React. They discuss why unstyled...

Questions About This Episode

What is Creating a background gradient from an image about?

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

Where can I listen to Creating a background gradient from an image?

You can listen to Creating a background gradient from an image online on Radio and Podcast. Open the player on this page to stream the available audio.

Which podcast is Creating a background gradient from an image from?

Creating a background gradient from an image is an episode from Frontend First by Frontend First.

How long is this episode?

This episode is 00:48:39 long.

When was this episode published?

This episode was published on Dec 12, 2024.

Can I save Creating a background gradient from an image for later?

Yes. Use the heart button on the episode page to add it to your favorite episodes list.

Are there related episodes from Frontend First?

Yes. This page shows related episodes from Frontend First when more episodes are available from the podcast feed.

Quick Answers About This Episode

Where can I listen to Creating a background gradient from an image?

You can listen to Creating a background gradient from an image on this page when the episode audio is available from the podcast feed.

Which podcast is this episode from?

Creating a background gradient from an image is from Frontend First by Frontend First.

What are the episode details?

Published Dec 12, 2024 and 00:48:39 long