pod.link/thecsspodcast
pod.link copied!
The CSS Podcast
The CSS Podcast
The CSS Podcast

Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started... more

Listen now on

Apple Podcasts
Spotify
Overcast
Podcast Addict
Pocket Casts
Castbox
Podbean
iHeartRadio
Player FM
Podcast Republic
Castro
RSS

Episodes

091: Season 5 Wrap-up

Una and Adam recap the season! They share their favorite features, stories, and... more

03 Oct 2024 · 42 minutes
090: Scroll-driven animations

In this episode our esteemed guest returns! This time to help us grok Scroll Driven Animation. Learn all about scroll(),... more

26 Sep 2024 · 46 minutes
089: View transitions

In this episode Una and Adam bring on an esteemed guest Bramus, who brings us deep knowledge on View Transitions.... more

19 Sep 2024 · 41 minutes
088: State queries

In this episode, Una and Adam discuss a future web capability that builds on container queries: state queries. From CSS,... more

12 Sep 2024 · 23 minutes
087: Anchor positioning

In this episode Una and Adam explain anchor positioning and all its amazing features. Resources: Introducing the CSS anchor positioning... more

22 Aug 2024 · 38 minutes
086: Nesting 2024+

In this episode Una and Adam catch you up to the latest syntax features of CSS nesting. Resources: Episode 47... more

08 Aug 2024 · 8 minutes
085: Linear easing function fun

In this episode Una and Adam cover the linear() CSS easing function that can create bounce and spring effects.  ... more

01 Aug 2024 · 16 minutes
084: Text Wrap

In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform.... more

11 Jul 2024 · 12 minutes
083: :has() tips and tricks

In this episode Una and Adam expand on episode 61 about :has() by focusing specifically on use cases, tips and... more

03 Jul 2024 · 36 minutes
082: What's new in color & color functions

In this episode Una and Adam provide a color update, covering changes to the specs and new functions.  Links RCS... more

27 Jun 2024 · 18 minutes
081: Trigonometric Functions

In this episode Una and Adam share practical use cases, syntax and strategies for all the new math functions in... more

20 Jun 2024 · 43 minutes
80: Animating to and from top-layer

In this episode Una and Adam continue talking about dialogs and popovers, but this time it's all about animating them... more

13 Jun 2024 · 31 minutes
79: Popover and Dialog

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

06 Jun 2024 · 19 minutes
Season 4 wrap!

I can’t believe we’re already at the end of season 4! This season, we’ve been focusing on CSS gotchas and... more

06 Dec 2023 · 19 minutes
Why isn't percentage working here?

In this episode, Una and Adam talk about percentage resolution for various properties like font-size, padding height and width. They... more

28 Nov 2023 · 15 minutes
Why isn't my element stuck where I wanted it to stick?

In this episode Una and Adam help you uncover moments where a sticky element isn't sticking. There are a couple... more

15 Nov 2023 · 9 minutes
Why isn't my custom property the value I expect?

In this episode, Una and Adam discuss common gotchas with custom properties, which often feel fully reactive during use, but... more

27 Oct 2023 · 19 minutes
How do I center a div?

In this episode we tackle one of the most asked questions of all CSS history.. how do I center this... more

11 Oct 2023 · 17 minutes
Why is my animation glitching?

On this episode of the #CSSpodcast, we’re diving into how to deal with glitchy animations in your code base!  ... more

21 Sep 2023 · 25 minutes
Why does my gradient have muddy colors in the middle

In this episode, we tackle the issues around getting undesirable gradient results. Sometimes it's you, sometimes it's the color space.... more

08 Sep 2023 · 16 minutes
Why do I have layout shift?

In this episode we're shifting the topic to layout shift, that moment where you watch the page adapt to something... more

31 Aug 2023 · 11 minutes
Why is my image distorted?

Too small? Too big? Learn how to make your images just right and all the reasons they might be looking... more

25 Aug 2023 · 17 minutes
Why is it overflowing?

In this episode we're overjoyed to overexplain why you may be having overflow in your page. somewhere over the rainbow,... more

16 Aug 2023 · 15 minutes
Why isn't the margin applying?

In this episode we explore why margin may not be working for you. We’ll teach you about block formatting contexts... more

09 Aug 2023 · 16 minutes
Why isn't z-index working?

In this episode we explore why z-index isn’t working for you. We’ll teach you about stacking context and how to... more

01 Aug 2023 · 16 minutes
Season 3 recap & what’s next!

Listen to Adam and Una recap all of the exciting landings they talked about in 2022 in this end-of-season recap.... more

22 Nov 2022 · 36 minutes
Nesting

In this episode Una and Adam talk about CSS Nesting, per the current 2022 spec draft. They'll cover the syntax... more

15 Nov 2022 · 31 minutes
Subgrid

In this episode Una and Adam discuss subgrid, a special value for grid-template-rows or grid-template-columns. Learn the general details of... more

08 Nov 2022 · 9 minutes
Media query range syntax

Media query range syntax is a really nice addition.    Links Polyfill: https://goo.gle/3TXcyYD  New syntax for range media queries:... more

02 Nov 2022 · 5 minutes
Color functions

In this episode Una and Adam cover changes to the color level 5 and new color level 6 specs, so... more

