New episodes every month on browsers, performance, tooling & techniques
mix-blend-modecould have on web design. At first glance, you might think that it isn't too different from the
background blend-modeproperty we dug into in the last episode, but you'd be dead wrong. While the blend modes and the maths are the same,
mix-blend-moderepresents a monumental shift in the capabilities of web developers.
z-index, blending them based on opacity and blend mode. But it's also the term for crafting a particular visual design—which layers we put where, how they respond to scrolling, etc. With a deep understanding of the former we open up totally new possibilities for the latter.
currentColor keyword is a wildly powerful yet sadly underused feature of CSS. And understanding it requires a deep look at some of the core concepts in CSS that are often glossed over. We'll look at concepts that were present in the very first draft of CSS1 in 1996 all the way to the almost-ready-to-use CSS Variables spec.
currentColor to build some contextually-themed real-world UI elements.