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 »

2022 Resources

  1. Sass Color Spaces (Request for Comments)

    A new proposal for color management in Sass

    There’s been a lot of exciting work in the CSS color specifications lately, and since the new features are already starting to land in browsers, we’ve been preparing to add support in Sass as well. My proposal for that is published and ready for public feedback!

    all tags
  2. see all Talk resources
  3. see all Article resources
    Wireframe of card elements
in different sized containers --
some laid out vertically in small spaces,
others horizontal when there's room.
    Article resource type

    Use the Right Container Query Syntax

    Size queries are stable, and shipping in browsers

    Since we got a first look at a Container Queries prototype back in April 2021, the syntax has changed a few times. But now the spec is stable, browsers are getting ready to ship, and it’s time to make sure you’re using the same syntax they are!

  4. see all Talk resources
  5. Podcast resource 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 resources
  6. Article resource type

    Not All Zeros are Equal

    And every ‘best practice’ comes with caveats

    There’s a well-established ‘best practice’ that CSS authors (as well as linters and minifiers) should remove units from any 0 value. It’s a fine rule in most cases, but there are a few common situations where it will break your code.

    see all Article resources
  7. Article resource type

    Every Transition is a Page Transition?

    Experimenting with the shared element transitions API

    There’s a new web API proposal for transitioning shared-elements across pages. It’s great for making smooth page transitions, but what if we apply it to individual elements with changing styles on a single page?

    see all Article resources
  8. Article resource type

    Cascade Layers – There’s a Polyfill for That!

    Cascade layers are an exciting new addition to the CSS specification. A newly released polyfill now provides even greater browser support for the feature.

    see all Article resources
  9. Online Together Fall Summit 2021, October 11-13
    Talk resource type

    Styling the Intrinsic Web

    With Cascade Layers & Container Queries

    Past

    • at SmashingConf SF on
    • at An Event Apart Fall Summit on
    see all Talk resources
  10. see all Article resources
  11. Article resource type

    Replace Dependabot With a Single Dependency Upgrade Pull Request

    Keeping your project dependencies up to date can become an unwieldy task when Dependabot opens a dozen pull requests every week. We present an alternative approach that uses only one scheduled pull request for all upgrades.

    see all Article resources
  12. Podcast resource type

    Teleportation, PapayaWhip, and Cookies

    This episode went a little off the rails…

    I talk with Claire and Steph about changes to the Container Query syntax, our feelings about web components, named CSS colors, how much we like eating cookies, and other wild tangents.

    see all Podcast resources
  13. Podcast resource 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 Podcast resources
  14. all tags
    fragment of an inverted triangle with the cascade --
cascade layers are highlighted below element-attached styles
and above specificity

    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. see all Podcast resources
    certified ooux strategist badge
    Podcast resource 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 features coming to CSS.