Skip to main

Tag: Cascade Layers

For more posts, return to the full posts list or browse all tags.

2024 Posts

  1. Two websites loaded on
the WWW Hypermedia Browser,
using the emulator hosted by Remy Sharp --
our workshop page, and the 11ty symposium site --
both rendered as plain text
    Talk post type

    Hints and Suggestions

    The design of web design

    Past
    • – Berlin, DE

      Beyond Tellerand

    • – Online

      11ty International Symposium on Making Websites Real Good

    see all Talks & Workshops
  2. Mia from behind,
standing at a laptop -
speaking to a conference audience
and gesturing to one side
    Talk post type

    Cascading Style Systems

    A workshop on resilient & maintainable CSS

    Upcoming
    • – Sydney, Australia

      Web Directions Workshops

      Use the code miriamworkshop for $200 off!

    see all Talks & Workshops
  3. CSS Containment Module, Level 3 specification -
screenshot with W3C logo

    CSS Language Development

    Cascade Layers, Container Queries, Scope, and more

    We were sponsored by the Google Chrome UI Fund in our work developing new web platform functionality and tooling for developers. Over the course of the grant, we helped standardized a range of new CSS features now shipping in browsers – like Cascade Layers, Container Queries, and CSS Scope …

    all tags
  4. A stepped gradient of a pink hue in 2% lightness increments from 100% to 58%, labeled 'spec'
    Article post type

    CSS Working Group Updates for June & July

    What I’ve been working on as an Invited Expert

    The CSS Working Group has regular face-to-face meetings (hybrid online/in-person) throughout the year, and they always result in a flurry of activity! Here’s a rundown of some highlights from the last few months, with a focus on the features I maintain.

    see all Article posts

2023

  1. Shop Talk Show Podcast
    Podcast post type

    Cascade Layers, CSS Functions, and More

    I drop by the show to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries, and more.

    see all Podcast posts
  2. Winging It post type

    CSS Cascade Layers

    If you’ve ever found yourself in a specificity war, you’ll understand how important having control over style priority can be. During our conversation, we discussed what CSS Layers are and how you can use them in your project.

    see all Winging It posts
  3. Online Together Fall Summit 2021, October 11-13
    Talk post type

    Styling the Intrinsic Web

    With Cascade Layers & Container Queries

    Past
    • – Victoria, BC

      Camosun College

    • – San Francisco, CA

      SmashingConf SF

    see all Talks & Workshops

2022

  1. 12 Days of Web
    Link post type

    Cascade Layers

    Giving us control over the cascade

    Don’t let specificity force you into strict selector conventions. Cascade Layers allow us to manage specificity without resorting to naming hacks or the !important flag.

    see all Link posts
  2. fragment of an inverted triangle with the cascade --
cascade layers are highlighted below element-attached styles
and above specificity
    Talk post type

    Cascading Layers of !mportance

    Past
    • – San Francisco, CA

      An Event Apart

    • – Denver, CO

      An Event Apart

    see all Talks & Workshops
  3. Grainy art-deco illustration of a rocket launch
    Podcast post type

    Styling the intrinsic web

    A web development podcast from LogRocket

    I talk with Noel Minchow about how to style the intrinsic web, what that means, and how it’s compatible with responsive design.

    see all Podcast posts
  4. see all Article posts
  5. Video post type

    Making Sense of CSS Layers and Scope

    CSS is evolving rapidly and new features come online all the time. Join Morten & Miriam to talk about what CSS layers and scope are all about and how they will change how we work with and think about the cascade in the future.

    see all Video posts
  6. see all Link posts
    fragment of an inverted triangle with the cascade --
cascade layers are highlighted below element-attached styles
and above specificity
    Link post type

    A Complete Guide to CSS Cascade Layers

    Cascade layers are a new CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity hacks or !important. This guide is intended to help you fully understand what cascade layers are for, how and why you might choose to use them, the current levels of support, and the syntax.

2021

  1. Miriam Suzanne speaking at a conference
    Podcast post type

    What’s Happening in CSS & Sass

    A podcast focusing on front end development but also covering a wide range of web development and design topics. We talked about CSS, Sass, and work being done in the W3C CSS Working Group.

    see all Podcast posts
  2. Talk post type

    Container Queries & The Future of CSS

    Modernizing the cascade for responsive design systems

    Past
    • – Online

      Smashing Meets CSSummer

    • – Online

      CSS Café

    see all Talks & Workshops
  3. see all Podcast posts
  4. Word Wrap Show
    Podcast post type

    CSSWG, Container Queries, Scope, and Layers

    I talk with Claire and Steph about my journey into webdev and onto the CSSWG, what I find frustrating about how others use CSS, and the three specs I’m working on.

    see all Podcast posts
  5. F-Word
    Podcast post type

    Container Queries & the CSSWG

    I chat with Bruce Lawson & Vadim Makeev about Sass & Susy, CSS Layers & compatibility, Container Queries, and the CSS Working Group.

    see all Podcast posts
  6. Smashing Podcast #36, Miriam Suzanne, What is the future of CSS?
    Podcast post type

    What Is The Future Of CSS?

    Starting a new season of the Smashing Podcast with a look at the future of CSS. What new specs will be landing in browsers soon? Drew McLellan talks to Miriam to find out.

    see all Podcast posts