Syntax - Tasty Web Development Treats Supper Club × Adam Argyle on What's New in CSS
May 19, 2023
Join Adam Argyle, a CSS expert and creator of Gradient.style, as he dives into the exciting new features of CSS. They discuss the power of container queries and the magic of trigonometric functions in enhancing animations. Adam shares insights on the innovative view transitions and the upcoming subgrid feature. He also explores the use of environment variables in media queries, and the future of CSS with linear functions that can revolutionize animations. Get ready for a deep dive into the cutting-edge of web development!
AI Snips
Chapters
Transcript
Episode notes
Advanced CSS Gradients
- Explore gradient.style for advanced CSS gradient creation with color spaces and transition hints.
- The site provides visually generated CSS, aiding design and simplifying gradient implementation.
HDR Gradients vs. sRGB
- Modern CSS gradients with HDR capabilities are visually superior, potentially making older gradients look desaturated.
- Websites using sRGB and older gradients might appear less vibrant as users become accustomed to HDR.
Style Queries
- Style queries allow querying custom properties to control styles based on component state, similar to media queries for viewport size.
- Future style queries will expand to query element properties like color or states like overflow.