thoughtbot Design Link Pack: March 2022

Alex Chen

thoughtbot March 2022 design links cover image

Spring is upon us! We’re closing out our Q1, and for those that celebrate financial quarters, Happy Q2 🎉 Here’s our March 2022 design links, brought to you by our lovely slack actics.

This just in! CSS

New CSS Features In 2022: 2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them.

Flexbox Dynamic Line Separator: A quick tutorial on how to get a line separator to flex with your flexbox

Different types of viewport heights: Huh? vh, lvh, svh, dvh??

CSS Polygon Shapes: Shapes generated with css-doodle and clip-path.

Writing Logic in CSS: CSS is a highly specialized programming language focusing on style systems.

Font-variant-numeric: Keeping your numerals the same width

Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties: Former thoughtbotter Eric explains how modern CSS is a powerful piece of assistive technology that can thread into it to create flexible, maintainable and adaptive digital experiences.

Breaking news! Eye candy

Fun GUI: Lose your mind and satisfy your soul

Wind map: The Wind Map turns 10!

urban.rothko: Documenting accidental Rothkos and floating shapes

Your source for Inclusivity and Accessibility

Disabled And Here: A disability-led stock image and interview series celebrating disabled Black, Indigenous, people of color (BIPOC)

I’ve had enough! When access friction becomes an access barrier: Eric Bailey speaks to “access friction” - impediments to using technology - in conversation with three assistive technology users.

Dysfunctional systems: Why are we designing for addiction?: Harmful patterns of thought, become harmful patterns in UI, become harmful patterns of behavior

Good reads for your commute (or lack there of)

Is HTML A Programming Language?: Another great video from Heydon Pickering.

How we organise our Design System libraries: Jerome Benoit writes about how Doctolib organize their Design System libraries to help designers use more than 70 000 components a week

This month’s newsletter is brought to you by…