Enhance your CSS skills with “CSS Landscape” (2024 #7). Discover articles covering modern features like light-dark() and advanced techniques for utilizing CSS variables effectively. Delve into tutorials on creating fluid typography and impressive animations using pure CSS.
Whether you’re a seasoned professional or just beginning your CSS journey, this compilation has something valuable for everyone!
News
New to the Web Platform in March
March 28, 2024 / Rachel Andrew
Exciting new features and enhancements have been introduced to the web platform in March 2024, including improved control over inputs with field-sizing, kerning for CJK punctuation with text-spacing-trim, and the @scope CSS at-rule.
Articles
CSS color-scheme-dependent Colors with light-dark()
March 28, 2024 / Bramus
This article explores the use of system colors in CSS and introduces the light-dark() function. This function, defined in CSS Color Module Level 5, enables authors to generate color-scheme-dependent colors, simplifying support for both light and dark modes in web applications. The article includes examples and practical applications of the light-dark() function.
How we’re Approaching Theming with Modern CSS
April 2, 2024 / Andy Bell
This piece discusses an innovative approach to theming with modern CSS, emphasizing layering and leveraging Custom Properties for flexibility and reusability.
CSS Variables
April 2, 2024 / Chris Ferdinandi
This article covers the utilization of CSS variables, their definition, and strategies for enhancing their utility by defining global variables on the :root element.
Tutorials
Video
Thank you for exploring the CSS Landscape!
