Randomness in CSS Using Trigonometry

Since the last time I explored this topic, new amazing features arrived in CSS. One of the most exciting additions is the trigonometric functions. They unlock a lot of previously impossible tasks. They are also the first bounded continuous functions natively supported in CSS, making them an amazing tool for creating pseudo-random generators.

The Curious Case of “iff” and Overriding Screenreader Pronunciations

Before reaching for a pronunciation hack, consider if it's really necessary or worth the complexity you're adding to your site, or if there are ways to rework the content or design to add clarity and avoid needing the hack in the first place.

A Future of Themes with CSS Container Style Queries

Okay so we’ve found a way to have our themes that respect our user’s preferences while allowing overrides, we have a decent baseline default experience, and we barely repeat any kind of code. Well, kind of.

How To Define An Array Of Colors With CSS

Join Temani Afif on experiment with modern CSS features to create an array of colors. The goal is to define a comma-separated list of colors and iterate through them using an index.

The virtual keyboard API

Have you come across an issue where there is a fixed element on mobile, and when the keyboard is activated, that element will be hidden underneath the keyboard? This has been a default behavior on the web for years. In this article, we’ll explore the problem, why it happens, and how we can solve it today with the virtual keyboard API.

OddContrast

Bonus link this week!

OddContrast is a color format converter, featuring newer color formats like Oklch, Oklab, and the Display P3 color space. It’s also a color contrast checker to help designers meet WCAG 2 accessibility standards.