Preview Mode Links will not work in preview mode

Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

Sep 2, 2020

In this episode, we’re talking about CSS filters! We can alter the pixels of our web apps in similar ways to our favorite design tools. From recreating Instagram filter effects, to blurring background for better legibility, we dive deep into what CSS and filters can do.

Links:

Filter Effects Module Level 1 → https://goo.gle/34SPJ1D 

Backdrop Filter → https://goo.gle/3hJTMRz 

CSSGram → https://goo.gle/2EPDOad 

Custom & Instagram photo filters → https://goo.gle/31PhaYi 

Contrast Swap technique → https://goo.gle/2G9LpRh 

feColorMatrix → https://goo.gle/34UKw9u 

Shaders → https://goo.gle/32PJ2uR 

 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

 

The CSS Podcast

#CSSpodcast