Some CSS only contrast options until contrast-color() is Baseline widely available
While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge on how colour works in CSS.
A pragmatic guide to modern CSS colours - part two
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often.
Transition to the Other Side with Container Query Units
How container queries help move an element to the opposite side of its parent container when both have dynamic responsive dimensions.
Compressed Fluid Typography · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
CSS Typed Arithmetic | CSS-Tricks
Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS.
The Best CSS Unit Might Be a Combination
We don't have to choose between px and rem for spacing
How to correctly use if() in CSS
Learn how to easily fix an issue you will face when using if()
The CSS shape() function
Shapes are an important aspect of graphic design.
#Development #Techniques
Never lose a z-index battle again · How to set the highest possible z-index in CSS https://ilo.im/163b5p
_____
#CssCalc #WebDev #Frontend #HTML #CSS
Never lose a z-index battle again - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
Inautilo