{"id":453,"date":"2013-10-16T15:42:07","date_gmt":"2013-10-16T15:42:07","guid":{"rendered":"http:\/\/www.w3.org\/community\/respimg\/?p=453"},"modified":"2013-10-16T15:42:07","modified_gmt":"2013-10-16T15:42:07","slug":"interesting-responsive-images-workaround","status":"publish","type":"post","link":"https:\/\/www.w3.org\/community\/respimg\/2013\/10\/16\/interesting-responsive-images-workaround\/","title":{"rendered":"Interesting Responsive Images workaround"},"content":{"rendered":"<p>A colleague of mine, Ian Devlin, put this up yesterday. I&#8217;ve had a small play with it and forked it to add some caching. It seems like a pretty good workaround (note, I don&#8217;t say solution!).<\/p>\n<p><a title=\"Link to Ian Devlin's website and a blog post on a responsive image workaround\" href=\"http:\/\/www.iandevlin.com\/blog\/2013\/10\/responsive-web-design\/resimagecrop-a-responsive-image-solution\" target=\"_blank\" rel=\"nofollow\">http:\/\/www.iandevlin.com\/blog\/2013\/10\/responsive-web-design\/resimagecrop-a-responsive-image-solution<\/a><\/p>\n<p>I&#8217;m sure he&#8217;d be glad of some community feedback on it. I haven&#8217;t really had the time to poke holes in it fully yet, but I like what it does. His article explains in depth what he is doing but in synopsis, he is creating the img source from a php script which can also take arguments for height, width, crop and scale. Tied in with Scott Jehl&#8217;s picturefill script, it works very dynamically and seems very responsive.<\/p>\n<p>All thoughts and comments greatly appreciated.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A colleague of mine, Ian Devlin, put this up yesterday. I&#8217;ve had a small play with it and forked it to add some caching. It seems like a pretty good workaround (note, I don&#8217;t say solution!). http:\/\/www.iandevlin.com\/blog\/2013\/10\/responsive-web-design\/resimagecrop-a-responsive-image-solution I&#8217;m sure he&#8217;d &hellip; <a href=\"https:\/\/www.w3.org\/community\/respimg\/2013\/10\/16\/interesting-responsive-images-workaround\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4989,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[1],"tags":[],"class_list":["post-453","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/users\/4989"}],"replies":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":3,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/posts\/453\/revisions"}],"predecessor-version":[{"id":456,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/posts\/453\/revisions\/456"}],"wp:attachment":[{"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/media?parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/categories?post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.w3.org\/community\/respimg\/wp-json\/wp\/v2\/tags?post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}