Skip to main

Resources by Date

Read, watch, & listen

Learn how to write resilient CSS, add WebSocket push notifications to a RESTful API, and more with these articles, videos, podcasts, and conference talks.

Browse by tag »

2020 Resources

  1. see all Talk resources
  2. Miriam speaking at Develop Denver, 2019
    Talk resource type

    Dynamic CSS

    with grids & custom properties

    • at Webconf.asia on
    see all Talk resources
  3. see all Link resources
    Link resource type

    Using Custom Property “Stacks” to Tame the Cascade

    Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features, but as authors we’ve had very little control over how they interact. Selector specificity and source order provide some minimal “layering” control, without a lot of nuance — and inheritance requires an unbroken lineage. Now, CSS Custom Properties allow us to manage and control both cascade and inheritance in new ways.

  4. Miriam talking with Jen Simmons and others
    Workshop resource type

    Resilient Web Systems

    Upgrade your app with front-end training & consulting

    see all Workshop resources
  5. Podcast resource type

    Design Systems AMA

    Jina and I answer questions about CSS, Sass, Design Systems, and more!

    see all Podcast resources
  6. Podcast resource type

    Authoring the future of CSS

    A spinoff of the Party Corgi Network discord. I chat with Chris Biscardi about The CSS Working Group, open-source projects, art, and music.

    see all Podcast resources
  7. Article resource type

    W3C Invited Expert on the CSS Working Group

    Helping define the future of styles on the web

    I’ve joined the CSS Working Group as a W3C Invited Expert to help to develop the next level of Cascading & Inheritance, in addition to other CSS standards. I’m also currently active in the CSS4 and Design Token Community Groups.

    see all Article resources

2019

  1. Link resource type

    Embracing the Universal Web

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

    What about building websites has you interested this year?” There are constantly new features appearing in browsers – from subgrid to variable fonts to better developer tools. It’s a really great time to be re-thinking everything we know about design on the web. Responsive design has served us…

    see all Link resources
  2. Video resource type

    Edit CSS Shapes in the Browser

    For quick visual adjustments directly on the page

    Have you ever wanted to create more interesting shapes on the web, or flow text around the details of an image? Shape paths can be hard to code without a visual reference, but Firefox provides a shape editor to make it quick and clear.

    see all Video resources
  3. Link resource type

    It’s My Job, and Yours

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

    What about building websites has you interested this year?” The role of ethics in our modern web space has been on my mind for the past few years and I suspect it will occupy my thoughts increasingly as I move forward. With each encounter of a questionable feature…

    see all Link resources
  4. Video resource type

    Use new selectors responsibly with selector queries

    Just in time for Selectors Level 4

    Firefox 69 was the first to implement selector feature queries, but other browsers are following suit. I’ll show you how it works, and how to start using this new feature query right away.

    see all Video resources
  5. Miriam speaking at Smashing Conf NY
    Talk resource type

    CSS is Rad

    Resilient design on an infinite canvas

    • at SmashingConf Live on
    see all Talk resources
  6. Video resource type

    How do you wrap long words in CSS?

    None of the solutions are perfect, but we have some options

    Horizontal text overflow has always been difficult to manage on the web. The default visible overflow is designed to make sure content remains accessible no matter the size of a containing box, but it’s not our only option.

    see all Video resources
  7. Video resource type

    Scroll Snap in CSS

    Without any JavaScript or “scrolljacking”

    When we’re scrolling down a page, or through a gallery of images, snap-targets can help guide us from one section or image to the next. In the past, developers have used JavaScript to hijack scrolling, but now we can manage scroll alignment directly in CSS with only a few lines…

    see all Video resources
  8. Podcast resource type

    On Sass & CSS

    I drop by the show to talk about Sass in 2019, design tokens, OddBird, unused CSS, new CSS properties, and Dave & Chris’ explanation of revert.

    see all Podcast resources