Creating A Background Gradient From An Image Frontend First podcast

Artwork

Technology Web Ember Software Development Design Web Development Tech Software Development Frontend Ryan Toronto Sam Selikoff JavaScript Emberjs

Contenido proporcionado por Frontend First, Sam Selikoff, and Ryan Toronto. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Frontend First, Sam Selikoff, and Ryan Toronto o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.

Frontend First »
Creating a background gradient from an image

1y ago 48:39

Compartir

MP3•Episodio en casa

Contenido proporcionado por Frontend First, Sam Selikoff, and Ryan Toronto. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Frontend First, Sam Selikoff, and Ryan Toronto o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.

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:

… continue reading

201 episodios

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs

Artwork

Creating a background gradient from an image

190 subscribers

published 1y ago

Compartir

MP3•Episodio en casa

Contenido proporcionado por Frontend First, Sam Selikoff, and Ryan Toronto. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Frontend First, Sam Selikoff, and Ryan Toronto o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.

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:

… continue reading

201 episodios

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs

Todos los episodios

×

Bienvenido a Player FM!

Player FM está escaneando la web en busca de podcasts de alta calidad para que los disfrutes en este momento. Es la mejor aplicación de podcast y funciona en Android, iPhone y la web. Regístrate para sincronizar suscripciones a través de dispositivos.

Escucha más de 500 temas

Escucha este programa mientras exploras