Josh Tumath (161)
And now it's the other Josh, @joshwcomeau talking about how to teach CSS, and he's diving straight in!
Every had that problem where you add in an image and there's a strange maybe 60px gap underneath that's not padding or margin and won't go away?
When does CSS throw you a curveball? #CSSDay
Next is the fantastic @SaraSoueidan talking about the other C in CSS! Another C??
We're starting with an explanation of the accessibility tree! Different to the DOM tree and explains each element's role, name, description, state, etc. State changes are always announced to the user. #CSSDay
@kevinpowell Kevin started getting negative comments on a short on YouTube. Why is that? People weren't impressed by what was being suggested. #CSSDay
@tabatkins When you are anchoring a box, there's a kind of grid around the block that you box is stuck to. You can choose which grid cell it's in using inset-area. #CSSDay
@kizu Have you heard of space toggles? It's like a universal switch for turning something off or on. If there's a space, it's basically invalid.
But interestingly, 'initial' in a CSS custom property gets treated like 'unset'. So it becomes a useful toggle! #CSSDay
@stubbornella Could you do it with CSS columns? Well no because images wouldn't load in the order you want and it would have a strange vertical tabbing order.
Masonry has the content order horizontal even though everything is vertical. #CSSDay
@tabatkins What about overflow? What happens when you run out of space for your anchored content in the viewport?
Position-try-options will let you flip to the other side of the box and anchor to that side instead. #CSSDay
@carmenansio We're still waiting for full browser support of scroll driven animations. #CSSDay
@kizu so @mia had a proposal for how to do mixins natively. We really need this!
There is often a butterfly effect when a proposal is made. We can think of new things thanks to others' work. #CSSDay
@joshwcomeau When things in flex get tight, often the flex items can squash and shrink in ways we don't understand.
Once we understand how flex works, we know we can use flex-shrink: 0. #CSSDay
