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.

Jun 13, 2024

In this episode Una and Adam continue talking about dialogs and popovers, but this time it's all about animating them into and out of the top layer.. We'll be introducing starting-style, a new mode for transitioning discrete properties, and the overlay property for smooth entry and exit animations. 

Links:
top-layer CSS...


Jun 6, 2024

The CSS Podcast is back, with an episode highlighting the popover API and dialog element! Learn what they can do, and when to use which when.

Links
Popover API lands in Baseline → https://goo.gle/3Vo2dIs
Dialogs and popovers seem similar. How are they different? → https://goo.gle/3wXD1z5
Dialog dilemmas and modal...


Dec 6, 2023

I can’t believe we’re already at the end of season 4! This season, we’ve been focusing on CSS gotchas and resolving these common CSS pitfalls. And alas, on our last episode of the season, we’re going to take a look back at all of those tips and tricks and pick some of our favorites to highlight in this recap...


Nov 28, 2023

In this episode, Una and Adam talk about percentage resolution for various properties like font-size, padding height and width. They break down and explain why percentages may not work or may not be what you expected.

 

Links

<percentage> → https://goo.gle/47XtWU1 

Understanding CSS Percentage →


Nov 15, 2023

In this episode Una and Adam help you uncover moments where a sticky element isn't sticking. There are a couple of gotcha around implementing a sticky element and by the end of the show you'll know what they are and a few ways to work around them.

 

Links:

sticky stack - https://goo.gle/3QICxTz 

sticky desperado -