{"id":323891,"date":"2020-10-20T13:41:49","date_gmt":"2020-10-20T20:41:49","guid":{"rendered":"https:\/\/css-tricks.com\/?p=323891"},"modified":"2020-10-20T13:43:07","modified_gmt":"2020-10-20T20:43:07","slug":"announcing-the-2020-state-of-css-survey","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/announcing-the-2020-state-of-css-survey\/","title":{"rendered":"Announcing the 2020 State of CSS Survey"},"content":{"rendered":"\n

Last year’s<\/a> State of CSS Survey yielded interesting results. There’s the quick adoption of features<\/a>, like calc()<\/code> and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write<\/a> even as we see a growing reliance on CSS-in JS<\/a>. We also saw some predictable results, like the proliferation of VS Code as a preferred code editor<\/a>, the dominance of flexbox<\/a> as a layout model, as well as BEM and Sass being the most adopted technologies<\/a> with the highest rates of satisfaction.<\/p>\n\n\n\n\n\n\n\n

Chris and Dave disussed the 2019 State of CSS results<\/a> with co-creator Sacha Greif on ShopTalk Show and dive into many, many more of the results and what they tell us about our industry.<\/p>\n\n\n\n

But hey, it’s been [checking my calendar] slightly over a year since that survey and it’s back with a 2020 edition. If you can take it, please do \u2014 the more years we have on record, the more interesting trends we can find. Plus, we’ve got a whole bunch of new features and technologies to evaluate, like subgrid, user preference media queries, logical properties, line-clamp()<\/code>, min()<\/code>, max()<\/code>, yada, yada, the list goes on!<\/p>\n\n\n\n

And if nothing else, check out the survey site<\/a> for some bonafide CSS tricks. 😎<\/p>\n","protected":false},"excerpt":{"rendered":"

Last year’s State of CSS Survey yielded interesting results. There’s the quick adoption of features, like calc() and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable results, like the proliferation of VS Code as […]<\/p>\n","protected":false},"author":2508,"featured_media":323917,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[17],"tags":[1609],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/stateofcss_socialmedia.png?fit=1000%2C420&ssl=1","jetpack-related-posts":[{"id":374217,"url":"https:\/\/css-tricks.com\/state-of-css-2022-survey-now-open\/","url_meta":{"origin":323891,"position":0},"title":"State of CSS 2022 Survey Now Open","date":"October 4, 2022","format":false,"excerpt":"The State of CSS survey recently opened up. Last year, the survey confirmed everyone's assumptions that TailwindCSS is super popular and CSS variables are mainstream. It also codified what many of us want from CSS, from Container Queries to a parent selector. (Spoiler alert, we now have both of 'em.)\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/10\/state-of-css-2022.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":376319,"url":"https:\/\/css-tricks.com\/help-choose-the-syntax-for-css-nesting\/","url_meta":{"origin":323891,"position":1},"title":"Help choose the syntax for CSS Nesting","date":"December 20, 2022","format":false,"excerpt":"CSS Nesting is making the rounds yet again. Remember earlier this year when Adam and Miriam put three syntax options up for a vote? Those results were tallied and it wasn't even even close. Now there's another chance to speak into the future of nesting, this time over at the\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/08\/css-nesting.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":374364,"url":"https:\/\/css-tricks.com\/is-there-too-much-css-now\/","url_meta":{"origin":323891,"position":2},"title":"Is There Too Much CSS Now?","date":"October 24, 2022","format":false,"excerpt":"As front-end developers, we've wished for a lot of things over the years \u2014 ways to center things in CSS, encapsulate styles, set an element\u2019s aspect ratio, get finer-grained control over our colors, select an element based on its children\u2019s properties, manage layers of specificity, allow elements to respond to\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/08\/css-modules-connections.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":375869,"url":"https:\/\/css-tricks.com\/2022-roundup-of-web-research\/","url_meta":{"origin":323891,"position":3},"title":"2022 Roundup of Web Research","date":"December 21, 2022","format":false,"excerpt":"We've started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are released throughout the year by a bunch of different companies and organizations researching everything from web design trends to developer skills\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":326165,"url":"https:\/\/css-tricks.com\/whats-missing-from-css\/","url_meta":{"origin":323891,"position":4},"title":"What’s Missing from CSS?","date":"November 21, 2020","format":false,"excerpt":"The survey results from the State of CSS aren't out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are: Container QueriesParent SelectorsNestingSomething extremely odd\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":359205,"url":"https:\/\/css-tricks.com\/2021-roundup-of-web-research\/","url_meta":{"origin":323891,"position":5},"title":"2021 Roundup of Web Research","date":"December 23, 2021","format":false,"excerpt":"Last year, we kicked out a roundup of published surveys, research, and other findings from around the web. There were some nice nuggets in there, like a general sentiment that the web needs more documentation, Tailwind CSS dun got big, TypeScript is the second most beloved language, and that the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/323891"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/2508"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=323891"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/323891\/revisions"}],"predecessor-version":[{"id":323947,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/323891\/revisions\/323947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/323917"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=323891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=323891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=323891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}