June is Pride Month. And In this article, I will review some of the main LGBTQ+ flags out there and how we can code them in CSS and a single HTML element (keeping them responsive so that they could be double as icons.)

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I do it in CSS using ::backdrop, backdrop-filter, and animations.

Many of us who work with CSS and accessibility have been looking for a solution that helps provide the right amount of contrast for a given color. Unfortunately, contrast-color() isn’t available in any browser and there’s no references found for it in MDN or caniuse. So, do we just keep waiting? Maybe not!

Declan Chidlow takes us on a really interesting tour of the often, under-reported world of print stylesheets, how to use them and also how to debug them.

Always consider the first rule of ARIA use before doing anything: “If you can use a native HTML element or attribute, then do so.” For example, Adrian Roselli’s priority of methods for labeling a control are: Native HTML techniques; aria-labelledby pointing at existing visible text; Visibly-hidden content that is still in the page; aria-label;