{"id":212,"date":"2015-04-18T11:59:38","date_gmt":"2015-04-18T17:59:38","guid":{"rendered":"http:\/\/www.managerjs.com\/blog\/?p=212"},"modified":"2015-04-18T11:59:38","modified_gmt":"2015-04-18T17:59:38","slug":"bring-architecture-to-your-css","status":"publish","type":"post","link":"https:\/\/www.managerjs.com\/blog\/2015\/04\/bring-architecture-to-your-css\/","title":{"rendered":"Bring Architecture to Your CSS"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\">Good article on CSS Architecture:\u00a0<a href=\"http:\/\/engineering.appfolio.com\/2012\/11\/16\/css-architecture\/\"><span class=\"s2\">http:\/\/engineering.appfolio.com\/2012\/11\/16\/css-architecture\/<\/span><\/a><\/span><\/p>\n<p class=\"p3\"><span class=\"s3\">Philip Walton starts by saying what he wants a CSS architecture to provide\u00a0\u2013 what would be the value. Then he examines common anti-patterns that work against those values. \u00a0Finally he outlines some concrete suggestions.<\/span><\/p>\n<p class=\"p3\"><span class=\"s3\">His approach isn&#8217;t perfect. \u00a0It leads to long class names and more of them. \u00a0He does do a good job showing what\u00a0you get for the price.<\/span><\/p>\n<p class=\"p3\"><span class=\"s3\">Hope you enjoy it!<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">(Thanks to\u00a0Daniel Sellers for posting the link on Yammer.)<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Good article on CSS Architecture:\u00a0http:\/\/engineering.appfolio.com\/2012\/11\/16\/css-architecture\/ Philip Walton starts by saying what he wants a CSS architecture to provide\u00a0\u2013 what would be the value. Then he examines common anti-patterns that work against those values. \u00a0Finally he outlines some concrete suggestions. His approach isn&#8217;t perfect. \u00a0It leads to long class names and more of them. \u00a0He does&hellip; <a class=\"more-link\" href=\"https:\/\/www.managerjs.com\/blog\/2015\/04\/bring-architecture-to-your-css\/\">Continue reading <span class=\"screen-reader-text\">Bring Architecture to Your CSS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"footnotes":""},"categories":[13],"tags":[59,60,58],"class_list":["post-212","post","type-post","status-publish","format-link","hentry","category-lab-notebook","tag-architecture","tag-conventions","tag-css","post_format-post-format-link","wow fadeInUp","entry"],"_links":{"self":[{"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/posts\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":1,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.managerjs.com\/blog\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}