Manuel MatuzovićOne of my favourite posts from my #100DaysOfMoreOrLessModernCSS series: “Day 82: value processing”
Nicole Sullivan@matuzo I love your hashtag #100DaysOfMoreOrLessModernCSS
Day 109: the animation-composition property
CSS animations can be composited in three ways: replace, add, and accumulate. The animation-composition property allows you to switch between them.
I was about to write about two new properties in CSS for my #100DaysOfMoreOrLessModernCSS series. I understand what they do but I don't understand how they work and I realised that I also don't understand some of the vocabulary I was using. So, the next post will be about CSS basics once I know exactly what's going on! I love those types of posts!
Day 108: the of S syntax in :nth-child()
You can use the of S syntax in the :nth-child() pseudo-class to filter elements before the arguments in :nth-child() apply.
Day 107: the light-dark() color function
The `light-dark()` color function allows you to define two values for a color property. The property uses the first value when the color scheme is light or unknown and the second when it's dark.
In September 2022 I published the first of 100 #100DaysOfMoreOrLessModernCSS posts because I saw the need to catch up with recent developments in CSS. More that 1,5 years and 106 blog posts later I almost feel the same as in 2022. I've got a whole lotta catching up to do.
@bastianallgeier @sarajw yeah, they're super useful. I wrote about them in my #100DaysOfMoreOrLessModernCSS
@schneyra haha ja geht mir auch so. Das Ding ist nur, dass ich zumindest den Unterschied zwischen rgb, hsl, lch und oklch in meinem Workshop erklären können muss. Nach einigen Stunden im Zuge der #100DaysOfMoreOrLessModernCSS und ein bisschen extra Arbeit, bin ich ich jetzt aber recht sicher. fingers crossed haha.
Day 106: the scripting media feature
The scripting media feature is an excellent addition to CSS for those who believe in progressive enhancement: It enables you to detect whether scripting languages, such as JavaScript, are supported.
