Breakdown

Juan Diego Rodríguez reports on exciting CSS developments discussed at the recent CSS Working Group (CSSWG) meeting in Coruña, Spain. The article highlights three major features: the potential introduction of an if() function for inline conditionals, cross-document view transitions for seamless page navigation, and anchor positioning for easier relative element positioning. These features promise to enhance CSS capabilities, simplify complex styling tasks, and improve user experience in web applications.

Key Learnings:

  • The CSSWG is working on an if() function for CSS, allowing inline conditional styling based on custom properties

  • Cross-document view transitions will enable seamless animations between different pages without requiring JavaScript frameworks

  • Anchor positioning introduces a more intuitive way to position elements relative to each other, simplifying layout tasks