Volume 203 - Blend Modes, Harmful Classes, Utility Classes, and More!

Hope the following links are helpful to you! If you have feedback on the format or content, please hit “reply” and let me know.

The Power of CSS Blend Modes

This post provides great explanations and sample code for some really nice-looking image treatments that only use CSS blend modes!

Brief Note on Super- and Subscript text

I had no idea that assistive technology handles superscript & subscript content differently. This article explains how.

Don’t Overwrite Visual Labels With `aria-label`

The aria-label property can be extremely useful when used correctly. When used incorrectly, it can wreak havoc on speech-input user experiences. Here are some practical instructions to prevent over-labelling content.

CSS Classes considered harmful

This opinion piece isn't for everyone. Keith points out some shortcomings of various CSS class-based style patterns (BEM, Atomic, etc) and suggests using data attributes in stead. An interesting take, for sure, but not every team may find it worth implementing.

The Three Laws of Utility Classes

Tailwind convinced loads of devs that utility classes were the best way to style web sites and apps. This post approaches utility classes from the other direction, however: it offers good guidelines for limiting utility class reliance.

Cheers!

James