In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform property. 2D and 3D transforms are spectacular ways to animate and create a sense of depth in a design, follow along for how it all works.   Links CSS Transforms Module Level 1 → https://goo.gle/2RsETdW  CSS Transforms Module Level 2 → https://goo.gle/3tdGeCF  Chaining transforms → https://goo.gle/3nKMKQp    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

In this episode Una and Adam talk about font adjustments when being used within @font-face. When fonts are loaded, there's an opportunity to provide default values and fine tunings. Links @font-face on MDN → https://goo.gle/2S3DAmp  CSS Fonts Level 4 → https://goo.gle/3sGwO2s  The CSS Podcast #CSSpodcast

Paths, shapes, clipping, masking, oh my! There’s so much you can do with CSS shapes—from creating transition effects to creating interesting and organic typographic layouts. In this episode we dive in to how to wrangle shape effects in CSS.   Shapes Level 1 → https://goo.gle/3gkJAkG  Shapes Level 2 →  https://goo.gle/3amJLIk  Masking Level 1 →  https://goo.gle/3nb6Bb5  Clippy tool → https://goo.gle/3sIM0w9  clip-path transitions → https://goo.gle/3tGx96I  CSS Masking → https://goo.gle/3goEcNt    The CSS Podcast #CSSpodcast

Welcome back to The CSS Podcast, where we cover all things CSS from accessibility to c-index. Today, Una and Adam will discuss a micro syntax for pseudo class notification when working with nth-child.    Selectors level 3 →  https://goo.gle/3dWB48G  Useful nth-child recipes → https://goo.gle/3e102DE  Nth-child syntax → https://goo.gle/328nA4b  Quantity queries → https://goo.gle/3a4NPwT  Solved with CSS! Nth-tricks → https://goo.gle/3g65Wq0    The CSS Podcast #CSSpodcast

What do mouse pointers, potatoes, and your fingers have in common? They can all interact with a screen! With CSS we can define how active our web boxes are, which areas are interactive, and what style the cursor should be. Maybe that means your mouse arrow becomes an animated magic wand, or maybe not. Get ready for a fun episode, where things get a bit goofy. LinksPointer events → https://goo.gle/39HFYF8A Mind-Bending Discovery → https://goo.gle/31Rm3iA The CSS Podcast#CSSpodcast

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

In this episode we cover all the ways to style an element's background: using images, colors, gradients and more.   Links CSS backgrounds-3 → http://goo.gle/2P0DGJE CSS Tricks on backgrounds → http://goo.gle/2ODPCRY The CSS Podcast #CSSpodcast

In today's episode we cover overscroll and all the ways to handle content that's bursting at the seams. The web has a natural tendency to show overflowing content, so let's study our options when it comes to wrangling those pesky misbehavers. LinksText-overflow → http://goo.gle/38uDGbXCSS Overflow Module → http://goo.gle/2N7KsNg The CSS Podcast#CSSpodcast

In this episode we narrow our focus on user-preference-based media queries, which enable you to create personalized experiences based on your users custom settings and needs. LinksMedia Queries 5 → https://goo.gle/306lZea The CSS Podcast#CSSpodcast

In this episode we talk about page media queries and all the ways you can pivot your styles based on device capabilities, viewport size, etc.    Links Media Queries → http://goo.gle/2MhYfR2 Scripting → http://goo.gle/2Mdan5E The 'display-mode' media feature → http://goo.gle/2NoFr3c Prefers-* Security and Privacy → http://goo.gle/3kfwUM0 CSS Color Adjustment → http://goo.gle/3qLkduJ   The CSS Podcast #CSSpodcast