Michelle is a Senior Front End Developer at
Ada Mode
, with an interest in green tech and creative coding. She is author of front-end blog
CSS { In Real Life }
, a writer for Smashing Magazine, Codrops and CSS Tricks, and a regular speaker on CSS topics. She has a background in illustration, and enjoys tinkering with code in creative demos and side projects, as well as helping others to fall in love with CSS.
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.
Read more…
In this article, we’ll look specifically at what we can do to reduce the impact of social media embeds and social sharing widgets — or even some strategies to avoid them altogether. While the spotlight is on reducing the environmental impact, many of these tips will be great for performance too.
Read more…
In this article, we’ll take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.
Read more…
The
prefers-reduced-motion
media query has excellent support in all modern browsers going back a couple of years. In this article, Michelle Barker explains why there’s no reason not to use it today to make your sites more accessible.
Read more…
The new CSS
accent-color
property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside
color-scheme
for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.
Read more…
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.
Read more…
In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.
Read more…