Cover art for podcast The CSS Podcast

The CSS Podcast

25 EpisodesProduced by GoogleWebsite

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 d… read more

episodes iconAll Episodes

025: Season 1 Wrap Up

September 16th, 2020

52:58

In this closing episode, we do a whirlwind recap of our entire first season! We go over every episode, from the box model to z-index to animations …

024: Blend Modes

September 9th, 2020

18:00

Today we are talking about CSS blend modes! Blend modes are super fun and allow you to specify how you want elements to interact in terms of their overlapping pixel values on the page.

Links:

mix-blend-mode →

023: Filters

September 2nd, 2020

26:20

In this episode, we’re talking about CSS filters! We can alter the pixels of our web apps in similar ways to our favorite design tools. From …

022: Animation

August 26th, 2020

38:49

In this episode, we’re talking about CSS animations. With CSS animations a developer creates a set of keyframes, and then uses a variety of animation properties to describe how the element moves through each of the …

021: Gradients

August 19th, 2020

30:38

In this episode gradients take the stage as we share syntax secrets, tips and tricks, and probably teach you about repeating-conic-gradient. By the …

020: Functions

August 12th, 2020

39:59

In this episode we talk about the runtime dynamic side of CSS, commonly recognized as a CSS function. Today, in similar fashion to other episodes, we’ll be doing a massive overview of all the CSS functions, to be later …

019: Z-Index and Stacking Context

August 5th, 2020

19:49

In today’s episode, we’re talking about z-index and stacking context. This is a pretty in-depth topic, but it's something that we see all the time and it can definitely bite if you aren’t aware of what’s going on.

Links:

018: Focus

July 30th, 2020

18:54

Today we discuss: focus! Focus  is something we regularly deal with when writing styles and is also very tied to markup and attributes like tabindex, …

017: Shadows

July 22nd, 2020

21:34

Today we’re talking about shadows! Box shadows, drop shadows, text shadows, and everything in between. Shadows can exist all over our UIs without us even realizing it because sometimes, they just look like borders.

 

016: Borders

July 15th, 2020

24:46

Today we’re talking about borders! And while this sounds relatively simplistic, borders in CSS can actually get pretty complex very quickly. It’s not …

015: Pseudo Selectors

July 1st, 2020

36:46

In this episode we break down functional and regular pseudo selectors, CSS’s special hook into encapsulated element states. We can’t control them, …

014: Pseudo Elements

June 24th, 2020

20:08

::after and ::before? Pssh, do you know about ::first-letter, ::spelling-error, and ::backdrop? In this episode, we dive into the world of pseudo-elements and discuss how to use these unique declarations that enable …

013: Spacing

June 17th, 2020

24:15

In this episode we do our best to cover the many ways to create space on the web. From techniques like HTML entities nbsp; to gap, we cover the clever, hacky and clean ways you can create spatial relationships on the …

012: Logical Properties

May 27th, 2020

20:20

The days of  euro-centric spacing like `margin-top` are limited: instead, say hello to `margin-block-start` to define space that works within any linguistic context based on your layout needs.In this episode we shake …

011: Grid

May 20th, 2020

31:50

Tracks, gaps, areas and flow are hot topics in this full coverage episode on CSS grid. We don’t leave anything out, so you’re bound to pick up …

010: Flexbox

May 13th, 2020

24:02

In this episode we flex our flexbox knowledge and dive deep into CSS layout using the flexible box model. We talk about content axis’, flex flow, wrapping, order, justification, alignment, and more!

Links

Flexbox Spec -

009: Layout

May 6th, 2020

25:31

In this episode we provide an overview and slight history of laying things out on the web, starting from blocks and framesets, ending with Grid and Houdini. 

Links

A History of CSS through 15 years of 24 ways →

008: Sizing Units

April 29th, 2020

25:43

We’re sizing up sizing in CSS in this episode as we break down all the different lengths and measurements in CSS. CSS makes using these things seamless, it’s great, but let’s study some of the intricacies here; how it …

007: Color Part 2 - Perception

April 22nd, 2020

21:49

Explore perceptual, human-centered, color in this episode as we review latest specs, latest syntaxes, theories and strategies for color on the web in …

006: Color Part 1 - Usage

April 15th, 2020

31:09

In this part 1 episode, we dive deep into using CSS color. We discuss ways to write and code colors, places they can go, functions you can use on …

005: Inheritance

April 8th, 2020

8:07

Inheritance and its effects in CSS are found all over your styles, almost invisibly, until further investigation through devtools or docs. In today’s …

004: The Cascade

April 1st, 2020

11:49

The “C” in CSS stands for the cascade! And that’s what today’s show is all about. Learn how the styles you write are affected by other styles, and how it all boils down to what the user sees.

4 Phases Of The Cascade:

› …

003: Specificity

March 24th, 2020

12:58

In this episode we talk about how the browser resolves multiple selectors targeting the same subjects and how it determines which style to actually …

002: Selectors

March 18th, 2020

15:02

Get ready to learn some new CSS vocabulary! In this episode we talk about selectors, a syntax used to find elements (subjects) in a tree. CSS uses …

001: The Box Model

March 12th, 2020

12:05

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. …

Loading ...

Are you the creator of this podcast?

Verify your account

and pick the featured episodes for your show.

Listen to The CSS Podcast

RadioPublic

A free podcast app for iPhone and Android

  • User-created playlists and collections
  • Download episodes while on WiFi to listen without using mobile data
  • Stream podcast episodes without waiting for a download
  • Queue episodes to create a personal continuous playlist
RadioPublic on iOS and Android
Or by RSS
RSS feed
http://thecsspodcast.googledevelopers.libsynpro.com/radiopublic

Connect with listeners

Podcasters use the RadioPublic listener relationship platform to build lasting connections with fans

Yes, let's begin connecting
Browser window

Find new listeners

  • A dedicated website for your podcast
  • Web embed players designed to convert visitors to listeners in the RadioPublic apps for iPhone and Android
Clicking mouse cursor

Understand your audience

  • Capture listener activity with affinity scores
  • Measure your promotional campaigns and integrate with Google and Facebook analytics
Graph of increasing value

Engage your fanbase

  • Deliver timely Calls To Action, including email acquistion for your mailing list
  • Share exactly the right moment in an episode via text, email, and social media
Icon of cellphone with money

Make money

  • Tip and transfer funds directly to podcastsers
  • Earn money for qualified plays in the RadioPublic apps with Paid Listens