Many pure CSS games you will see around are playable mostly with a mouse. They rely on interactive elements such as checkboxes and pseudo-classes like :hover, :active, :checked, and so on. But with recent CSS features, a keyboard control game (beyond tabbing) is also doable using CSS!

clip-path is often used for trimming a DOM node into specific shapes, like triangles. But what if I told you that it's also great for animations? In this article, we'll dive into clip-path and explore some of the cool things you can do with it. Once you read it, you'll start seeing this CSS property being used everywhere.

When a manga or anime character is surprised, lines focus on and highlight their face. Is it possible to create a similar effect with HTML and CSS?

there is wide support for three different types of ‘zoom’ – available both to site visitors and (to some extent) CSS authors: Page zoom roughly matches behavior of the CSS zoom property; Scale factor (or ‘pinch zoom’) roughly matching the behavior of the CSS scale transform; Text-only zoom, similar to changing default font size on a site that uses entirely relative text sizing with rem units.

Web.dev is a site from Google Chrome developer relations that provides content both to evangelize Chrome and to more broadly support the web platform. However, the accessibility content in many of its articles and posts is problematic. I worry that devs treat guidance in its articles as gospel, even when it is demonstrably wrong or harmful.