Info
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....
show more
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.
show less
29 DEC 2021 · 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
22 DEC 2021 · 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
2 DEC 2020 · In this episode, we continue the Houdini series and enter worklet land! We go over the Paint Worklet, an API that enables developers to define canvas-like custom painting functions that can be used directly in CSS as backgrounds, borders, masks, and more.
Links:
CSS Paint API → https://goo.gle/39bWvBV
MDN Docs on CSS Painting API → https://goo.gle/3m3e1M1
Worklet Reference → https://goo.gle/3980Equ
18 NOV 2020 · In this episode we go over the TypedOM, a new API for parsing, converting, creating and managing CSS. It's typed, as the name suggests, and these typings not only help developers find bugs, they can make properties animateable natively in the engine.
Links
MDN Typed OM Reference → https://goo.gle/3n2FrC9
Spec → https://goo.gle/32fq94O
caniuse attributeStyleMap → https://goo.gle/3leR0Fu
caniuse computedStyleMap → https://goo.gle/3p40ENy
11 NOV 2020 · In this episode we introduce Houdini! We start by talking about our hooks into the layout engine and CSS parser, so we can connect our custom functionality with some CSS authored by a designer or developer. These hooks are called Houdini Properties & Values.
Links
Properties and Values Spec → https://goo.gle/2HZ6Aad
Value Definitions Spec → https://goo.gle/2HZCCTy
Houdini @property → https://goo.gle/3eyFimW
16 SEP 2020 · 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 and functions and color. Listen as we recount our favorite tips and tricks and discuss what we learned in the process of making this podcast.
9 SEP 2020 · 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 → https://goo.gle/3m5L9mP
Isolation: Cascading Style Sheets → https://goo.gle/2GIDjiX
2 SEP 2020 · 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.
Links:
Filter Effects Module L1 → https://goo.gle/34SPJ1D
Backdrop Filter → https://goo.gle/3hJTMRz
CSSGram → https://goo.gle/2EPDOad
Photo filters → https://goo.gle/31PhaYi
Contrast Swap → https://goo.gle/2G9LpRh
feColorMatrix → https://goo.gle/34UKw9u
Shaders → https://goo.gle/32PJ2uR
26 AUG 2020 · 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 possible keyframes.
Links
Animations L1 → https://goo.gle/2DhV0V2
Easing L1 → https://goo.gle/3kWoWap
Scroll-Linked Animations → https://goo.gle/39VQV4N
Cubic-Bezier → https://goo.gle/2Q5xj5i
Debugging Animations → https://goo.gle/3ayI2yD
Rainbow Button → https://goo.gle/3214e0t
Complete Easing Functions → https://goo.g
19 AUG 2020 · 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 end, you’ll be savvy with color stops, transition hints, and all the ways to interpolate color in your design.
Links:
Spec Level 3 → https://goo.gle/3h8cRN7
Spec Draft Level 4 → https://goo.gle/3iPmDUE
Lea’s Pattern Gallery → https://goo.gle/3j4XEwX
Lea’s Cicada Principle Article → https://goo.gle/2FyeWnr
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....
show more
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.
show less
Information
| Author | Continental 9DADES |
| Organization | Continental9dades |
| Categories | Technology |
| Website | - |
| - |
Copyright 2024 - Spreaker Inc. an iHeartMedia Company
