--- title: Best CSS-Tricks posts — December 2024 | daily.dev description: The most upvoted CSS-Tricks posts from December 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2024/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2024/12 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — December 2024 | daily.dev og:description: The most upvoted CSS-Tricks posts from December 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of CSS-Tricks — December 2024 1. 1 [](https://daily.dev/posts/knowing-css-is-mastery-to-frontend-development-y8bfoiljw "Knowing CSS is Mastery to Frontend Development") Article CSS-Tricks · 2y 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. 79 2 2. 2 [](https://daily.dev/posts/a-css-wishlist-for-2025-nrihuuhpr "A CSS Wishlist for 2025") Article CSS-Tricks · 2y 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 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. 25 1 3. 3 [](https://daily.dev/posts/what-else-is-on-your-css-wishlist--rofigzhnc "What ELSE is on your CSS wishlist?") Article CSS-Tricks · 2y 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. 12 [See all CSS-Tricks archives](/sources/css%5Ftricks/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/css_tricks/best-of/2024/12#page","url":"https://daily.dev/sources/css_tricks/best-of/2024/12","name":"Best CSS-Tricks Posts — December 2024","description":"The most upvoted CSS-Tricks posts from December 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/css_tricks/best-of/2024/12#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/knowing-css-is-mastery-to-frontend-development-y8bfoiljw","name":"Knowing CSS is Mastery to Frontend Development"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/a-css-wishlist-for-2025-nrihuuhpr","name":"A CSS Wishlist for 2025"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/what-else-is-on-your-css-wishlist--rofigzhnc","name":"What ELSE is on your CSS wishlist?"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"CSS-Tricks","item":"https://daily.dev/sources/css_tricks"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/css_tricks/best-of"},{"@type":"ListItem","position":5,"name":"December 2024"}]}]} ```