Best of CSS-TricksDecember 2024

  1. 1
    Article
    Avatar of css_tricksCSS-Tricks·1y

    Knowing CSS is Mastery to Frontend Development

    While modern frameworks like React and TypeScript, along with component libraries such as MUI and Tailwind, have made styling easier, many developers lack the knowledge to assess the quality of CSS in their codebases. This can lead to performance issues and a lack of understanding of foundational principles. Ultimately, prioritizing user experience and a deeper understanding of CSS are crucial for effective frontend development.

  2. 2
    Article
    Avatar of css_tricksCSS-Tricks·1y

    A CSS Wishlist for 2025

    2024 brought significant advancements in CSS, such as cross-document view transitions and scroll-driven animations. Looking ahead to 2025, there's a wishlist of desired features including conditional if() statements, CSS mixins, inline comments, and font-size: fit. Other wishes include anchor positioning across more browsers, promoting elements to the #top-layer, a layer attribute for <link> tags, easier ways to get children count and index, balancing flex-wrap layouts, and better access to CSSWG discussions. Community suggestions also highlight features like rotating background-images and a native .visually-hidden class.

  3. 3
    Article
    Avatar of css_tricksCSS-Tricks·1y

    What ELSE is on your CSS wishlist?

    The post reflects on the recent advancements in CSS, highlighting features such as anchor positioning, scroll timelines, and auto-height transitions. It revisits a CSS wishlist from 2013, noting which items have been fulfilled and which remain unresolved. The discussion includes new considerations like parent and container queries, standardized form styling, and transitions to auto dimensions, inviting readers to contribute their ideas for future CSS capabilities.