Web Specs

Drove several milestones to progressively refine and simplify the syntax in a way that prioritizes user needs by reducing boilerplate and thus inreasing efficiency, readability, and reducing error-proneness.

Adds the capability of creating new colors by tweaking the components of existing colors in any color space, to facilitate dynamic design systems that generate several hues and tints from a few input colors.

Conical gradients are a type of gradient that allows for smooth color transitions around a center point. Possibly my earliest proposal that actually got implemented in browsers.

Traditionally, CSS included a heuristic that inferred selector importance from its querying logic. Often this inference was wrong, and authors had little recourse, giving rise to patterns like BEM that avoided the issue by giving up on most querying logic altogether. :where() was a new pseudo-class that allows CSS authors to include querying criteria in their selectors without affecting specificity (the selector score that determines precedence), decoupling the two.

Adds trigonometric functions to CSS, to facilitate the creation of complex shapes and animations.

Defined the syntax used across CSS to specify how color interpolate. It is currently used in color-mix() and gradients, and soon in transitions, animations, and more.

caret-color is a property that allows authors to customize the color of the text input caret.

One of my first web standards proposals. Relaxed the syntax of box-shadow to minimize author errors. Gave birth to one of CSS’s design principles, which Elika called “Lea Verou reordering principle”.