Artwork

Контент предоставлен Frontend First, Sam Selikoff, and Ryan Toronto. Весь контент подкастов, включая эпизоды, графику и описания подкастов, загружается и предоставляется непосредственно компанией Frontend First, Sam Selikoff, and Ryan Toronto или ее партнером по платформе подкастов. Если вы считаете, что кто-то использует вашу работу, защищенную авторским правом, без вашего разрешения, вы можете выполнить процедуру, описанную здесь https://ru.player.fm/legal.
Player FM - приложение для подкастов
Работайте офлайн с приложением 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://ru.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://ru.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 и веб-странице. Зарегистрируйтесь, чтобы синхронизировать подписки на разных устройствах.

 

Краткое руководство