Cascade layers | The CSS Podcast

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=_yC24JH71r4


Category:
Show
Duration: 18:08
7,159 views
216

Link to podcast → https://goo.gle/3dxNF68

In this episode @UnaKravets and @AdamArgyleInk 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.

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 → https://goo.gle/ChromeDevs

#CSSpodcast



Other Videos By Chrome for Developers


2022-10-18:has() - The CSS Podcast
2022-10-11Inert | The CSS Podcast
2022-10-11How rotate(0) fixed my transform animation | HTTP 203
2022-10-06Container queries | The CSS Podcast
2022-10-05Thinking on ways to solve TOOLTIPS
2022-09-29How to edit and extend user flows with Recorder and Puppeteer Replay | DevTools Tips
2022-09-27New in Chrome 106: Intl API Improvements, Pop-Up API, CSS Improvements, and more!
2022-09-27A love letter to DOMPoint and DOMMatrix | HTTP 203
2022-09-23Meeting developer needs with Interop 2022
2022-09-22Chrome 106 - What’s New in DevTools
2022-09-20Cascade layers | The CSS Podcast
2022-09-13It's viewports all the way down | HTTP 203
2022-09-07What are Chrome flags?
2022-09-07CSS background-attachment #Shorts
2022-08-31What are Chrome Variations?
2022-08-30New in Chrome 105: Container Queries, :has, the Sanitizer API, and more!
2022-08-30Magic tricks with the HTML parser | HTTP 203
2022-08-25Chrome 105 - What’s New in DevTools
2022-08-25How to speed up your workflow with Console shortcuts | DevTools Tips
2022-08-24Thinking on ways to solve CAFE WALL ILLUSION
2022-08-17What are Chrome's origin trials?


Tags:
cascade layers
what are cascade layers
how to use cascade layers
intro to cascade layers
introduction to cascade layers
cascade layers tutorial
CSS
chrome
css podcast
google chrome
google chrome developers
google developers
the css podcast
css tutorial
introduction to css
what is css
how to use css
Una Kravets
Adam Argyle
developer
developers
chrome developer
google developer
google chrome developer
chrome podcast
google podcast
podcast