This is a short summary. ↗ Open original to view full content
CSS color functions and custom properties
from blog Manuel Matuzović - Blog, | ↗ original
Related
More from Manuel Matuzović - Blog
Website accessibility reaction videos (in German)
19 Sept 2024 |
original ↗
Recently, I started a new project. I react to the accessibility of more or less randomly picked websites.Before you get too excited, It's in German. I feel more comfortable recording live reactions to websites I have never seen in my native language. However, I may try it in English if there's demand. So far, I've recorded four videos: Wie...
TYPO3Camp Vienna: Talk and Workshop
19 Sept 2024 |
original ↗
Friends of mine organise the seventh international TYPO3Camp, which takes place in Vienna on October 11th - 13th, 2024. I'm there to give a keynote talk and a workshop. Date October 11th - 13th, 2024 Website typo3camp.at Price for the event Starting at 94.87 Euro Price for the workshop 690.00 Euro As you've...
Workshop: Deep Dive on Accessibility Testing
4 Sept 2024 |
original ↗
Once again, I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more. Sounds interesting? Great! Here are some more details about the...
Day 109: the animation-composition property
21 Aug 2024 |
original ↗
CSS animations can be composited in three ways: replace, add, and accumulate. The animation-composition property allows you to switch between them.div { animation: changeColor 1s forwards; animation-composition: add; } Let's say you have two color HEX values, #112233 and #224466. Here's what happens with each composition type when you animate...
Day 108: the of S syntax in :nth-child()
25 Jul 2024 |
original ↗
You can use the of S syntax in the :nth-child() pseudo-class to filter elements before the arguments in :nth-child() apply.The S in of S stands for a forgiving selector list. /* :nth-child(An+B [of S]?) */ tr:nth-child(even of .visible, .active) { } Let's say you have six list items and want to highlight every second item, but two of them are...