Skip to main

Posts by Date

Page 6 of 13

2022 Posts

  1. 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. certified ooux strategist badge
    Podcast post type

    Bridging Development and Design

    Sondra and Miriam chat with Sophia about using her ORCA methodology (Objects, Relationships, CTAs, and Attributes) in OddBird’s work with clients. We dive into the ways OOUX facilitates a flow of conversation between designers and back-end developers, and get a sneak peak of Miriam’s work on the new container query…

    see all Podcast posts
  2. Now What?
    Podcast post type

    Developing the Future of the Internet

    Miriam talks to Now What? about why the internet looks the way it does, why designers and developers need to collaborate and how the future of the web must be built around inclusivity and respect.

    see all Podcast posts
  3. Weekly fireside chat:
What's the job of a design engineer?
Featuring Miriam Suzanne
    Video post type

    What’s the job of a “design engineer”?

    A fireside chat

    There are often tall walls between designers and developers, sometimes with only one significant handoff moment during a sprint. We discuss the role of the ‘design engineer’ and what it means for workflows, collab with their product team, and the end-user experience.

    see all Video posts
  4. 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
  5. Back of a head, out of focus, looking at code
    Podcast post type

    Web Ecosystem Health Part VI

    Igalia’s Brian Kardell sits down to chat with Miriam and Rachel Andrew about who works on standards, and who pays for that work.

    see all Podcast posts
  6. see all Podcast posts
  7. 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
  8. A large, carved, wooden hand
supporting a tree that has nearly fallen over
    Article post type

    Support (Not) Unknown

    Adding Container Query tests to CSS @support

    Working on a new CSS feature like Container Queries, one of the most important considerations is to ensure a “migration path” – a way for developers to start integrating the new code, without breaking their sites on legacy browsers. That looks different depending on the feature, but can often include…

    see all Article posts
  9. 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
  10. 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
  11. see all Article posts
    blockquote with magenta background and polygonal clip-path
    Article post type

    Container Queries: a Quick Start Guide

    Now is the time to begin experimenting with a long requested layout tool.

    The @container query, that elusive feature developers have been requesting and proposing for years, has finally made its debut in a browser. Well, sort of. Here we’ll explain what container queries are, how they work, and what other features they might come with once fully supported in browsers.

  12. JS Party logo
    Podcast post type

    JS Danger, CSS-Tricks Edition

    I joined some other folks behind CSS-Tricks (maybe you’ve heard of it?) to face off in the much beloved don’t-call-it-jeopardy game show. Play along while you listen (or watch). It’s JS Danger time, y’all!

    see all Podcast posts

2020

  1. A whole CSS-art cabinet of single-div objects drawn by Lynn Fisher,
from a mirror and skull, to abacus, clock, viewfinder, plants,
snow globe, hot air balloon, and lightsaber.
    Link post type

    Very Extremely Practical CSS Art

    CSS-Tricks asked a number of web builders the same question…

    What is one thing you learned about building websites this year?” I’ve always enjoyed the CSS art people create, but I’ve never ventured into it much myself. I’m familiar with many of the tricks involved, but still find it surprising every time: the way people are able to…

    see all Link posts
  2. Enjoy the Vue! (#44)
    Podcast post type

    CSS, Sass, and Playwriting

    I join Ari, Ben, and Tessa to talk about getting into CSS from other languages, the absurdly massive problem CSS is designed to solve, and the mental model behind the language.

    see all Podcast posts