26 Oct 2022 · 13 minutes
:has()

:has() is a new CSS selector which allows developers to query for the presence of a child or state. It... more

18 Oct 2022 · 23 minutes
Inert

In this episode Una and Adam explain a non-CSS property, but very relevant front-end UI property, called inert. It's a... more

11 Oct 2022 · 7 minutes
Container queries

Container queries (also known as @container) are a new entrypoint for truly component-based responsive design. In this episode, Adam and... more

06 Oct 2022 · 15 minutes
Cascade layers

In this episode Una and Adam cover Cascade Layers (aka @layer). It's a way for authors to control and orchestrate... more

20 Sep 2022 · 18 minutes
DevTools Mini Series - Interaction

DevTools Mini Series continues, this time on interactions. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss... more

29 Dec 2021 · 14 minutes
DevTools Mini Series - Accessibility

DevTools Mini Series continues, this time on accessibility tooling. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to... more

22 Dec 2021 · 13 minutes
DevTools Mini Series - Layout

DevTools Mini Series continues, this time on layout. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss... more

15 Dec 2021 · 17 minutes
DevTools Mini Series - Color

Welcome to the DevTools Mini Series for The CSS Podcast. On this episode, Una Kravets and Adam Argyle are joined... more

08 Dec 2021 · 14 minutes
Season two wrap up

We’ve reached the end of season 2 of the CSS Podcast. In this closing episode, we recap every episode by... more

03 Aug 2021 · 35 minutes
counters and @counter-style

Count on The CSS Podcast to cover counters. Una and Adam teach all the ways to create, reset, and update... more

27 Jul 2021 · 26 minutes
Styling SVG in CSS

CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This... more

20 Jul 2021 · 32 minutes
inherit, initial, unset, and revert

This episode is about the very available CSS values inherit, initial, unset and revert. We'll help explain what they are,... more

13 Jul 2021 · 11 minutes
Accessibility

Today we are breaking down accessibility related styling choices to ensure a better user experience for all of your users.... more

06 Jul 2021 · 31 minutes
Touch interaction

Today we touch on touch interaction. Covering CSS's ability to change a user's touch experience with properties like touch-action, scroll-behavior,... more

29 Jun 2021 · 25 minutes
:is(), :where(), & nesting

In this episode, Adam and Una explore some CSS syntactic sugar! They discuss the :is and :where functions, how they... more

22 Jun 2021 · 33 minutes
Custom properties

Custom properties, aka CSS variables, are runtime dynamic variables which allow you to store loose or typed values. They're free,... more

15 Jun 2021 · 27 minutes
Scroll timeline

In this episode we deep dive the experimental Scroll Animations spec to bring you the breakdown on @scroll-timeline powered CSS... more

08 Jun 2021 · 22 minutes
Transitions

In this episode it's all about transitions. What you can and can't transition, it's limits, and it's super powers. We'll... more

01 Jun 2021 · 26 minutes
Containment

The CSS contain property can give you some serious performance gains by adjusting how and when the browser renders elements.... more

26 May 2021 · 14 minutes
Snap points

In this episode we're guiding scroll areas into their peaceful resting places, maintaining alignment, keeping visual harmony, and improving the... more

11 May 2021 · 16 minutes
Transforms

In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform... more

04 May 2021 · 30 minutes
@font-face

In this episode Una and Adam talk about font adjustments when being used within @font-face. When fonts are loaded, there's... more

27 Apr 2021 · 23 minutes
Paths, shapes, clipping and masking

Paths, shapes, clipping, masking, oh my! There’s so much you can do with CSS shapes—from creating transition effects to creating... more

20 Apr 2021 · 33 minutes
N-match Notation

Welcome back to The CSS Podcast, where we cover all things CSS from accessibility to c-index. Today, Una and Adam... more

13 Apr 2021 · 16 minutes
Cursors and Pointers

What do mouse pointers, potatoes, and your fingers have in common? They can all interact with a screen! With CSS... more

06 Apr 2021 · 17 minutes
Text and Typography

In this episode we cover typography on the web from your CSS. From font properties to word breaking. Also, Adam... more

30 Mar 2021 · 30 minutes
Background

In this episode we cover all the ways to style an element's background: using images, colors, gradients and more.  ... more

23 Mar 2021 · 24 minutes
Overflow

In today's episode we cover overscroll and all the ways to handle content that's bursting at the seams. The web... more

16 Mar 2021 · 18 minutes
Preference Media

In this episode we narrow our focus on user-preference-based media queries, which enable you to create personalized experiences based on... more

11 Mar 2021 · 15 minutes
Page Media

In this episode we talk about page media queries and all the ways you can pivot your styles based on... more

02 Mar 2021 · 21 minutes
The CSS Podcast
Paths, shapes, clipping and masking
The CSS Podcast
0:00
-0:00

Listen now on

Apple Podcasts
Spotify
Overcast
Podcast Addict
Pocket Casts
Castbox
Podbean
iHeartRadio
Player FM
Podcast Republic
Castro
RSS

Description

Paths, shapes, clipping, masking, oh my! There’s so much you can do with CSS shapes—from creating transition effects to creating interesting and... more