{"id":303619,"date":"2020-02-17T08:42:25","date_gmt":"2020-02-17T15:42:25","guid":{"rendered":"https:\/\/css-tricks.com\/?p=303619"},"modified":"2020-02-17T08:42:26","modified_gmt":"2020-02-17T15:42:26","slug":"blame-the-implementation-not-the-technique","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/blame-the-implementation-not-the-technique\/","title":{"rendered":"Blame the implementation, not the technique"},"content":{"rendered":"\n<p>I&#8217;m not sure we&#8217;ve gotten much better at this since Tim Kadlec <a href=\"https:\/\/timkadlec.com\/2012\/10\/blame-the-implementation-not-the-technique\/\" rel=\"noopener\">wrote this<\/a> in 2012: <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Stop me if you\u2019ve heard this one before.<\/p><p><em>\u201cResponsive design is bad for performance.\u201d<\/em><br><em>\u201cUser agent detection is bad. Don\u2019t segment the web.\u201d<\/em><br><em>\u201cHybrid apps don\u2019t work as well as native apps.\u201d<\/em><br><em>\u201cCSS preprocessors shouldn\u2019t be used because they create bloated CSS.\u201d<\/em><br><br>&#8230; Find out for yourself if the tool is really where the blame should be placed.<\/p><\/blockquote>\n\n\n\n<p>I&#8217;m sure there is some psychological concept that explains why we transfer blame from the offending thing to what we perceive to be the cause.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Sometimes we&#8217;re good at this. Remember the <a href=\"http:\/\/ampletter.org\/\" rel=\"noopener\">AMP letter<\/a>: <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>The AMP format is not in itself, a problem, but two aspects of its implementation&#8230;<\/p><\/blockquote>\n\n\n\n<p>Or the fact that accessibility issues <a href=\"https:\/\/www.deque.com\/blog\/debunking-the-myth-accessibility-and-react\/\" rel=\"noopener\">aren&#8217;t React&#8217;s fault<\/a>. Pointing at the tools makes it harder to talk about the real problems that need to be resolved.<\/p>\n\n\n\n<p>Sometimes I&#8217;m not so good at this. I&#8217;m linking to Tim here in an effort to help me remember this.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m not sure we&#8217;ve gotten much better at this since Tim Kadlec wrote this in 2012: Stop me if you\u2019ve heard this one before. \u201cResponsive design is bad for performance.\u201d\u201cUser agent detection is bad. Don\u2019t segment the web.\u201d\u201cHybrid apps don\u2019t work as well as native apps.\u201d\u201cCSS preprocessors shouldn\u2019t be used because they create bloated CSS.\u201d [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":300990,"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":true,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/303619"}],"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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=303619"}],"version-history":[{"count":2,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/303619\/revisions"}],"predecessor-version":[{"id":303716,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/303619\/revisions\/303716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/300990"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=303619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=303619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=303619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}