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.
In this episode we're guiding scroll areas into their peaceful resting places, maintaining alignment, keeping visual harmony, and improving the overall experience with the content.
Scroll Snap Level 1 draft → https://goo.gle/2R9hUow
overscroll-behavior → https://goo.gle/3o7vLYE
scroll-behavior → https://goo.gle/3uKvkWU
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.
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.
@font-face on MDN → https://goo.gle/2S3DAmp
CSS Fonts Level 4 → https://goo.gle/3sGwO2s
The CSS Podcast
039: 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 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/
038: N-match Notation
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
Cursors and Pointers
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.
Pointer events → https://goo.gle/39HFYF8
A Mind-Bending Discovery → https://goo.gle/31Rm3iA
The CSS Podcast
Great show! Just binge-listened to the first twenty episodes, and feel ready to tackle my next user interface... and the world! (of CSS!)
Simplifying The Complex
This is a great podcast. Articulate and fun at the same time. These expert hosts bring a great energy to CSS education.
My fav CSS podcast
It is simply fun to listen both Adam and Una, and most of the times there is new stuff to learn.
I enjoy very much listening while working ✌️👍