Skip to main

Resources by Date

Page 2 of 10

2020 Resources

  1. see all Talk resources
  2. see all Talk resources
  3. 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.

  4. Talk resource type

    When Variables Cascade

    An exploration of CSS custom properties

    Past

    • at SmashingConf Austin/NY on
    see all Talk resources
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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.

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

    Resilient Web Systems

    Upgrade your app with front-end training & consulting

    Past

    • at Smashing Workshops on
    see all Workshop resources
  11. Podcast resource type

    Design Systems AMA

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

    see all Podcast resources
  12. 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
  13. 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