Log in

goodpods headphones icon

To access all our features

Open the Goodpods app
Close icon
headphones
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 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.
profile image
profile image
profile image

3 Listeners

bookmark
Share icon

All episodes

Best episodes

Seasons

Top 10 The CSS Podcast Episodes

Goodpods has curated a list of the 10 best The CSS Podcast episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to The CSS Podcast for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite The CSS Podcast episode by adding your comments to the episode page.

The CSS Podcast - 1: The Box Model

1: The Box Model

The CSS Podcast

play

03/12/20 • 12 min

Where do scrollbars go, inside or outside the box? In this episode Una and Adam answer that and much more in their discussion of the CSS box model. Everything in CSS starts as a box, and while that’s a straight forward concept to initially think about, it can get complex quite quickly. Not only do boxes surround elements, but letters in a sentence each have a box too. How many boxes are there!? Lots. Lots of boxes.

Links

Box Model CSS Spec: https://goo.gle/39KwDud

Adam’s Box Model CodePen: https://goo.gle/38JFZ8n

CSS Tricks on the Box Model: https://goo.gle/3aM4a7p

Check out the Instagram: https://goo.gle/2W97OEg

profile image

1 Listener

bookmark
plus icon
share episode
The CSS Podcast - 58: Cascade layers

58: Cascade layers

The CSS Podcast

play

09/20/22 • 18 min

In this episode Una and Adam cover Cascade Layers (aka @layer). It's a way for authors to control and orchestrate their own CSS layering which can help avoid specificity and asynchronous loading issues. Instead of styles taking the most recent style based on order of appearance, orchestrate layers and place styles inside them to control which overrides which.

Links

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

Smashing Magazine - https://goo.gle/3ByUT1u

Una on YouTube - https://goo.gle/3Sm2zLc

Bramus at CSS Day 2022 - https://goo.gle/3LtfxVg

Bramus's blog - https://goo.gle/3xEj2CM

Subscribe to Google Chrome Developers YouTube - https://goo.gle/ChromeDevs

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; punk; CSS/JS/UX addict; 💀🤘

The CSS Podcast

#CSSpodcast

profile image

1 Listener

bookmark
plus icon
share episode
The CSS Podcast - 084: Text Wrap

084: Text Wrap

The CSS Podcast

play

07/11/24 • 12 min

In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform. Learn how you can create logical layout rules for your headings and other copy with just one line of code.

Resources: text-wrap on MDN → https://goo.gle/3zvwixd

soft breaks → https://goo.gle/4cXKLAq

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; punk; CSS/JS/UX addict; 💀🤘

profile image

1 Listener

bookmark
plus icon
share episode
The CSS Podcast - 36: Text and Typography
play

03/30/21 • 30 min

In this episode we cover typography on the web from your CSS. From font properties to word breaking. Also, Adam gets thrown off and amazed at how dynamic the text underline property is and revels in the difference between small caps and petite caps.

Links

MDN Text Fundamentals → https://goo.gle/2O4Fh13Text Decoration 3 → https://goo.gle/3u7M2yK

The CSS Podcast#CSSpodcast

bookmark
plus icon
share episode
The CSS Podcast - 57: DevTools Mini Series - Interaction
play

12/29/21 • 14 min

DevTools Mini Series continues, this time on interactions. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss interaction, and interaction inspection/ debugging in DevTools.

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; punk; CSS/JS/UX addict; 💀🤘

Jecelyn Yeen

Twitter | Facebook | YouTube

Developer advocate @ChromeDevTools 📐🤩

The CSS Podcast

#CSSpodcast

bookmark
plus icon
share episode
The CSS Podcast - 56: DevTools Mini Series - Accessibility
play

12/22/21 • 13 min

DevTools Mini Series continues, this time on accessibility tooling. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss how DevTools can help you discover and fix accessibility issues.

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; punk; CSS/JS/UX addict; 💀🤘

Jecelyn Yeen

Twitter | Facebook | YouTube

Developer advocate @ChromeDevTools 📐🤩

The CSS Podcast

#CSSpodcast

bookmark
plus icon
share episode
The CSS Podcast - 083: :has() tips and tricks
play

07/03/24 • 36 min

In this episode Una and Adam expand on episode 61 about :has() by focusing specifically on use cases, tips and tricks. Get inspired and discover new ways to make reactive UI from CSS.

Resources: Ep 61 → https://goo.gle/4cID6pE

Piccali → https://goo.gle/4ePKJMG

Ahmad Shadeed → https://goo.gle/4bsk85F

The Looper → https://goo.gle/3yKmXkI

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; punk; CSS/JS/UX addict; 💀🤘

bookmark
plus icon
share episode
The CSS Podcast - 54: DevTools Mini Series - Color
play

12/08/21 • 14 min

Welcome to the DevTools Mini Series for The CSS Podcast. On this episode, Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss an overview of color and shared tips.

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; punk; CSS/JS/UX addict; 💀🤘

Jecelyn Yeen

Twitter | Facebook | YouTube

Developer advocate @ChromeDevTools 📐🤩

The CSS Podcast

#CSSpodcast

bookmark
plus icon
share episode
The CSS Podcast - 53: Season 2 wrap up

53: Season 2 wrap up

The CSS Podcast

play

08/03/21 • 35 min

We’ve reached the end of season 2 of the CSS Podcast. In this closing episode, we recap every episode by sharing our favorite tips and learnings from the last few months! Episodes reminisced E30 → Lists E31 → @rules E32 → Page Media Queries E33 → Preference Media Queries E34 → Overflow E35 → Background E36 → Text & Typography E37 → Cursors & Pointers E38 → N-Match Notation E39 → Paths, Shapes, Clipping and Masking E40 → @font-face E41 → Transforms E42 → Snap Points E43 → Containment E44 → Transitions E45 → @scroll-timeline E46 → Custom Properties E47 → :is(), :where(), and @nest E48 → Touch Interaction E49 → Accessibility E50 → Inherit, initial, inset, and revert E51 → Styling SVG E52 → Counters & @counter-style 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; punk; CSS/JS/UX addict; 💀🤘 The CSS Podcast #CSSpodcast

bookmark
plus icon
share episode
The CSS Podcast - 55: DevTools Mini Series - Layout
play

12/15/21 • 17 min

DevTools Mini Series continues, this time on layout. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss an overview of how DevTools can help you create and debug layouts.

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; punk; CSS/JS/UX addict; 💀🤘

Jecelyn Yeen

Twitter | Facebook | YouTube

Developer advocate @ChromeDevTools 📐🤩

The CSS Podcast

#CSSpodcast

bookmark
plus icon
share episode

Show more best episodes

Toggle view more icon

FAQ

How many episodes does The CSS Podcast have?

The CSS Podcast currently has 91 episodes available.

What topics does The CSS Podcast cover?

The podcast is about Coding, Css, Software, Podcasts and Technology.

What is the most popular episode on The CSS Podcast?

The episode title '1: The Box Model' is the most popular.

What is the average episode length on The CSS Podcast?

The average episode length on The CSS Podcast is 23 minutes.

How often are episodes of The CSS Podcast released?

Episodes of The CSS Podcast are typically released every 7 days.

When was the first episode of The CSS Podcast?

The first episode of The CSS Podcast was released on Mar 12, 2020.

Show more FAQ

Toggle view more icon

Comments