Exploring Ethereal Containers and Visual Indicators in CSS

In this Hasty Treat, Scott and Wes talk through their wishlist for CSS in 2023 including mixins, range selectors, fit text, robust color functions, overflown, and more.

• 00:26 Welcome
• 01:09 Snow skate update
• 03:01 Mixins
• 05:06 Range selector
• 09:36 :first-of-column :last-of:column / row
• Ability to target items in nth-row of autofilled, implicit grid
• 11:43 Fit Text
• 13:34 Overflow-x, overflow-y control
• 15:36 Full support for CSS with Inline Styles
• 16:24 nth-of-found()
• 18:18 Robust Color functions
• 22:19 resize: both but no overflow or scroll
• 23:39 Animate height auto
• 23:57 Full attr() support
• 25:07 CSS References
• CSS References
• 26:59 overflown + :stuck
• 28:56 Multi-line selectors
• 30:35 Container Queries - select the container itself
• 32:04 :is-scrolled - select a container when it’s scrolled

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets