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.

Apr 15, 2020

In this part 1 episode, we dive deep into using CSS color. We discuss ways to write and code colors, places they can go, functions you can use on them, and then we top it off with a hex color challenge. As always, you’ll learn new jargon, pick up a trick or two, and learn something new. 

#C55 is #ace not #5ad

Links

The Evolution of Color - Chris Lilley

Read color hex codes - Dave DeSandro

CSS color level 3

“flavor” system color

Web Almanac 2019: CSS Chapter -- https://almanac.httparchive.org/en/2019/css

Nerds Guide to Web Color -> https://css-tricks.com/nerds-guide-color-web/

HSL hue turn rotate codepen

 

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; dev += design; parentNode + 2 leafs; CSS/JS/UX addict; repeat(∞, [empathize, design, develop, deploy]); 💀🤘

 

The CSS Podcast

#CSSpodcast