Artwork

Вміст надано Frontend First, Sam Selikoff, and Ryan Toronto. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Frontend First, Sam Selikoff, and Ryan Toronto або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
Player FM - додаток Podcast
Переходьте в офлайн за допомогою програми Player FM !

Creating a background gradient from an image

48:39
 
Поширити
 

Manage episode 455183390 series 1635850
Вміст надано Frontend First, Sam Selikoff, and Ryan Toronto. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Frontend First, Sam Selikoff, and Ryan Toronto або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.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 епізодів

Artwork
iconПоширити
 
Manage episode 455183390 series 1635850
Вміст надано Frontend First, Sam Selikoff, and Ryan Toronto. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Frontend First, Sam Selikoff, and Ryan Toronto або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.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 епізодів

Усі епізоди

×
 
Loading …

Ласкаво просимо до Player FM!

Player FM сканує Інтернет для отримання високоякісних подкастів, щоб ви могли насолоджуватися ними зараз. Це найкращий додаток для подкастів, який працює на Android, iPhone і веб-сторінці. Реєстрація для синхронізації підписок між пристроями.

 

Короткий довідник

Слухайте це шоу, досліджуючи
Відтворити