{"id":10609,"date":"2021-03-24T07:00:00","date_gmt":"2021-03-24T15:00:00","guid":{"rendered":"https:\/\/formtek.com\/blog\/?p=10609"},"modified":"2020-12-12T11:55:42","modified_gmt":"2020-12-12T19:55:42","slug":"coding-css-evolves","status":"publish","type":"post","link":"https:\/\/formtek.com\/blog\/coding-css-evolves\/","title":{"rendered":"Coding: CSS Evolves"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Web pages &#8212; HTML, Javascript and CSS are the basic elements of every page. All of those pieces are being modernized.  A recent report on CSS summarizes the popularity of existing framework and layout options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/sachagreif.com\/\" data-type=\"URL\" data-id=\"https:\/\/sachagreif.com\/\">Sacha Greif <\/a>and <a href=\"https:\/\/www.linkedin.com\/in\/rbenitte\/?originalSubdomain=jp\" data-type=\"URL\" data-id=\"https:\/\/www.linkedin.com\/in\/rbenitte\/?originalSubdomain=jp\">Rapha\u00ebl Benitte<\/a> of the <a href=\"https:\/\/2020.stateofcss.com\/\" data-type=\"URL\" data-id=\"https:\/\/2020.stateofcss.com\/\">CSS 2020<\/a> team wrote that &#8220;forget everything you know about CSS. Or at least, be ready to reconsider a lot of it. If like me you\u2019ve been writing CSS for over a decade, CSS in 2020 looks nothing like what you were used to.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4-1024x559.png\" alt=\"\" class=\"wp-image-10610\" srcset=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4-1024x559.png 1024w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4-300x164.png 300w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4-768x419.png 768w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4-1536x838.png 1536w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-4.png 1569w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><a href=\"From: 2020 State of CSS In Review\" data-type=\"URL\" data-id=\"From: 2020 State of CSS In Review\">From: 2020 State o<\/a><a href=\"https:\/\/dev.to\/lukekyl\/2020-state-of-css-in-review-4fj5\" data-type=\"URL\" data-id=\"https:\/\/dev.to\/lukekyl\/2020-state-of-css-in-review-4fj5\">f CSS In Review<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">CSS tools have been changing dramatically.  Consistent now for two years, <a href=\"https:\/\/tailwindcss.com\/\" data-type=\"URL\" data-id=\"https:\/\/tailwindcss.com\/\">Tailwind CSS<\/a> has been ranked the most popular CSS framework.  Tailwind was awarded the &#8220;Most Adopted Technology&#8221; award.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Specific new layout capabilities that have seen good adoption include Flexible Box, Multicolumn Layout, and CSS Grid.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"776\" src=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-5.png\" alt=\"\" class=\"wp-image-10611\" srcset=\"https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-5.png 803w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-5-300x290.png 300w, https:\/\/formtek.com\/blog\/wp-content\/uploads\/2020\/12\/image-5-768x742.png 768w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/a><figcaption><a href=\"from: 2020 State of CSS In Review\">From: 2020 State o<\/a><a href=\"https:\/\/dev.to\/lukekyl\/2020-state-of-css-in-review-4fj5\">f CSS In Review<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<div class=\"lightsocial_container\"><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/digg.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/digg.png\" alt=\"Digg This\" title=\"Digg This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/reddit.png\" alt=\"Reddit This\" title=\"Reddit This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.stumbleupon.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/stumbleupon.png\" alt=\"Stumble Now!\" title=\"Stumble Now!\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/buzz.yahoo.com\/buzz?targetUrl=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F&amp;headline=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/yahoo_buzz.png\" alt=\"Buzz This\" title=\"Buzz This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dzone.com\/links\/add.html?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dzone.png\" alt=\"Vote on DZone\" title=\"Vote on DZone\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.facebook.com\/sharer.php?t=&amp;u=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/facebook.png\" alt=\"Share on Facebook\" title=\"Share on Facebook\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/delicious.com\/save?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/delicious.png\" alt=\"Bookmark this on Delicious\" title=\"Bookmark this on Delicious\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dotnetkicks.com\/kick\/?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetkicks.png\" alt=\"Kick It on DotNetKicks.com\" title=\"Kick It on DotNetKicks.com\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/dotnetshoutout.com\/Submit?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetshoutout.png\" alt=\"Shout it\" title=\"Shout it\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F&amp;title=&amp;summary=&amp;source=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/linkedin.png\" alt=\"Share on LinkedIn\" title=\"Share on LinkedIn\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.technorati.com\/faves?add=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/technorati.png\" alt=\"Bookmark this on Technorati\" title=\"Bookmark this on Technorati\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/twitter.com\/home?status=Reading+https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/twitter.png\" alt=\"Post on Twitter\" title=\"Post on Twitter\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.google.com\/buzz\/post?url=https%3A%2F%2Fformtek.com%2Fblog%2Fcoding-css-evolves%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/google_buzz.png\" alt=\"Google Buzz (aka. Google Reader)\" title=\"Google Buzz (aka. Google Reader)\" \/><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Web pages &#8212; HTML, Javascript and CSS are the basic elements of every page. All of those pieces are being modernized. A recent report on CSS summarizes the popularity of existing framework and layout options. Sacha Greif and Rapha\u00ebl Benitte<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/formtek.com\/blog\/coding-css-evolves\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[76],"tags":[],"class_list":["post-10609","post","type-post","status-publish","format-standard","hentry","category-coding"],"_links":{"self":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/comments?post=10609"}],"version-history":[{"count":1,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10609\/revisions"}],"predecessor-version":[{"id":10612,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10609\/revisions\/10612"}],"wp:attachment":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/media?parent=10609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/categories?post=10609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/tags?post=10609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}