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.

Jul 1, 2020

In this episode we break down functional and regular pseudo selectors, CSS’s special hook into encapsulated element states. We can’t control them, but we can leverage them to provide rich interactive feedback from our interfaces.

 

Links:

Selectors Level 4 → https://goo.gle/2ZiJLmt 

a:link vs. a styling demo → https://goo.gle/2NGwWgd 

Hacking Visited for Una’s Blog → https://goo.gle/3eIo0TC 

:focus-within from Next Generation Web Styling → https://goo.gle/3gaXSRE 

:focus-visible explainer → https://goo.gle/2VslHMA 

Una’s Pure CSS Whackamole → https://goo.gle/2VxfhvX 

Una’s Pure CSS Tick Tack Toe → https://goo.gle/2ZzTCob 

Pure CSS Games Post → https://goo.gle/2VslTvi 

Empty Demo with Custom Properties → https://goo.gle/31tUlJS 

:blank naming → https://goo.gle/2Vukm81 



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