{"id":4385,"date":"2024-11-12T11:30:53","date_gmt":"2024-11-12T16:30:53","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=4385"},"modified":"2024-11-12T11:30:54","modified_gmt":"2024-11-12T16:30:54","slug":"state-of-css-2024-results","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/state-of-css-2024-results\/","title":{"rendered":"State of CSS 2024 Results"},"content":{"rendered":"\n<p><a href=\"https:\/\/2024.stateofcss.com\/en-US\">Sacha Greif introducing the State of CSS 2024 results<\/a>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Let me make a prediction: we&#8217;ll look back at 2024 as the turning point between \u201cCSS Classic\u201d and \u201cNew CSS\u201d.<\/p>\n<\/blockquote>\n\n\n\n<p>That feels intuitively true to me, except we won&#8217;t use those names. Check out <a href=\"https:\/\/css-levels.netlify.app\/\">work done on CSS Levels<\/a> which define CSS4 and CSS5 &#8220;eras&#8221; (which <a href=\"https:\/\/github.com\/w3c\/csswg-drafts\/issues\/4770\">kicked off in earnest here<\/a>). Officials names like this have weight and I hope it&#8217;s enough that we&#8217;ll actually start keeping these terms up to date and using them.<\/p>\n\n\n\n<p>Check out the full survey results as well. Quick thoughts&#8230; Interesting to see <a href=\"https:\/\/lightningcss.dev\/\">Lightning CSS<\/a> so low, <a href=\"https:\/\/frontendmasters.com\/blog\/fine-ill-use-a-super-basic-css-processing-setup\/\">I find it pretty sweet<\/a>. I agree with the masses, anchor positioning is probably the #1 thing I&#8217;d love to see get <a href=\"https:\/\/2024.stateofcss.com\/en-US\/usage\/#css_interoperability_features\">cross-browser supported<\/a> and mixins is the #1 feature I&#8217;d love to see <a href=\"https:\/\/2024.stateofcss.com\/en-US\/usage\/#css_missing_features\">get fully specced out<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sacha Greif introducing the State of CSS 2024 results: Let me make a prediction: we&#8217;ll look back at 2024 as the turning point between \u201cCSS Classic\u201d and \u201cNew CSS\u201d. That feels intuitively true to me, except we won&#8217;t use those names. Check out work done on CSS Levels which define CSS4 and CSS5 &#8220;eras&#8221; (which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[7,259],"class_list":["post-4385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-css","tag-survey"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/11\/stateofcss2024.png?fit=1380%2C852&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=4385"}],"version-history":[{"count":2,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4385\/revisions"}],"predecessor-version":[{"id":4388,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/4385\/revisions\/4388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/4387"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=4385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=4385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=4385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}