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.

  1. All Episodes
  2. 2022
  3. 10

62: Color functions: An update

Oct 26, 2022

In this episode Una and Adam cover changes to the color level 5 and new color level 6 specs, so you can stay HD on the topic. Plus, a dive into CSS color functions for manipulating colors.

Links

CSS Color Module Level 5 → https://goo.gle/3f8BgpT 

CSS Color Module Level 6 → https://goo.gle/3TIsPAI 

 

Una Kravets...

Read More

61 :has()

Oct 18, 2022

:has() is a new CSS selector which allows developers to query for the presence of a child or state. It has been called the “parent selector”, but it’s much more than that! Using :has() you can style up and down a DOM tree, making this an incredible powerful feature. Learn how to take advantage of this new API with...

Read More

60: Inert

Oct 11, 2022

In this episode Una and Adam explain a non-CSS property, but very relevant front-end UI property, called inert. It's a way to have a visually guarded part of the UI also be guarded for keyboard and screen reader users.

Links

Inert spec - https://goo.gle/3SXid0C 

MDN - https://goo.gle/3rK1Ybd 

Chrome Developers:...

Read More

59: Container queries

Oct 6, 2022

Container queries (also known as @container) are a new entrypoint for truly component-based responsive design. In this episode, Adam and Una will walk you through how to use them, what browser support looks like, and upcoming features that will give you even more control over your responsive interfaces!

Links

  • CQ +...

Read More