Skip to main

Resources by Date

Page 2 of 11

2021 Resources

  1. see all Article resources
    blockquote with magenta background and polygonal clip-path
    Article resource 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.

  2. Podcast resource 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 resources
  3. Rethinking user experience design across media
    Talk resource type

    User Unfriendly

    designing software for humans, with other humans

    Past

    • at General Assembly, Ethics in Design on
    • at Agnes Scott College on
    see all Talk resources

2020

  1. 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…

    all tags
  2. Podcast resource 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 resources
  3. see all Talk resources
  4. see all Talk resources
  5. see all Case Study resources
    Illustrated game question about which font is most calligraphic
    Case Study resource type

    Typographic Superpower Game

    A meditation on typography

    A meditation on typography, Adobe Fonts’ Game allows players to choose the fonts that they feel apply best to different scenarios. Players’ input helps Adobe Fonts continue to improve on their new browse-by-tags feature. We worked closely with Adobe to create animated & interactive illustrations using GreenSock, NuxtJS, and CSS – while maintaining high performance standards and responsive, accessible design.

  6. Talk resource type

    When Variables Cascade

    An exploration of CSS custom properties

    Past

    • at SmashingConf Austin/NY on
    see all Talk resources
  7. Miriam speaking at Smashing Conf NY
    Talk resource type

    CSS is Rad

    Resilient design on an infinite canvas

    Past

    • at Design 4 Drupal Webinar Series on
    • at SmashingConf Live on
    see all Talk resources
  8. Video resource type

    Design Engineering Handbook

    Thoughts on the design & development process

    Learn how design engineering brings together form and function in this new Design Better book written by Natalya Shelburne, Adekunle Oduye, Kim Williams, and Eddie Lou – including interviews with Miriam and others.

    see all Video resources
  9. Talk resource type

    Cascade Aligned Programming

    What does it mean to style a universal medium?

    Past

    • at Front Range Front End on
    see all Talk resources
  10. Miriam speaking at Develop Denver, 2019
    Talk resource type

    Dynamic CSS

    with grids & custom properties

    Past

    • at Shift Remote on
    • at Develop Denver on
    see all Talk resources
  11. 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.

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

    Resilient Web Systems

    Inspiration & practical steps to take full advantage of the web

    Past

    • at Smashing Workshops on
    see all Workshop resources